@itcase/ui 1.2.34 → 1.3.0

package/dist/Title-DBaHcpvB.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var clsx = require('clsx');
+var UIContext = require('./cjs/context/UIContext.js');
+var useDeviceTargetClassGenerator = require('./cjs/hooks/useDeviceTargetClassGenerator.js');
+var useStyles = require('./cjs/hooks/useStyles.js');
+
+var titleAppearance = {
+    dev: {
+        textColor: 'surfaceTextPrimary',
+    },
+};
+
+var titleConfig = {
+    appearance: titleAppearance,
+    setAppearance: function (newComponent) {
+        titleConfig.appearance = newComponent;
+    },
+};
+function Title(props) {
+    var children = props.children, after = props.after, afterWrapper = props.afterWrapper, appearance = props.appearance, before = props.before, beforeWrapper = props.beforeWrapper, className = props.className, dataTour = props.dataTour, mode = props.mode, _a = props.size, size = _a === void 0 ? 'h3' : _a, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _b = props.tag, tag = _b === void 0 ? 'span' : _b, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
+    var _c = UIContext.useUserDeviceContext(), isMobile = _c.isMobile, isTablet = _c.isTablet, isDesktop = _c.isDesktop;
+    // @ts-expect-error
+    var appearanceConfig = titleConfig.appearance && titleConfig.appearance[appearance];
+    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
+    var directionClass = classGenerator.directionClass, fillClass = classGenerator.fillClass, heightClass = classGenerator.heightClass, svgFillClass = classGenerator.svgFillClass, svgFillHoverClass = classGenerator.svgFillHoverClass, textAlignClass = classGenerator.textAlignClass, textColorActiveClass = classGenerator.textColorActiveClass, textColorClass = classGenerator.textColorClass, textColorGradientClass = classGenerator.textColorGradientClass, textColorHoverClass = classGenerator.textColorHoverClass, textStyleClass = classGenerator.textStyleClass, textTruncateClass = classGenerator.textTruncateClass, textWeightClass = classGenerator.textWeightClass, typeClass = classGenerator.typeClass, widthClass = classGenerator.widthClass, wrapperDirectionClass = classGenerator.wrapperDirectionClass;
+    // @ts-expect-error
+    var _d = useStyles.useStyles(props), titleStyles = _d.styles, titleWrapperStyles = _d.wrapper;
+    // Element type (h1, h2, ..., h6)
+    var Tag = React.useMemo(function () {
+        if (tag) {
+            return tag;
+        }
+        if (isMobile && sizeMobile) {
+            return sizeMobile;
+        }
+        if (isTablet && sizeTablet) {
+            return sizeTablet;
+        }
+        if (isDesktop && sizeDesktop) {
+            return sizeDesktop;
+        }
+        return size ? size : 'span';
+    }, [isMobile, isTablet, isDesktop]);
+    return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'title', fillClass && "fill_".concat(fillClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), size && "title_size_".concat(size), mode && "title_mode_".concat(mode), directionClass && "title_direction_".concat(directionClass), 'text', textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), typeClass && "title_type_".concat(typeClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxRuntime.jsxs("span", { className: clsx(textAlignClass && "text-align_".concat(textAlignClass), wrapperDirectionClass && "title-direction_".concat(wrapperDirectionClass), 'title__wrapper', textTruncateClass && "text-truncate_".concat(textTruncateClass)), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
+}
+
+exports.Title = Title;
+exports.titleAppearance = titleAppearance;
+exports.titleConfig = titleConfig;

package/dist/Tooltip-1Jbub0K6.js

@@ -0,0 +1,89 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useRef, useState, useCallback, useImperativeHandle } from 'react';
+import clsx from 'clsx';
+import { useDeviceTargetClassGenerator } from './hooks/useDeviceTargetClassGenerator.js';
+import { useStyles } from './hooks/useStyles.js';
+import { T as Text } from './Text-JayJa3hj.js';
+import { T as Title } from './Title-CHgrIarR.js';
+
+var tooltipAppearance = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+};
+
+var tooltipConfig = {
+    appearance: tooltipAppearance,
+    setAppearance: function (newComponent) {
+        tooltipConfig.appearance = newComponent;
+    },
+};
+var Tooltip = React.forwardRef(function Tooltip(props, ref) {
+    var children = props.children, after = props.after, appearance = props.appearance, arrowPosition = props.arrowPosition, before = props.before, className = props.className, initialIsVisible = props.initialIsVisible, set = props.set, text = props.text, textColor = props.textColor, textSize = props.textSize, title = props.title, alignPosition = props.alignPosition, titleSize = props.titleSize, titleTextColor = props.titleTextColor, titleTextWeight = props.titleTextWeight, type = props.type, _a = props.openTimeoutDelay, openTimeoutDelay = _a === void 0 ? 500 : _a, _b = props.closeTimeoutDelay, closeTimeoutDelay = _b === void 0 ? 250 : _b;
+    var tooltipElementRef = useRef(null);
+    var tooltipTimeoutHideRef = useRef(null);
+    var tooltipTimeoutShowRef = useRef(null);
+    var isTooltipCloseAnimationInProgressRef = useRef(false);
+    // TODO: rename to open?
+    var _c = useState(initialIsVisible), isTooltipVisible = _c[0], setIsTooltipVisible = _c[1];
+    // TODO: or rename to show/hide?
+    var openTooltip = useCallback(function () {
+        if (!isTooltipCloseAnimationInProgressRef.current) {
+            if (tooltipTimeoutHideRef.current) {
+                clearTimeout(tooltipTimeoutHideRef.current);
+            }
+            tooltipTimeoutShowRef.current = setTimeout(function () {
+                setIsTooltipVisible(true);
+            }, openTimeoutDelay);
+        }
+    }, [openTimeoutDelay]);
+    var closeTooltip = useCallback(function () {
+        if (tooltipTimeoutShowRef.current) {
+            clearTimeout(tooltipTimeoutShowRef.current);
+        }
+        // Make a small delay to be able to move cursor on the tooltip without
+        // triggering a close, because the label and the tooltip have  space between
+        tooltipTimeoutHideRef.current = setTimeout(function () {
+            // @ts-expect-error
+            setIsTooltipVisible(function (prevState) {
+                var newState = false;
+                if (prevState === true) {
+                    isTooltipCloseAnimationInProgressRef.current = true;
+                }
+                return newState;
+            });
+        }, closeTimeoutDelay);
+    }, [closeTimeoutDelay]);
+    var onAnimationEnd = useCallback(function () {
+        isTooltipCloseAnimationInProgressRef.current = false;
+    }, []);
+    useImperativeHandle(ref, function () { return ({
+        get tooltipElement() {
+            return tooltipElementRef.current;
+        },
+        isTooltipVisible: isTooltipVisible,
+        closeTooltip: closeTooltip,
+        openTooltip: openTooltip,
+    }); }, [isTooltipVisible, openTooltip, closeTooltip]);
+    // @ts-expect-error
+    var appearanceConfig = tooltipConfig.appearance && tooltipConfig.appearance[appearance];
+    var classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig);
+    var borderWidthClass = classGenerator.borderWidthClass, borderTypeClass = classGenerator.borderTypeClass, widthClass = classGenerator.widthClass, fillClass = classGenerator.fillClass, shapeClass = classGenerator.shapeClass, alignDirectionClass = classGenerator.alignDirectionClass, alignClass = classGenerator.alignClass, alignmentClass = classGenerator.alignmentClass, borderColorClass = classGenerator.borderColorClass, elevationClass = classGenerator.elevationClass, sizeClass = classGenerator.sizeClass;
+    // @ts-expect-error
+    var tooltipStyles = useStyles(props).styles;
+    return (jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible === true && 'tooltip_state_open', isTooltipVisible === false && 'tooltip_state_close', fillClass && "fill_".concat(fillClass), shapeClass && "tooltip_shape_".concat(shapeClass), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), alignmentClass && "alignment_".concat(alignmentClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), sizeClass && "tooltip_size_".concat(sizeClass), arrowPosition && "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass && "width_".concat(widthClass)), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [before, jsxs("div", { className: "tooltip__inner", children: [title && (jsx(Title, { className: "tooltip__title", size: titleSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleSize), textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight), children: title })), text && (jsx(Text, { className: "tooltip__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text })), children] }), after] }));
+});
+
+export { Tooltip as T, tooltipAppearance as a, tooltipConfig as t };

package/dist/Tooltip-CNua1g76.js

@@ -0,0 +1,93 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var clsx = require('clsx');
+var useDeviceTargetClassGenerator = require('./cjs/hooks/useDeviceTargetClassGenerator.js');
+var useStyles = require('./cjs/hooks/useStyles.js');
+var Text = require('./Text-Beslj4Ns.js');
+var Title = require('./Title-DBaHcpvB.js');
+
+var tooltipAppearance = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+};
+
+var tooltipConfig = {
+    appearance: tooltipAppearance,
+    setAppearance: function (newComponent) {
+        tooltipConfig.appearance = newComponent;
+    },
+};
+var Tooltip = React.forwardRef(function Tooltip(props, ref) {
+    var children = props.children, after = props.after, appearance = props.appearance, arrowPosition = props.arrowPosition, before = props.before, className = props.className, initialIsVisible = props.initialIsVisible, set = props.set, text = props.text, textColor = props.textColor, textSize = props.textSize, title = props.title, alignPosition = props.alignPosition, titleSize = props.titleSize, titleTextColor = props.titleTextColor, titleTextWeight = props.titleTextWeight, type = props.type, _a = props.openTimeoutDelay, openTimeoutDelay = _a === void 0 ? 500 : _a, _b = props.closeTimeoutDelay, closeTimeoutDelay = _b === void 0 ? 250 : _b;
+    var tooltipElementRef = React.useRef(null);
+    var tooltipTimeoutHideRef = React.useRef(null);
+    var tooltipTimeoutShowRef = React.useRef(null);
+    var isTooltipCloseAnimationInProgressRef = React.useRef(false);
+    // TODO: rename to open?
+    var _c = React.useState(initialIsVisible), isTooltipVisible = _c[0], setIsTooltipVisible = _c[1];
+    // TODO: or rename to show/hide?
+    var openTooltip = React.useCallback(function () {
+        if (!isTooltipCloseAnimationInProgressRef.current) {
+            if (tooltipTimeoutHideRef.current) {
+                clearTimeout(tooltipTimeoutHideRef.current);
+            }
+            tooltipTimeoutShowRef.current = setTimeout(function () {
+                setIsTooltipVisible(true);
+            }, openTimeoutDelay);
+        }
+    }, [openTimeoutDelay]);
+    var closeTooltip = React.useCallback(function () {
+        if (tooltipTimeoutShowRef.current) {
+            clearTimeout(tooltipTimeoutShowRef.current);
+        }
+        // Make a small delay to be able to move cursor on the tooltip without
+        // triggering a close, because the label and the tooltip have  space between
+        tooltipTimeoutHideRef.current = setTimeout(function () {
+            // @ts-expect-error
+            setIsTooltipVisible(function (prevState) {
+                var newState = false;
+                if (prevState === true) {
+                    isTooltipCloseAnimationInProgressRef.current = true;
+                }
+                return newState;
+            });
+        }, closeTimeoutDelay);
+    }, [closeTimeoutDelay]);
+    var onAnimationEnd = React.useCallback(function () {
+        isTooltipCloseAnimationInProgressRef.current = false;
+    }, []);
+    React.useImperativeHandle(ref, function () { return ({
+        get tooltipElement() {
+            return tooltipElementRef.current;
+        },
+        isTooltipVisible: isTooltipVisible,
+        closeTooltip: closeTooltip,
+        openTooltip: openTooltip,
+    }); }, [isTooltipVisible, openTooltip, closeTooltip]);
+    // @ts-expect-error
+    var appearanceConfig = tooltipConfig.appearance && tooltipConfig.appearance[appearance];
+    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
+    var borderWidthClass = classGenerator.borderWidthClass, borderTypeClass = classGenerator.borderTypeClass, widthClass = classGenerator.widthClass, fillClass = classGenerator.fillClass, shapeClass = classGenerator.shapeClass, alignDirectionClass = classGenerator.alignDirectionClass, alignClass = classGenerator.alignClass, alignmentClass = classGenerator.alignmentClass, borderColorClass = classGenerator.borderColorClass, elevationClass = classGenerator.elevationClass, sizeClass = classGenerator.sizeClass;
+    // @ts-expect-error
+    var tooltipStyles = useStyles.useStyles(props).styles;
+    return (jsxRuntime.jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible === true && 'tooltip_state_open', isTooltipVisible === false && 'tooltip_state_close', fillClass && "fill_".concat(fillClass), shapeClass && "tooltip_shape_".concat(shapeClass), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), alignmentClass && "alignment_".concat(alignmentClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), sizeClass && "tooltip_size_".concat(sizeClass), arrowPosition && "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass && "width_".concat(widthClass)), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [before, jsxRuntime.jsxs("div", { className: "tooltip__inner", children: [title && (jsxRuntime.jsx(Title.Title, { className: "tooltip__title", size: titleSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleSize), textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight), children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tooltip__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text })), children] }), after] }));
+});
+
+exports.Tooltip = Tooltip;
+exports.tooltipAppearance = tooltipAppearance;
+exports.tooltipConfig = tooltipConfig;

package/dist/cjs/components/Accordion.js

@@ -5,11 +5,12 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var castArray = require('lodash/castArray');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Divider = require('../../Divider-BoB-f9Gr.js');
-var Icon = require('../../Icon-C8ACV9r7.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var _default = require('@itcase/icons/default');
+var Divider = require('../../Divider-Goh6mpPK.js');
+var Icon = require('../../Icon-hqYZoh4h.js');
+var Text = require('../../Text-Beslj4Ns.js');
 require('lodash/camelCase');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
@@ -18,9 +19,9 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
-require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
+require('../../Link-DGj-cNje.js');
+require('../../Tooltip-CNua1g76.js');
+require('../../Title-DBaHcpvB.js');
 
 function AccordionItem(props) {
     var id = props.id, children = props.children, isExpanded = props.isExpanded, afterContent = props.afterContent, beforeContent = props.beforeContent, className = props.className, content = props.content, contentTextColor = props.contentTextColor, contentTextSize = props.contentTextSize, contentTextWeight = props.contentTextWeight, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerSize = props.dividerSize, icon = props.icon, _a = props.iconFill, iconFill = _a === void 0 ? 'surfaceItemAccent' : _a, showDivider = props.showDivider, size = props.size, title = props.title, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, onClick = props.onClick;
@@ -34,45 +35,11 @@ function AccordionItem(props) {
         };
         onClick && onClick(thisItemData);
     }, [id, title, content, isExpanded, onClick]);
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var contentBorderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'contentBorderColor',
-    });
-    var titleBorderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'titleBorderColor',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var contentFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'contentFill',
-    });
-    var titleFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'titleFill',
-    });
-    var titleFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'titleFillHover',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'accordion-item_shape_',
-        propsKey: 'shape',
-    });
+    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props);
+    var borderColorClass = classGenerator.borderColorClass, contentBorderColorClass = classGenerator.contentBorderColorClass, contentFillClass = classGenerator.contentFillClass, contentFillHoverClass = classGenerator.contentFillHoverClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, shapeClass = classGenerator.shapeClass, titleBorderColorClass = classGenerator.titleBorderColorClass, titleFillClass = classGenerator.titleFillClass, titleFillHoverClass = classGenerator.titleFillHoverClass;
     // @ts-expect-error
     var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs("div", { className: clsx('accordion-item', className, borderColorClass, fillClass, fillHoverClass, shapeClass, size && "accordion-item_size_".concat(size), isExpanded && 'accordion-item_state_open'), style: styles, children: [jsxRuntime.jsx(Text.Text, { className: clsx('accordion-item__title', titleBorderColorClass, titleFillClass, titleFillHoverClass, 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), jsxRuntime.jsx("div", { className: clsx('accordion-item__icon', 'cursor_type_pointer'), onClick: onClickTitle, children: icon || jsxRuntime.jsx(Icon.Icon, { iconFill: iconFill, size: "16", SvgImage: icon16.ChevronDown }) }), beforeContent && beforeContent, showDivider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", fill: dividerFill || 'surfaceTertiary', direction: dividerDirection, size: dividerSize })), isExpanded && (jsxRuntime.jsx("div", { className: clsx('accordion-item__content', contentBorderColorClass, contentFillClass, fillHoverClass), children: children ||
+    return (jsxRuntime.jsxs("div", { className: clsx('accordion-item', className, borderColorClass && "border-color_".concat(borderColorClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "accordion-item_shape_".concat(shapeClass), size && "accordion-item_size_".concat(size), isExpanded && 'accordion-item_state_open'), style: styles, children: [jsxRuntime.jsx(Text.Text, { className: clsx('accordion-item__title', titleBorderColorClass && "border-color_".concat(titleBorderColorClass), titleFillClass && "fill_".concat(titleFillClass), titleFillHoverClass && "fill_hover_".concat(titleFillHoverClass), 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), jsxRuntime.jsx("div", { className: clsx('accordion-item__icon', 'cursor_type_pointer'), onClick: onClickTitle, children: icon || jsxRuntime.jsx(Icon.Icon, { iconFill: iconFill, size: "16", SvgImage: _default.icon16.ChevronDown }) }), beforeContent && beforeContent, showDivider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", fill: dividerFill || 'surfaceTertiary', direction: dividerDirection, size: dividerSize })), isExpanded && (jsxRuntime.jsx("div", { className: clsx('accordion-item__content', contentBorderColorClass && "border-color_".concat(contentBorderColorClass), contentFillClass && "fill_".concat(contentFillClass), contentFillHoverClass && "fill_hover_".concat(contentFillHoverClass)), children: children ||
                     (content && (jsxRuntime.jsx(Text.Text, { size: contentTextSize, textColor: contentTextColor, textWeight: contentTextWeight, children: content }))) })), afterContent && afterContent] }));
 }
 
@@ -123,26 +90,8 @@ function Accordion(props) {
         }
         return [];
     }, [children, items, expandedItems, onClickAccordionItem]);
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'accordion_direction_',
-        propsKey: 'direction',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'accordion_shape_',
-        propsKey: 'shape',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
+    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props);
+    var borderColorClass = classGenerator.borderColorClass, directionClass = classGenerator.directionClass, fillClass = classGenerator.fillClass, shapeClass = classGenerator.shapeClass, widthClass = classGenerator.widthClass;
     /*
      * paddingHorizontalWrapper="16px"
      * paddingHorizontal - styles  (horizontal will be parsed to left/right)
@@ -150,7 +99,7 @@ function Accordion(props) {
      */
     // @ts-expect-error
     var _c = useStyles.useStyles(props), accordionStyles = _c.styles, accordionWrapperStyles = _c.wrapper;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'accordion', borderColorClass, directionClass, fillClass, shapeClass, widthClass), style: accordionStyles, children: jsxRuntime.jsx("div", { className: "accordion__wrapper", style: accordionWrapperStyles, children: accordionItemsList }) }));
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'accordion', borderColorClass && "border-color_".concat(borderColorClass), directionClass && "accordion_direction_".concat(directionClass), fillClass && "fill_".concat(fillClass), shapeClass && "accordion_shape_".concat(shapeClass), widthClass && "width_".concat(widthClass)), style: accordionStyles, children: jsxRuntime.jsx("div", { className: "accordion__wrapper", style: accordionWrapperStyles, children: accordionItemsList }) }));
 }
 
 exports.Accordion = Accordion;

package/dist/cjs/components/Avatar.js

@@ -3,24 +3,24 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-C8ACV9r7.js');
-var Image = require('../../Image-DrUlRMHa.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
+var Icon = require('../../Icon-hqYZoh4h.js');
+var Image = require('../../Image-6dFSePnG.js');
+var Text = require('../../Text-Beslj4Ns.js');
+require('../../tslib.es6-CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../../tslib.es6-CCZ3TN_7.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
+require('../../Link-DGj-cNje.js');
+require('../../Tooltip-CNua1g76.js');
+require('../../Title-DBaHcpvB.js');
 
 var avatarAppearance = {
     dev: {},
@@ -34,32 +34,18 @@ var avatarConfig = {
 };
 function Avatar(props) {
     var after = props.after, appearance = props.appearance, before = props.before, className = props.className, Dot = props.Dot, _a = props.firstName, firstName = _a === void 0 ? '' : _a, icon = props.icon, iconFill = props.iconFill, iconFillHover = props.iconFillHover, iconFillSize = props.iconFillSize, iconItemFill = props.iconItemFill, iconShape = props.iconShape, iconSize = props.iconSize, iconSrc = props.iconSrc, mode = props.mode, _b = props.secondName, secondName = _b === void 0 ? '' : _b, _c = props.size, size = _c === void 0 ? '96' : _c, src = props.src, _d = props.textColor, textColor = _d === void 0 ? 'surfaceTextTertiary' : _d, _e = props.textSize, textSize = _e === void 0 ? 'l' : _e, _f = props.textWeight, textWeight = _f === void 0 ? '600' : _f, type = props.type, onClick = props.onClick;
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'avatar_shape_',
-        propsKey: 'shape',
-    });
     var avatarChars = React.useMemo(function () {
         var firstChar = ((firstName === null || firstName === void 0 ? void 0 : firstName[0]) || '').toUpperCase();
         var secondChar = ((secondName === null || secondName === void 0 ? void 0 : secondName[0]) || '').toUpperCase();
         return "".concat(firstChar).concat(secondChar);
     }, [firstName, secondName]);
-    var appearanceConfig = appearance && avatarConfig.appearance && avatarConfig.appearance[appearance];
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'avatar', shapeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
-                "avatar_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), mode && "avatar_mode_".concat(mode), size && "avatar_size_".concat(size), type && "avatar_type_".concat(type), Dot && 'avatar_status', onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxRuntime.jsxs("div", { className: clsx('avatar__wrapper', 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())), children: [before, src ? (jsxRuntime.jsx(Image.Image, { className: "avatar__image", shape: "geometric", src: src })) : (jsxRuntime.jsx(Text.Text, { className: "avatar__name", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textWeight: textWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textWeight), children: avatarChars })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "avatar__icon", fill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), fillHover: iconFillHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFillHover), fillSize: iconFillSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFillSize), iconFill: iconItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconItemFill), iconSize: iconSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconSize), imageSrc: iconSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconSrc), shape: iconShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconShape), SvgImage: icon || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.icon) })), Dot, after] }) }));
+    // @ts-expect-error
+    var appearanceConfig = avatarConfig.appearance && avatarConfig.appearance[appearance];
+    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
+    var fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, shapeClass = classGenerator.shapeClass;
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'avatar', shapeClass && "avatar_shape_".concat(shapeClass), mode && "avatar_mode_".concat(mode), size && "avatar_size_".concat(size), type && "avatar_type_".concat(type), Dot && 'avatar_status', onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxRuntime.jsxs("div", { className: clsx('avatar__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), children: [before, src ? (jsxRuntime.jsx(Image.Image, { className: "avatar__image", shape: "geometric", src: src })) : (jsxRuntime.jsx(Text.Text, { className: "avatar__name", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textWeight: textWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textWeight), children: avatarChars })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "avatar__icon", fill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), fillHover: iconFillHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFillHover), fillSize: iconFillSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFillSize), iconFill: iconItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconItemFill), iconSize: iconSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconSize), imageSrc: iconSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconSrc), shape: iconShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconShape), SvgImage: icon || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.icon) })), Dot, after] }) }));
 }
 
 exports.Avatar = Avatar;
+exports.avatarAppearance = avatarAppearance;
 exports.avatarConfig = avatarConfig;

package/dist/cjs/components/Badge.js

@@ -1,9 +1,10 @@
 'use strict';
 
-var Badge = require('../../Badge-_xQzAcyN.js');
+var Badge = require('../../Badge-B9tt2YPa.js');
 require('react/jsx-runtime');
 require('clsx');
-require('../hooks/useDeviceTargetClass.js');
+require('../hooks/useDeviceTargetClassGenerator.js');
+require('../../tslib.es6-CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -14,7 +15,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Text-R6XNq6Ca.js');
+require('../../Text-Beslj4Ns.js');
 
 
 

package/dist/cjs/components/Breadcrumbs.js

@@ -5,11 +5,11 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var camelCase = require('lodash/camelCase');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-C8ACV9r7.js');
-var Link = require('../../Link-CqWzwh8V.js');
-var Text = require('../../Text-R6XNq6Ca.js');
+var Icon = require('../../Icon-hqYZoh4h.js');
+var Link = require('../../Link-DGj-cNje.js');
+var Text = require('../../Text-Beslj4Ns.js');
 require('lodash/castArray');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
@@ -18,34 +18,20 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
+require('../../Tooltip-CNua1g76.js');
+require('../../Title-DBaHcpvB.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;
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'breadcrumbs__item_shape_',
-        propsKey: 'shape',
-    });
-    var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'position_',
-        propsKey: 'position',
-    });
-    var underlineClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-decoration_',
-        propsKey: 'underline',
-    });
+    var children = props.children, cursor = props.cursor, className = props.className, href = props.href, iconAfter = props.iconAfter, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, _a = props.set, set = _a === void 0 ? 'default' : _a, text = props.text, textColor = props.textColor, textColorHover = props.textColorHover, textSize = props.textSize, onClick = props.onClick;
+    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props);
+    var fillClass = classGenerator.fillClass, positionClass = classGenerator.positionClass, shapeClass = classGenerator.shapeClass, underlineClass = classGenerator.underlineClass;
     // @ts-expect-error
     var itemStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs(Link.LinkWrapper, { className: clsx(className, 'breadcrumbs__item', set && "breadcrumbs__item_set_".concat(set), fillClass, positionClass, shapeClass, underlineClass, onClick && (cursor || 'cursor_type_pointer')), DefaultComponent: "div", href: href, style: itemStyles, onClick: onClick, children: [jsxRuntime.jsx(Text.Text, { className: "breadcrumbs__item-text", size: textSize, textColor: textColor, textColorHover: textColorHover, children: text || children }), iconAfter && (jsxRuntime.jsx(Icon.Icon, { bgFill: iconAfterBgFill, className: "breadcrumbs__item-icon", fill: iconAfterFill, size: iconAfterSize, SvgImage: iconAfter }))] }));
+    return (jsxRuntime.jsxs(Link.LinkWrapper, { className: clsx(className, 'breadcrumbs__item', set && "breadcrumbs__item_set_".concat(set), fillClass && "fill_".concat(fillClass), positionClass && "position_".concat(positionClass), shapeClass && "breadcrumbs__item_shape_".concat(shapeClass), underlineClass && "text-decoration_".concat(underlineClass), onClick && (cursor || 'cursor_type_pointer')), DefaultComponent: "div", href: href, style: itemStyles, onClick: onClick, children: [jsxRuntime.jsx(Text.Text, { className: "breadcrumbs__item-text", size: textSize, textColor: textColor, textColorHover: textColorHover, children: text || children }), iconAfter && (jsxRuntime.jsx(Icon.Icon, { className: "breadcrumbs__item-icon", fill: iconAfterFill, bgFill: iconAfterBgFill, size: iconAfterSize, SvgImage: iconAfter }))] }));
 }
 
 function Breadcrumbs(props) {
-    var breadcrumbsList = props.breadcrumbsList, children = props.children, className = props.className, iconAfterSize = props.iconAfterSize, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, itemUnderline = props.itemUnderline, itemTextColor = props.itemTextColor, itemTextColorHover = props.itemTextColorHover, set = props.set, otherProps = tslib_es6.__rest(props, ["breadcrumbsList", "children", "className", "iconAfterSize", "iconAfterBgFill", "iconAfterFill", "itemUnderline", "itemTextColor", "itemTextColorHover", "set"]);
+    var children = props.children, breadcrumbsList = props.breadcrumbsList, className = props.className, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, itemTextColor = props.itemTextColor, itemTextColorHover = props.itemTextColorHover, itemUnderline = props.itemUnderline, set = props.set, otherProps = tslib_es6.__rest(props, ["children", "breadcrumbsList", "className", "iconAfterBgFill", "iconAfterFill", "iconAfterSize", "itemTextColor", "itemTextColorHover", "itemUnderline", "set"]);
     var breadcrumbsItemsList = React.useMemo(function () {
         if (breadcrumbsList) {
             var itemProps_1 = Object.entries(otherProps).reduce(function (collectedProps, _a) {
@@ -57,38 +43,20 @@ function Breadcrumbs(props) {
                 }
                 return collectedProps;
             }, {});
-            return breadcrumbsList.map(function (item, i) { return (jsxRuntime.jsx(BreadcrumbsItem, tslib_es6.__assign({ set: i + 1 !== breadcrumbsList.length ? 'default' : 'current', 
+            return breadcrumbsList.map(function (item, i) { return (jsxRuntime.jsx(BreadcrumbsItem, tslib_es6.__assign({ href: item.href, 
                 // @ts-expect-error
-                iconAfter: i + 1 !== breadcrumbsList.length ? itemProps_1.iconAfter : null, iconAfterSize: iconAfterSize, iconAfterBgFill: iconAfterBgFill, iconAfterFill: iconAfterFill, text: item.text, textColor: itemTextColor, textColorHover: itemTextColorHover, underline: itemUnderline, href: item.href }, itemProps_1), "breadcrumbsItem_".concat(item.id || item.text))); });
+                iconAfter: i + 1 !== breadcrumbsList.length ? itemProps_1.iconAfter : null, iconAfterBgFill: iconAfterBgFill, iconAfterFill: iconAfterFill, iconAfterSize: iconAfterSize, text: item.text, textColor: itemTextColor, textColorHover: itemTextColorHover, underline: itemUnderline, set: i + 1 !== breadcrumbsList.length ? 'default' : 'current' }, itemProps_1), "breadcrumbsItem_".concat(item.id || item.text))); });
         }
         if (children) {
             return children;
         }
         return [];
     }, [children, breadcrumbsList, otherProps]);
-    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'direction_',
-        propsKey: 'direction',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'breadcrumbs_shape_',
-        propsKey: 'shape',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'position_',
-        propsKey: 'position',
-    });
+    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props);
+    var directionClass = classGenerator.directionClass, fillClass = classGenerator.fillClass, positionClass = classGenerator.positionClass, shapeClass = classGenerator.shapeClass, widthClass = classGenerator.widthClass;
     // @ts-expect-error
     var breadcrumbsStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'breadcrumbs', widthClass, directionClass, fillClass, positionClass, shapeClass, set && "breadcrumbs_set_".concat(set)), style: breadcrumbsStyles, children: breadcrumbsItemsList }));
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'breadcrumbs', widthClass && "width_".concat(widthClass), directionClass && "direction_".concat(directionClass), fillClass && "fill_".concat(fillClass), positionClass && "position_".concat(positionClass), shapeClass && "breadcrumbs_shape_".concat(shapeClass), set && "breadcrumbs_set_".concat(set)), style: breadcrumbsStyles, children: breadcrumbsItemsList }));
 }
 Breadcrumbs.defaultProps = {
     direction: 'horizontal',

package/dist/cjs/components/Button.js

@@ -1,10 +1,11 @@
 'use strict';
 
-var Button = require('../../Button-ChSAts3j.js');
+var Button = require('../../Button-P0c3lMg1.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('../hooks/useDeviceTargetClass.js');
+require('../hooks/useDeviceTargetClassGenerator.js');
+require('../../tslib.es6-CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('../context/UIContext.js');
@@ -14,14 +15,13 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-C8ACV9r7.js');
-require('../../tslib.es6-CCZ3TN_7.js');
+require('../../Icon-hqYZoh4h.js');
 require('react-inlinesvg');
-require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Text-R6XNq6Ca.js');
-require('../../Title-DWIc05TX.js');
-require('../../Loader-DReoCdZ2.js');
+require('../../Link-DGj-cNje.js');
+require('../../Tooltip-CNua1g76.js');
+require('../../Text-Beslj4Ns.js');
+require('../../Title-DBaHcpvB.js');
+require('../../Loader-Dn036JwE.js');