@itcase/ui 1.1.16 → 1.1.17

package/dist/{Accordion-DF2lqrVA.js → Accordion-uWRXripc.js}

@@ -5,8 +5,8 @@ import clsx from 'clsx';
 import castArray from 'lodash/castArray';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-DWnG-4KG.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 var ChevronDown16 = function ChevronDown16(props) {
   return /*#__PURE__*/React__default.createElement("svg", props, /*#__PURE__*/React__default.createElement("path", {

package/dist/{Avatar-DLNS2LBo.js → Avatar-APOOlMd3.js}

@@ -2,9 +2,9 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-DWnG-4KG.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
 import { I as Image } from './Image-Bz4Fo3eB.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 function Avatar(props) {
     var className = props.className, Dot = props.Dot, icon = props.icon, _a = props.size, size = _a === void 0 ? '96' : _a, after = props.after, before = props.before, src = props.src, type = props.type, mode = props.mode, onClick = props.onClick, _b = props.textSize, textSize = _b === void 0 ? 'l' : _b, _c = props.textColor, textColor = _c === void 0 ? 'surfaceTextTertiary' : _c, _d = props.textWeight, textWeight = _d === void 0 ? '600' : _d, iconSrc = props.iconSrc, iconItemFill = props.iconItemFill, iconShape = props.iconShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillHover = props.iconFillHover, iconFillSize = props.iconFillSize, _e = props.firstName, firstName = _e === void 0 ? '' : _e, _f = props.secondName, secondName = _f === void 0 ? '' : _f;

package/dist/{Badge-BBbMdbjo.js → Badge-DtYgQu3L.js}

@@ -1,9 +1,8 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 var badgeConfig = {
     appearance: undefined,
@@ -52,7 +51,7 @@ function Badge(props) {
     });
     // @ts-expect-error
     var badgeStyles = useStyles(props).styles;
-    var appearanceConfig = useMemo(function () { return appearance && badgeConfig.appearance && badgeConfig.appearance[appearance]; }, [appearance, badgeConfig]);
+    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 ||
             ((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 ||

package/dist/{Breadcrumbs-Dz-WcAoT.js → Breadcrumbs-rRMuYnWJ.js}

@@ -5,9 +5,9 @@ import clsx from 'clsx';
 import camelCase from 'lodash/camelCase';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-DWnG-4KG.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
 import { a as LinkWrapper } from './Link-Co6uspFK.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 function BreadcrumbsItem(props) {
     var children = props.children, className = props.className, cursor = props.cursor, _a = props.set, set = _a === void 0 ? 'default' : _a, text = props.text, textSize = props.textSize, textColor = props.textColor, textColorHover = props.textColorHover, href = props.href, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, onClick = props.onClick;

package/dist/{Button-ULZVVxWC.js → Button-DxZUKQ8I.js}

@@ -1,12 +1,12 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import React__default, { useMemo } from 'react';
+import React__default from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-DWnG-4KG.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
 import { a as LinkWrapper } from './Link-Co6uspFK.js';
-import { L as Loader } from './Loader-YZrWGaNy.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { L as Loader } from './Loader-DhgIcSY1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 var buttonConfig = {
     appearance: undefined,
@@ -15,7 +15,7 @@ var buttonConfig = {
     },
 };
 var Button = React__default.forwardRef(function Button(props, ref) {
-    var before = props.before, appearance = props.appearance, after = props.after, className = props.className, dataTour = props.dataTour, dataTestId = props.dataTestId, Badge = props.Badge, children = props.children, fillIcon = props.fillIcon, fillIconAfter = props.fillIconAfter, fillIconBefore = props.fillIconBefore, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, _a = props.loaderSet, loaderSet = _a === void 0 ? 'simple' : _a, loaderFill = props.loaderFill, loaderItemFill = props.loaderItemFill, link = props.link, href = props.href, target = props.target, rel = props.rel; props.size; var icon = props.icon, iconShape = props.iconShape, iconAfterShape = props.iconAfterShape, iconBeforeShape = props.iconBeforeShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillSize = props.iconFillSize, iconBeforeFill = props.iconBeforeFill, iconBeforeFillSize = props.iconBeforeFillSize, iconAfterFill = props.iconAfterFill, iconAfterFillSize = props.iconAfterFillSize, iconAfterSrc = props.iconAfterSrc, iconBeforeSrc = props.iconBeforeSrc, iconSrc = props.iconSrc, set = props.set, _c = props.loading, loading = _c === void 0 ? false : _c, _d = props.htmlType, htmlType = _d === void 0 ? 'button' : _d; props.width; var isDisabled = props.isDisabled, onClick = props.onClick, onMouseDown = props.onMouseDown;
+    var before = props.before, appearance = props.appearance, after = props.after, className = props.className, dataTour = props.dataTour, dataTestId = props.dataTestId, Badge = props.Badge, children = props.children, fillIcon = props.fillIcon, fillIconAfter = props.fillIconAfter, fillIconBefore = props.fillIconBefore, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextSizeMobile = props.labelTextSizeMobile, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, _a = props.loaderSet, loaderSet = _a === void 0 ? 'simple' : _a, loaderFill = props.loaderFill, loaderItemFill = props.loaderItemFill, link = props.link, href = props.href, target = props.target, rel = props.rel; props.size; var icon = props.icon, iconShape = props.iconShape, iconAfterShape = props.iconAfterShape, iconBeforeShape = props.iconBeforeShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillSize = props.iconFillSize, iconBeforeFill = props.iconBeforeFill, iconBeforeFillSize = props.iconBeforeFillSize, iconAfterFill = props.iconAfterFill, iconAfterFillSize = props.iconAfterFillSize, iconAfterSrc = props.iconAfterSrc, iconBeforeSrc = props.iconBeforeSrc, iconSrc = props.iconSrc, set = props.set, _c = props.loading, loading = _c === void 0 ? false : _c, _d = props.htmlType, htmlType = _d === void 0 ? 'button' : _d; props.width; var isDisabled = props.isDisabled, onClick = props.onClick, onMouseDown = props.onMouseDown;
     var widthClass = useDeviceTargetClass(props, {
         prefix: 'button_width_',
         propsKey: 'width',
@@ -54,7 +54,7 @@ var Button = React__default.forwardRef(function Button(props, ref) {
     });
     // @ts-expect-error
     var _f = useStyles(props), buttonStyles = _f.styles, labelStyles = _f.label;
-    var appearanceConfig = useMemo(function () { return appearance && buttonConfig.appearance && buttonConfig.appearance[appearance]; }, [appearance, buttonConfig]);
+    var appearanceConfig = appearance && buttonConfig.appearance && buttonConfig.appearance[appearance];
     return (jsxRuntimeExports.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)
@@ -80,7 +80,7 @@ var Button = React__default.forwardRef(function Button(props, ref) {
                 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: jsxRuntimeExports.jsxs("div", { className: "button__wrapper", ref: ref, children: [loading && (jsxRuntimeExports.jsx(Loader, { className: "button__loader", 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) && (jsxRuntimeExports.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) && (jsxRuntimeExports.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)) && (jsxRuntimeExports.jsx(Text, { className: "button__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize) || undefined, style: labelStyles, textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textWrap: labelTextWrap, textWeight: labelTextWeight, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsxRuntimeExports.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] }) }));
+            '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: jsxRuntimeExports.jsxs("div", { className: "button__wrapper", ref: ref, children: [loading && (jsxRuntimeExports.jsx(Loader, { className: "button__loader", 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) && (jsxRuntimeExports.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) && (jsxRuntimeExports.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)) && (jsxRuntimeExports.jsx(Text, { className: "button__label", 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), textWrap: labelTextWrap, textWeight: labelTextWeight, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsxRuntimeExports.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] }) }));
 });
 Button.defaultProps = {
     // Button with a `type="submit"` attribute is a form control by default.

package/dist/{Card-DPGgzPuD.js → Card-DEs1Rr88.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { I as Image } from './Image-Bz4Fo3eB.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 function Card(props) {
     var children = props.children, className = props.className, size = props.size, src = props.src, text = props.text, textSize = props.textSize, textColor = props.textColor, textTag = props.textTag, title = props.title, titleSize = props.titleSize, titleTag = props.titleTag, titleColor = props.titleColor, image = props.image, imageShape = props.imageShape, type = props.type, onClick = props.onClick;

package/dist/{Cell-D9Wa7coO.js → Cell-BJThS4YS.js}

@@ -1,9 +1,9 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-DWnG-4KG.js';
-import { L as Label } from './Label-VHbRKztj.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
+import { L as Label } from './Label-0lMH0-AK.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 import { useStyles } from './hooks/useStyles.js';
 
 function Cell(props) {

package/dist/{Checkbox-i0qZk0sb.js → Checkbox-BmQo6ByV.js}

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 var checkboxConfig = {
     appearance: undefined,

package/dist/{Chips-BdK4kVmq.js → Chips-CBPMHkdw.js}

@@ -1,9 +1,8 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 var chipsConfig = {
     appearance: undefined,
@@ -12,7 +11,8 @@ var chipsConfig = {
     },
 };
 function Chips(props) {
-    var isActive = props.isActive, labelTextActiveColor = props.labelTextActiveColor, appearance = props.appearance, children = props.children, className = props.className, label = props.label, labelTextSize = props.labelTextSize, labelTextColor = props.labelTextColor, labelTextWeight = props.labelTextWeight, type = props.type, onClick = props.onClick;
+    var children = props.children, isActive = props.isActive, appearance = props.appearance, className = props.className, _a = props.label, label = _a === void 0 ? '' : _a, labelSize = props.labelSize, // labelTextSize,
+    labelTextActiveColor = props.labelTextActiveColor, labelTextColor = props.labelTextColor, labelTextWeight = props.labelTextWeight, type = props.type, onClick = props.onClick;
     var alignDirectionClass = useDeviceTargetClass(props, {
         prefix: 'align_',
         propsKey: 'alignDirection',
@@ -55,21 +55,23 @@ function Chips(props) {
     });
     // @ts-expect-error
     var chipsStyles = useStyles(props).styles;
-    var appearanceConfig = useMemo(function () { return appearance && chipsConfig.appearance && chipsConfig.appearance[appearance]; }, [appearance, chipsConfig]);
-    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'chips', isActive && 'chips_state_active', isActive ? fillActiveClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillActive) &&
-                "fill_".concat(appearanceConfig.fillActive).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 ||
+    // prettier-ignore
+    var appearanceConfig = (appearance && chipsConfig.appearance && chipsConfig.appearance[appearance]);
+    return (jsxRuntimeExports.jsx("div", { style: chipsStyles, className: clsx(className, 'chips', isActive && 'chips_state_active', isActive
+            ? fillActiveClass ||
+                ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillActive) &&
+                    "fill_".concat(appearanceConfig.fillActive).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, borderColorClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
                 "border-color_".concat(appearanceConfig.borderColor)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderTypeClass, sizeClass, alignDirectionClass, alignClass, type && "chips_type_".concat(type), cursorClass, onClick && 'cursor_type_pointer'), style: chipsStyles, onClick: onClick, children: jsxRuntimeExports.jsxs("div", { className: "chips__inner", children: [typeof label === 'string' ? (jsxRuntimeExports.jsx(Text, { className: "chips__label", textColor: isActive ? labelTextActiveColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextActiveColor) : labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textWeight: labelTextWeight, size: labelTextSize, children: label })) : (jsxRuntimeExports.jsx("div", { className: "chips__label", children: label })), children] }) }));
+                    .toLowerCase()), borderTypeClass, sizeClass, alignDirectionClass, alignClass, type && "chips_type_".concat(type), cursorClass, onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxRuntimeExports.jsxs("div", { className: "chips__inner", children: [typeof label === 'string' ? (jsxRuntimeExports.jsx(Text, { className: "chips__label", size: labelSize, textWeight: labelTextWeight, textColor: isActive
+                        ? labelTextActiveColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextActiveColor)
+                        : labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), children: label })) : (jsxRuntimeExports.jsx("div", { className: "chips__label", children: label })), children] }) }));
 }
-Chips.defaultProps = {
-    label: 'Chips',
-};
 
 export { Chips as C, chipsConfig as c };

package/dist/{Choice-BT6xwc_a.js → Choice-DVU4k0tu.js}

@@ -2,8 +2,9 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import React__default, { useRef, useMemo, createRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-DWnG-4KG.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
+import { L as Loader } from './Loader-DhgIcSY1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 var choiceConfig = {
     appearance: {},
@@ -12,7 +13,7 @@ var choiceConfig = {
     },
 };
 var Choice = React__default.forwardRef(function Choice(props, ref) {
-    var active = props.active, activeIcon = props.activeIcon, activeIconItemFill = props.activeIconItemFill, after = props.after, appearance = props.appearance, before = props.before, className = props.className, icon = props.icon, iconFillDisabled = props.iconFillDisabled, iconItemFill = props.iconItemFill, iconSize = props.iconSize, isDisabled = props.isDisabled, isCheckbox = props.isCheckbox, labelTextActiveColor = props.labelTextActiveColor, labelTextActiveColorDisabled = props.labelTextActiveColorDisabled, labelTextColor = props.labelTextColor, labelTextColorDisabled = props.labelTextColorDisabled, labelTextWeight = props.labelTextWeight, labelTextSize = props.labelTextSize, name = props.name, options = props.options, set = props.set, _a = props.size, size = _a === void 0 ? 'normal' : _a, type = props.type, setActiveSegment = props.setActiveSegment;
+    var _a = props.isCheckbox, isCheckbox = _a === void 0 ? false : _a, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isLoading, isLoading = _c === void 0 ? false : _c, _d = props.active, active = _d === void 0 ? { value: undefined } : _d, activeIcon = props.activeIcon, activeIconItemFill = props.activeIconItemFill, after = props.after, appearance = props.appearance, before = props.before, className = props.className, icon = props.icon, iconFillDisabled = props.iconFillDisabled, iconItemFill = props.iconItemFill, iconSize = props.iconSize, labelTextActiveColor = props.labelTextActiveColor, labelTextActiveColorDisabled = props.labelTextActiveColorDisabled, labelTextColor = props.labelTextColor, labelTextColorDisabled = props.labelTextColorDisabled, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, name = props.name, _e = props.options, options = _e === void 0 ? [] : _e, set = props.set, setActiveSegment = props.setActiveSegment, _f = props.size, size = _f === void 0 ? 'normal' : _f, type = props.type;
     var controlRef = useRef(null);
     var optionsRefs = useMemo(function () { return new Map(options.map(function (item) { return [item.value, createRef()]; })); }, [options]);
     var onChange = useCallback(function (event, item) {
@@ -55,8 +56,9 @@ var Choice = React__default.forwardRef(function Choice(props, ref) {
         prefix: 'fill_active_disabled_',
         propsKey: 'fillActiveDisabled',
     });
-    var appearanceConfig = useMemo(function () { return appearance && choiceConfig.appearance && choiceConfig.appearance[appearance]; }, [appearance, choiceConfig]);
-    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'choice', shapeClass ||
+    // prettier-ignore
+    var appearanceConfig = (appearance && choiceConfig.appearance && choiceConfig.appearance[appearance]);
+    return (jsxRuntimeExports.jsx("div", { ref: controlRef, className: clsx(className, 'choice', shapeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
                 "choice_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), !isDisabled
             ? fillClass ||
@@ -66,7 +68,7 @@ var Choice = React__default.forwardRef(function Choice(props, ref) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
                 "border-color_".concat(appearanceConfig.borderColor)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderWidthClass, borderTypeClass, set && "choice_set_".concat(set), size && "choice_size_".concat(size), type && "choice_type_".concat(type)), ref: controlRef, children: jsxRuntimeExports.jsx("div", { className: "choice__wrapper", children: options === null || options === void 0 ? void 0 : options.map(function (item, i) { return (jsxRuntimeExports.jsxs("div", { className: clsx('choice__item', !isDisabled &&
+                    .toLowerCase()), borderWidthClass, borderTypeClass, set && "choice_set_".concat(set), size && "choice_size_".concat(size), type && "choice_type_".concat(type)), children: isLoading ? (jsxRuntimeExports.jsx(Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent", set: "simple" })) : (jsxRuntimeExports.jsx("div", { className: "choice__wrapper", children: options.map(function (item) { return (jsxRuntimeExports.jsxs("div", { ref: optionsRefs.get(item.value), className: clsx('choice__item', !isDisabled &&
                     (fillHoverClass ||
                         ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
                             "fill_active_".concat(appearanceConfig.fillHover)
@@ -81,20 +83,15 @@ var Choice = React__default.forwardRef(function Choice(props, ref) {
                         : fillActiveDisabledClass
                     : !isDisabled
                         ? fillClass
-                        : fillDisabledClass, item.value === active.value && isDisabled && 'choice__item_active_state_disabled', item.value === active.value && 'choice__item_active'), ref: optionsRefs.get(item.value), children: [jsxRuntimeExports.jsx("input", { checked: item.value === active.value, className: "choice__item-radio", id: "".concat(name, "-").concat(item.value), name: name, disabled: isDisabled, type: isCheckbox ? 'checkbox' : 'radio', value: item.value, onChange: function (event) { return onChange(event, item); } }), jsxRuntimeExports.jsxs("label", { className: clsx('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), htmlFor: "".concat(name, "-").concat(item.value), children: [before, item.label && (jsxRuntimeExports.jsx(Text, { size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColor: item.value === active.value
+                        : fillDisabledClass, item.value === active.value && isDisabled && 'choice__item_active_state_disabled', item.value === active.value && 'choice__item_active'), children: [jsxRuntimeExports.jsx("input", { checked: item.value === active.value, className: "choice__item-radio", disabled: isDisabled, id: "".concat(name, "-").concat(item.value), name: name, type: isCheckbox ? 'checkbox' : 'radio', value: item.value, onChange: function (event) { return onChange(event, item); } }), jsxRuntimeExports.jsxs("label", { htmlFor: "".concat(name, "-").concat(item.value), className: clsx('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), children: [before, item.label && (jsxRuntimeExports.jsx(Text, { size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textWeight: labelTextWeight, textColor: item.value === active.value
                                     ? !isDisabled
                                         ? labelTextActiveColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextActiveColor)
                                         : labelTextActiveColorDisabled
                                     : !isDisabled
                                         ? labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor)
-                                        : labelTextColorDisabled, textWeight: labelTextWeight, children: item.label })), (icon || activeIcon) && (jsxRuntimeExports.jsx(Icon, { className: "choice__item-icon", iconFill: item.value === active.value
+                                        : labelTextColorDisabled, children: item.label })), (icon || activeIcon) && (jsxRuntimeExports.jsx(Icon, { SvgImage: item.value === active.value ? activeIcon : icon, className: "choice__item-icon", iconFillDisabled: isDisabled ? iconFillDisabled : undefined, iconSize: iconSize, iconFill: item.value === active.value
                                     ? activeIconItemFill || item.activeIconItemFill
-                                    : iconItemFill || item.iconItemFill, iconFillDisabled: isDisabled ? iconFillDisabled : undefined, iconSize: iconSize, SvgImage: item.value === active.value ? activeIcon : icon })), after] })] }, item.value)); }) }) }));
+                                    : iconItemFill || item.iconItemFill })), after] })] }, item.value)); }) })) }));
 });
-Choice.defaultProps = {
-    active: { value: undefined },
-    options: [],
-    size: 'normal',
-};
 
 export { Choice as C, choiceConfig as c };

package/dist/{Code-DkWVSDOy.js → Code-1WUXVzfb.js}

@@ -254,7 +254,6 @@ function Code(props) {
 }
 Code.defaultProps = {
     inputCount: 6,
-    gap: 12,
     inputType: 'number',
     inputSize: 'normal',
     inputBorderWidth: 1,

package/dist/{ContextMenuItem--304_MdY.js → ContextMenuItem-xssbnviQ.js}

@@ -2,8 +2,8 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { D as Divider } from './Divider-Dhj6sMWd.js';
-import { I as Icon } from './Icon-DWnG-4KG.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 function ContextMenu(props) {
     var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;

package/dist/{CookiesWarning-CDlz4Rfl.js → CookiesWarning-Dcon4SS4.js}

@@ -3,9 +3,9 @@ import { useRef, useMemo, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { B as Button } from './Button-ULZVVxWC.js';
-import { G as Group } from './Group-C2kJKhWJ.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { B as Button } from './Button-DxZUKQ8I.js';
+import { G as Group } from './Group-DuHn_z2p.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 function CookiesWarning(props) {
     var _a = props.message, message = _a === void 0 ? 'The site uses cookies to collect technical information, to optimize the design and improvement of the website, and to provide certain functions. By using the website, you agree to the use of «cookies».' : _a, className = props.className, buttonFill = props.buttonFill, buttonFillHover = props.buttonFillHover, _b = props.buttonLabel, buttonLabel = _b === void 0 ? 'I agree' : _b, buttonLabelSize = props.buttonLabelSize, buttonLabelTextColor = props.buttonLabelTextColor, buttonShape = props.buttonShape, buttonSize = props.buttonSize, textSize = props.textSize, textColor = props.textColor, buttonWidth = props.buttonWidth, _c = props.isHideOnScroll, isHideOnScroll = _c === void 0 ? false : _c;

package/dist/{DatePicker-CAgJ_CIz.js → DatePicker-D9UgOcue.js}

@@ -5,13 +5,13 @@ import React__default, { createElement, Component, useLayoutEffect, useEffect, c
 import clsx$1, { clsx } from 'clsx';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { findDOMNode } from 'react-dom';
-import { o as offset$1, f as flip$1, c as computePosition, b as arrow$2, g as getComputedStyle, i as isElement, a as autoUpdate } from './floating-ui.dom-_PBQLJcF.js';
+import { o as offset$1, f as flip$1, c as computePosition, b as arrow$2, g as getComputedStyle, i as isElement, a as autoUpdate } from './floating-ui.dom-BV5qw-HP.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { B as Button } from './Button-ULZVVxWC.js';
-import { I as Icon } from './Icon-DWnG-4KG.js';
+import { B as Button } from './Button-DxZUKQ8I.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
 import { I as Input } from './Input-CYDtAlO-.js';
-import { L as Label } from './Label-VHbRKztj.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { L as Label } from './Label-0lMH0-AK.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 function buildFormatLongFn(args) {
   return (options = {}) => {

package/dist/{Drawer-CgJX3Utw.js → Drawer-DkLkFSmD.js}

@@ -130,10 +130,10 @@ var EZDrawer = function EZDrawer(props) {
 };
 
 function Drawer(props) {
-    var after = props.after, before = props.before, children = props.children, className = props.className, dataTour = props.dataTour, direction = props.direction, enableOverlay = props.enableOverlay, size = props.size, type = props.type, isOpenModal = props.isOpenModal, closeModal = props.closeModal;
-    return (jsxRuntimeExports.jsxs(EZDrawer, { className: clsx('drawer', type && "drawer_type_".concat(type), className, dataTour && "data-tour-".concat(dataTour)), direction: direction || 'right', lockBackgroundScroll: false, 
+    var children = props.children, isOpenModal = props.isOpenModal, after = props.after, before = props.before, className = props.className, closeModal = props.closeModal, dataTour = props.dataTour, direction = props.direction, enableOverlay = props.enableOverlay, size = props.size, type = props.type;
+    return (jsxRuntimeExports.jsxs(EZDrawer, { direction: direction || 'right', enableOverlay: enableOverlay, lockBackgroundScroll: false, 
         // @ts-expect-error
-        open: isOpenModal, overlayClassName: "drawer__overlay", size: size || 600, onClose: closeModal, enableOverlay: enableOverlay, children: [before && jsxRuntimeExports.jsx("div", { className: "drawer__before", children: before }), children && jsxRuntimeExports.jsx("div", { className: "drawer__wrapper", children: children }), after && jsxRuntimeExports.jsx("div", { className: "drawer__after", children: after })] }));
+        open: isOpenModal, overlayClassName: "drawer__overlay", size: size || 600, className: clsx('drawer', type && "drawer_type_".concat(type), className, dataTour && "data-tour-".concat(dataTour)), onClose: closeModal, children: [before && jsxRuntimeExports.jsx("div", { className: "drawer__before", children: before }), children && jsxRuntimeExports.jsx("div", { className: "drawer__wrapper", children: children }), after && jsxRuntimeExports.jsx("div", { className: "drawer__after", children: after })] }));
 }
 
 export { Drawer as D };

package/dist/{DropdownItem-Cf5vBgDu.js → DropdownItem-DB5nPIdl.js}

@@ -5,7 +5,7 @@ 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-Co6uspFK.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.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;

package/dist/{Group-C2kJKhWJ.js → Group-DuHn_z2p.js}

@@ -1,5 +1,4 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
@@ -86,7 +85,7 @@ function Group(props) {
     });
     // @ts-expect-error
     var _b = useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
-    var appearanceConfig = useMemo(function () { return appearance && groupConfig.appearance && groupConfig.appearance[appearance]; }, [appearance, groupConfig]);
+    var appearanceConfig = appearance && groupConfig.appearance && groupConfig.appearance[appearance];
     return (jsxRuntimeExports.jsx(Tag, { className: clsx(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction) &&
                 "group_direction_".concat(appearanceConfig.direction)

package/dist/HTMLContent-CgbJTAy4.js

@@ -0,0 +1,85 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+
+function HTMLContent(props) {
+    var children = props.children, className = props.className, content = props.content, dataTour = props.dataTour, style = props.style, onClick = props.onClick;
+    var alignDirectionClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    var justifyContentClass = useDeviceTargetClass(props, {
+        prefix: 'justify-content_',
+        propsKey: 'justifyContent',
+    });
+    var directionClass = useDeviceTargetClass(props, {
+        prefix: 'html-content_direction_',
+        propsKey: 'direction',
+    });
+    var wrapClass = useDeviceTargetClass(props, {
+        prefix: 'html-content_wrap_',
+        propsKey: 'wrap',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'html-content_shape_',
+        propsKey: 'shape',
+    });
+    var columnsClass = useDeviceTargetClass(props, {
+        prefix: 'html-content_columns_',
+        propsKey: 'columns',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var heightClass = useDeviceTargetClass(props, {
+        prefix: 'height_',
+        propsKey: 'height',
+    });
+    var borderColorClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderWidthClass = useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderTypeClass = useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var flexGrowClass = useDeviceTargetClass(props, {
+        prefix: 'flex-grow_',
+        propsKey: 'flexGrow',
+    });
+    var elevationClass = useDeviceTargetClass(props, {
+        prefix: 'elevation_',
+        propsKey: 'elevation',
+    });
+    var textColorClass = useDeviceTargetClass(props, {
+        prefix: 'text-color_',
+        propsKey: 'textColor',
+    });
+    var weightClass = useDeviceTargetClass(props, {
+        prefix: 'text-weight_',
+        propsKey: 'textWeight',
+    });
+    // @ts-expect-error
+    var htmlContentStyles = useStyles(props).styles;
+    return (jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: content }, "data-tour": dataTour, style: Object.assign({}, htmlContentStyles, style), className: clsx(className, 'html-content', alignClass, alignDirectionClass, borderColorClass, borderTypeClass, borderWidthClass, columnsClass, directionClass, elevationClass, fillClass, fillHoverClass, flexGrowClass, heightClass, justifyContentClass, shapeClass, textColorClass, weightClass, wrapClass, widthClass), onClick: onClick, children: children }));
+}
+
+export { HTMLContent as H };

package/dist/{Icon-DWnG-4KG.js → Icon-C0gtkmdU.js}

@@ -6,7 +6,7 @@ import SVG from 'react-inlinesvg';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { a as LinkWrapper } from './Link-Co6uspFK.js';
-import { T as Tooltip } from './Tooltip-CpEQOh9v.js';
+import { T as Tooltip } from './Tooltip-D46EmkZq.js';
 
 var iconConfig = {
     appearance: {},

package/dist/{InputPassword-BOdsE_Yd.js → InputPassword-D6OLQrVC.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-DWnG-4KG.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
 
 var inputPasswordConfig = {
     state: undefined,
@@ -68,9 +68,7 @@ function InputPassword(props) {
         e.preventDefault();
         setIsRevealed(function (prev) { return !prev; });
     }, [setIsRevealed]);
-    var appearanceConfig = useMemo(function () {
-        return appearance && inputPasswordConfig.appearance && inputPasswordConfig.appearance[appearance];
-    }, [appearance, inputPasswordConfig]);
+    var appearanceConfig = appearance && inputPasswordConfig.appearance && inputPasswordConfig.appearance[appearance];
     var stateConfig = useMemo(function () { return state && inputPasswordConfig.state && inputPasswordConfig.state[state]; }, [state, inputPasswordConfig]);
     return (jsxRuntimeExports.jsxs("div", { className: "input-password", children: [jsxRuntimeExports.jsx("input", { className: clsx(className, 'input-password__input', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, fillClass, placeholderTextColorClass, shapeClass ||
                     ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&

package/dist/{Label-VHbRKztj.js → Label-0lMH0-AK.js}

@@ -1,10 +1,10 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import { useRef, useCallback, useMemo } from 'react';
+import { useRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-CxrzHFN1.js';
-import { T as Tooltip } from './Tooltip-CpEQOh9v.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
+import { T as Tooltip } from './Tooltip-D46EmkZq.js';
 
 var labelConfig = {
     appearance: undefined,
@@ -65,7 +65,7 @@ function Label(props) {
     });
     // @ts-expect-error
     var labelStyles = useStyles(props).styles;
-    var appearanceConfig = useMemo(function () { return appearance && labelConfig.appearance && labelConfig.appearance[appearance]; }, [appearance, labelConfig]);
+    var appearanceConfig = appearance && labelConfig.appearance && labelConfig.appearance[appearance];
     return (jsxRuntimeExports.jsxs("div", { className: clsx(className, 'label', fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||

package/dist/{LanguageSelector-CzIV_gnd.js → LanguageSelector-uOmIj9mJ.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
-import { I as Icon } from './Icon-DWnG-4KG.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
 
 function LanguageSelectorItem(props) {
     var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;

package/dist/{Loader-YZrWGaNy.js → Loader-DhgIcSY1.js}

@@ -1,9 +1,8 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 // TODO: is better to use context?
 var loaderConfig = {
@@ -37,7 +36,7 @@ function Loader(props) {
     });
     // @ts-expect-error
     var loader = useStyles(props).styles;
-    var appearanceConfig = useMemo(function () { return appearance && loaderConfig.appearance && loaderConfig.appearance[appearance]; }, [appearance, loaderConfig]);
+    var appearanceConfig = appearance && loaderConfig.appearance && loaderConfig.appearance[appearance];
     /*
      * TODO: set temporary variables by other way
      */

package/dist/Logo-dRWwDqj-.js

@@ -0,0 +1,37 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+import { a as LinkWrapper } from './Link-Co6uspFK.js';
+
+var logoConfig = {
+    appearance: undefined,
+    setAppearance: function (newComponent) {
+        logoConfig.appearance = newComponent;
+    },
+};
+function Logo(props) {
+    var alt = props.alt, appearance = props.appearance, className = props.className, href = props.href, link = props.link, mode = props.mode, size = props.size, source = props.source, src = props.src, srcSize = props.srcSize;
+    var alignItemsClass = useDeviceTargetClass(props, {
+        prefix: 'logo_align-items_',
+        propsKey: 'alignItems',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var alignDirectionClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    // @ts-expect-error
+    var logo = useStyles(props).styles;
+    var appearanceConfig = appearance && logoConfig.appearance && logoConfig.appearance[appearance];
+    return (jsxRuntimeExports.jsx("div", { style: logo, className: clsx(className, 'logo', alignClass, alignDirectionClass, alignItemsClass, alt, mode && "logo_mode_".concat(mode), size && "logo_size_".concat(size), widthClass), children: link || href ? (jsxRuntimeExports.jsx(LinkWrapper, { href: link || href, children: jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source || srcSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.srcSize) }) })) : (jsxRuntimeExports.jsx("img", { className: "logo__image", src: src || source || srcSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.srcSize) })) }));
+}
+
+export { Logo as L, logoConfig as l };

package/dist/{Menu-Cd-XlUmJ.js → Menu-9u6BoWRL.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { M as MenuItem } from './MenuItem-COZ-C9K2.js';
+import { M as MenuItem } from './MenuItem-CXxL099U.js';
 
 function Menu(props) {
     var after = props.after, before = props.before, children = props.children, className = props.className, items = props.items, type = props.type, onClickItem = props.onClickItem;