@itcase/ui 1.8.123 → 1.8.124

package/dist/hooks/useActiveClasses/useActiveClasses.js

@@ -1,61 +1,57 @@
 import clsx from 'clsx';
 import { CLASS_RULES, toKebabCase, formatState } from './useActiveClasses.helpers.js';
 
-var useActiveClasses = function (params) {
-    var isDisabled = params.isDisabled, propsGenerator = params.propsGenerator, _a = params.suffixes, suffixes = _a === void 0 ? [] : _a, isActive = params.isActive;
-    var rootClassesArray = [];
-    Object.entries(CLASS_RULES).forEach(function (_a) {
-        var rulesName = _a[0], rules = _a[1];
-        var kebabRuleName = toKebabCase(rulesName);
-        rules.forEach(function (_a) {
-            var key = _a.key, stateFn = _a.stateFn;
-            var value = propsGenerator[key];
+const useActiveClasses = (params) => {
+    const { isDisabled, propsGenerator, suffixes = [], isActive } = params;
+    const rootClassesArray = [];
+    Object.entries(CLASS_RULES).forEach(([rulesName, rules]) => {
+        const kebabRuleName = toKebabCase(rulesName);
+        rules.forEach(({ key, stateFn }) => {
+            const value = propsGenerator[key];
             if (!value) {
                 return;
             }
             if (stateFn) {
-                var active = stateFn({ isDisabled: isDisabled, isActive: isActive });
+                const active = stateFn({ isDisabled, isActive });
                 if (!active) {
                     return;
                 }
             }
-            var stateName = formatState(key);
-            rootClassesArray.push("".concat(kebabRuleName).concat(stateName, "_").concat(value));
+            const stateName = formatState(key);
+            rootClassesArray.push(`${kebabRuleName}${stateName}_${value}`);
         });
     });
-    var rootClasses = clsx(rootClassesArray);
-    var suffixClasses = suffixes.reduce(function (acc, suffix) {
-        var classes = [];
-        Object.entries(CLASS_RULES).forEach(function (_a) {
-            var rulesName = _a[0], rules = _a[1];
-            rules.forEach(function (_a) {
-                var key = _a.key, stateFn = _a.stateFn;
-                var withoutPrefixRulesName = key.replace(rulesName, '');
-                var propKey = rulesName + suffix + withoutPrefixRulesName;
-                var value = propsGenerator[propKey];
+    const rootClasses = clsx(rootClassesArray);
+    const suffixClasses = suffixes.reduce((acc, suffix) => {
+        const classes = [];
+        Object.entries(CLASS_RULES).forEach(([rulesName, rules]) => {
+            rules.forEach(({ key, stateFn }) => {
+                const withoutPrefixRulesName = key.replace(rulesName, '');
+                const propKey = rulesName + suffix + withoutPrefixRulesName;
+                const value = propsGenerator[propKey];
                 if (!value) {
                     return;
                 }
                 if (stateFn) {
-                    var active = stateFn({ isDisabled: isDisabled, isActive: isActive });
+                    const active = stateFn({ isDisabled, isActive });
                     if (!active) {
                         return;
                     }
                 }
-                var state = formatState(propKey);
-                var kebabName = toKebabCase(rulesName);
-                classes.push("".concat(kebabName).concat(state, "_").concat(value));
+                const state = formatState(propKey);
+                const kebabName = toKebabCase(rulesName);
+                classes.push(`${kebabName}${state}_${value}`);
             });
         });
-        var suffixKey = suffix === 'HTMLContent'
+        const suffixKey = suffix === 'HTMLContent'
             ? 'htmlContent'
             : (suffix[0].toLowerCase() + suffix.slice(1));
         acc[suffixKey] = clsx(classes);
         return acc;
     }, {});
     return {
-        rootClasses: rootClasses,
-        suffixClasses: suffixClasses,
+        rootClasses,
+        suffixClasses,
     };
 };
 

package/dist/hooks/useAppearanceConfig/useAppearanceConfig.js

@@ -1,28 +1,26 @@
-import { _ as __assign } from '../../tslib.es6_es_Bwu1Cn-t.js';
 import { useMemo } from 'react';
 
-var useAppearanceConfig = function (appearance, componentConfig, isDisabled) {
-    var appearanceConfig = useMemo(function () {
-        var _a, _b, _c, _d, _e, _f;
+const useAppearanceConfig = (appearance, componentConfig, isDisabled) => {
+    const appearanceConfig = useMemo(() => {
         if (appearance) {
-            var appearanceProps = appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-                var _a;
-                return (__assign(__assign({}, resultConfig), (_a = componentConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-            }, {});
+            const appearanceProps = appearance.split(' ').reduce((resultConfig, appearanceKey) => ({
+                ...resultConfig,
+                ...componentConfig.appearance?.[appearanceKey],
+            }), {});
             if (isDisabled &&
-                (((_a = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _a === void 0 ? void 0 : _a.disabled) ||
-                    ((_b = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _b === void 0 ? void 0 : _b.disabledPrimary))) {
-                Object.assign(appearanceProps, ((_c = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _c === void 0 ? void 0 : _c.disabled) ||
-                    ((_d = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _d === void 0 ? void 0 : _d.disabledPrimary));
+                (componentConfig?.appearance?.disabled ||
+                    componentConfig?.appearance?.disabledPrimary)) {
+                Object.assign(appearanceProps, componentConfig?.appearance?.disabled ||
+                    componentConfig?.appearance?.disabledPrimary);
             }
             return appearanceProps;
         }
         if (isDisabled) {
-            return (((_e = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _e === void 0 ? void 0 : _e.disabled) ||
-                ((_f = componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance) === null || _f === void 0 ? void 0 : _f.disabledPrimary));
+            return (componentConfig?.appearance?.disabled ||
+                componentConfig?.appearance?.disabledPrimary);
         }
         return {};
-    }, [appearance, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.appearance, isDisabled]);
+    }, [appearance, componentConfig?.appearance, isDisabled]);
     return appearanceConfig;
 };
 

package/dist/hooks/useAppearanceConfig.js

@@ -1,3 +1,2 @@
 export { useAppearanceConfig } from './useAppearanceConfig/useAppearanceConfig.js';
-import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';

package/dist/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js

@@ -1,4 +1,3 @@
-import { a as __spreadArray } from '../../tslib.es6_es_Bwu1Cn-t.js';
 import { useMemo } from 'react';
 import camelCase from 'lodash/camelCase';
 import castArray from 'lodash/castArray';
@@ -48,17 +47,17 @@ function useDevicePropsGenerator(componentProps, appearanceConfig) {
      *     - titleTextSizeDesktop
      *   ---------
      **/
-    var deviceCurrentMainType = useUserDeviceContext().deviceCurrentMainType;
-    var devicePropsGenerator = useMemo(function () {
-        var propsGenerator = {
-            getProp: function (propKey) {
-                var propsForDeviceKey = "".concat(propKey).concat(upperFirst(deviceCurrentMainType));
-                var valueForDevice = componentProps[propsForDeviceKey];
-                var valueDefault = componentProps[propKey];
-                var appearanceForDevice = appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig[propsForDeviceKey];
-                var appearanceDefault = appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig[propKey];
+    const { deviceCurrentMainType } = useUserDeviceContext();
+    const devicePropsGenerator = useMemo(() => {
+        const propsGenerator = {
+            getProp(propKey) {
+                const propsForDeviceKey = `${propKey}${upperFirst(deviceCurrentMainType)}`;
+                const valueForDevice = componentProps[propsForDeviceKey];
+                const valueDefault = componentProps[propKey];
+                const appearanceForDevice = appearanceConfig?.[propsForDeviceKey];
+                const appearanceDefault = appearanceConfig?.[propKey];
                 // prettier-ignore
-                var targetPropsValue = (
+                const targetPropsValue = (
                 // Value for device from props is first priority
                 valueForDevice ||
                     // Value without device from props is second priority
@@ -70,12 +69,10 @@ function useDevicePropsGenerator(componentProps, appearanceConfig) {
                 return targetPropsValue;
             },
             // eslint-disable-next-line perfectionist/sort-objects
-            getClassName: function (propKey, params) {
-                var _a = params || {}, _b = _a.prefix, prefix = _b === void 0 ? '' : _b, _c = _a.replace, replace = _c === void 0 ? [/([A-Z])/g, '-$1'] : _c;
-                var targetClassValue = this.getProp(String(propKey));
-                var styleAttributeKeys = styleAttributes.map(function (attr) {
-                    return getStyleAttributeKey(attr);
-                });
+            getClassName(propKey, params) {
+                const { prefix = '', replace = [/([A-Z])/g, '-$1'] } = params || {};
+                const targetClassValue = this.getProp(String(propKey));
+                const styleAttributeKeys = styleAttributes.map((attr) => getStyleAttributeKey(attr));
                 if (styleAttributeKeys.includes(String(propKey)) &&
                     (typeof targetClassValue === 'number' ||
                         (typeof targetClassValue === 'string' &&
@@ -83,36 +80,32 @@ function useDevicePropsGenerator(componentProps, appearanceConfig) {
                     return '';
                 }
                 if (targetClassValue) {
-                    var cleanClassValue = String(targetClassValue);
+                    let cleanClassValue = String(targetClassValue);
                     if (!cleanClassValue.includes('.')) {
                         cleanClassValue = camelCase(cleanClassValue);
                     }
                     if (replace) {
-                        var replaceList = castArray(replace);
+                        const replaceList = castArray(replace);
                         cleanClassValue = cleanClassValue.replace(replaceList[0], 
                         // @ts-expect-error
                         replaceList[1] || '');
                     }
                     // prettier-ignore
-                    return "".concat(prefix).concat(cleanClassValue).toLowerCase();
+                    return `${prefix}${cleanClassValue}`.toLowerCase();
                 }
                 // If target key not exists in props and appearance config - return empty class
                 return '';
             },
         };
-        var generatorProxyHandler = {
-            get: function (target, propKey, receiver) {
-                var args = [];
-                for (var _i = 3; _i < arguments.length; _i++) {
-                    args[_i - 3] = arguments[_i];
-                }
+        const generatorProxyHandler = {
+            get(target, propKey, receiver, ...args) {
                 if (typeof propKey === 'string') {
                     // If object does not have the property being retrieved
                     if (!Reflect.has(target, propKey)) {
                         // And property ended on "Class" keyword
                         if (propKey.endsWith('Class')) {
                             // prettier-ignore
-                            var shortProp = propKey.substring(0, propKey.lastIndexOf('Class'));
+                            const shortProp = propKey.substring(0, propKey.lastIndexOf('Class'));
                             // Return prop from props for device as formatted class name
                             return target.getClassName(shortProp);
                         }
@@ -121,7 +114,7 @@ function useDevicePropsGenerator(componentProps, appearanceConfig) {
                     }
                     // Return object property. Original "get".
                     // @ts-expect-error
-                    return Reflect.get.apply(Reflect, __spreadArray([target, propKey, receiver], args, false));
+                    return Reflect.get(target, propKey, receiver, ...args);
                 }
                 // In some cases, like in Chrome browser, sometime "prop" is not string.
                 // We return this object as is.

package/dist/hooks/useDevicePropsGenerator.js

@@ -1,5 +1,4 @@
 export { useDevicePropsGenerator } from './useDevicePropsGenerator/useDevicePropsGenerator.js';
-import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/hooks/useDeviceTargetClass.js

@@ -2,7 +2,6 @@ import { useMemo } from 'react';
 import camelCase from 'lodash/camelCase';
 import castArray from 'lodash/castArray';
 import { useUserDeviceContext } from '../context/UIContext.js';
-import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import './useMediaQueries/useMediaQueries.js';
 import 'react-responsive';

package/dist/hooks/useStyles/styleAttributes.js

@@ -33,7 +33,7 @@ var styleAttributes = [
 /**
  * Grid
  */
-'gridTemplateColumns', 'gridArea', 'gridAutoColumns', 'gridAutoFlow', 'gridAutoRows', 'gridTemplate', 'gridTemplateAreas', 'gridTemplateRows', 'gridColumn', 'gridColumnGap', 'gridRow', 'gridRowGap',
+'gridTemplateColumns', 'gridArea', 'gridAutoColumns', 'gridAutoFlow', 'gridAutoRows', 'gridTemplate', 'gridTemplateAreas', 'gridTemplateRows', 'gridColumn', 'gridColumnStart', 'gridColumnEnd', 'gridColumnGap', 'gridRow', 'gridRowStart', 'gridRowEnd', 'gridRowGap',
 /**
  * Filter
  */

package/dist/hooks/useStyles/useStyles.js

@@ -6,7 +6,6 @@ import '../../context/Notifications.js';
 import { useUserDeviceContext } from '../../context/UIContext.js';
 import { getStyleAttributeKey } from '../../hooks.js';
 import styleAttributes from './styleAttributes.js';
-import '../../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'uuid';
 import '@itcase/common';

package/dist/hooks/useStyles.js

@@ -4,7 +4,6 @@ import 'lodash/camelCase';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../context/Notifications.js';
-import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'uuid';
 import '@itcase/common';

package/dist/hooks/useViewportFix.js

@@ -1,12 +1,12 @@
 import { useEffect } from 'react';
 
 function useViewportFix() {
-    useEffect(function () {
+    useEffect(() => {
         // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
-        var setViewportProperty = function () {
+        const setViewportProperty = () => {
             // "vh" unit is equal to 1% of the height of the initial containing block
             // https://www.w3.org/R/css-values-3/#viewport-relative-lengths
-            var vh = window.innerHeight * 0.01;
+            const vh = window.innerHeight * 0.01;
             /** NOTE:
              * In JavaScript, you can always get the value of the current viewport
              * by using the global variable window.innerHeight. This value takes
@@ -26,13 +26,13 @@ function useViewportFix() {
              * to assign as our viewport height unit value.
              * Then we politely asked JS to create the CSS variable "--vh" at the ":root":
              */
-            document.documentElement.style.setProperty('--vh', "".concat(vh, "px"));
+            document.documentElement.style.setProperty('--vh', `${vh}px`);
         };
         // Update the value of "--vh" after render
         setViewportProperty();
         // Update the value of "--vh" by listening to the window resize event
         window.addEventListener('resize', setViewportProperty);
-        return function () {
+        return () => {
             window.removeEventListener('resize', setViewportProperty);
         };
     }, []);

package/dist/hooks.js

@@ -1,4 +1,4 @@
-var getStyleAttributeKey = function (targetStyleAttribute) {
+const getStyleAttributeKey = (targetStyleAttribute) => {
     return Array.isArray(targetStyleAttribute)
         ? targetStyleAttribute[0]
         : targetStyleAttribute;

package/dist/types/components/Select/SelectContainer.d.ts

@@ -3,4 +3,4 @@ import { GroupBase, SelectInstance } from 'react-select';
 import type { SelectConfig, SelectProps } from './Select.interface';
 declare const selectConfig: SelectConfig;
 declare const SelectContainer: React.ForwardRefExoticComponent<Omit<SelectProps<unknown, boolean, GroupBase<unknown>>, "ref"> & React.RefAttributes<SelectInstance<unknown, boolean, GroupBase<unknown>>>>;
-export { SelectContainer, selectConfig };
+export { selectConfig, SelectContainer };

package/dist/utils/setViewportProperty.js

@@ -1,6 +1,6 @@
-var setViewportProperty = function () {
-    var vh = window.innerHeight * 0.01;
-    document.documentElement.style.setProperty('--vh', "".concat(vh, "px"));
+const setViewportProperty = () => {
+    const vh = window.innerHeight * 0.01;
+    document.documentElement.style.setProperty('--vh', `${vh}px`);
 };
 
 export { setViewportProperty };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.123",
+  "version": "1.8.124",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -101,9 +101,9 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
-    "@itcase/common": "^1.2.29",
+    "@itcase/common": "^1.2.31",
     "@itcase/icons": "^1.2.19",
-    "@itcase/storybook-config": "^1.2.6",
+    "@itcase/storybook-config": "^1.2.7",
     "@itcase/tokens-am": "^1.1.19",
     "@itcase/tokens-baikal": "^1.1.17",
     "@itcase/tokens-palette": "^1.1.11",

package/dist/Avatar_cjs_CLJnKU39.js

@@ -1,157 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
-var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Icon = require('./Icon_cjs_Cz6IyOkb.js');
-var Image = require('./Image_cjs_DRhhc66R.js');
-var Text = require('./Text_cjs_0EINiUq4.js');
-var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
-
-var avatarAppearanceDefault = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        textColor: 'surfaceTextPrimary',
-        badgeAppearance: 'accentPrimary solid circular',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        textColor: 'surfaceTextPrimary',
-        badgeAppearance: 'accentPrimary solid circular',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        textColor: 'surfaceTextPrimary',
-        badgeAppearance: 'accentPrimary solid circular',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        textColor: 'surfaceTextPrimary',
-        badgeAppearance: 'accentPrimary solid circular',
-    },
-};
-
-var avatarAppearanceShape = {
-    circular: {
-        shape: 'circular',
-    },
-    rounded: {
-        shape: 'rounded',
-    },
-    roundedXL: {
-        shape: 'rounded',
-        shapeStrength: '2m',
-    },
-    roundedL: {
-        shape: 'rounded',
-        shapeStrength: '1_5m',
-    },
-    roundedM: {
-        shape: 'rounded',
-        shapeStrength: '1m',
-    },
-    roundedS: {
-        shape: 'rounded',
-        shapeStrength: '0_5m',
-    },
-};
-
-var avatarAppearanceSize = {
-    size16: {
-        size: '16',
-        textSize: 'xxl',
-        badgeAppearanceSize: 'sizeXXS',
-        iconFillSize: '12',
-    },
-    size20: {
-        size: '20',
-        textSize: 'xxl',
-        badgeAppearanceSize: 'sizeXXS',
-        iconFillSize: '12',
-    },
-    size24: {
-        size: '24',
-        textSize: 'l',
-        badgeAppearanceSize: 'sizeXXS',
-        iconFillSize: '12',
-    },
-    size32: {
-        size: '32',
-        textSize: 'l',
-        badgeAppearanceSize: 'sizeXS',
-        iconFillSize: '12',
-    },
-    size40: {
-        size: '40',
-        textSize: 'l',
-        badgeAppearanceSize: 'sizeS',
-        iconFillSize: '12',
-    },
-    size56: {
-        size: '56',
-        textSize: 'xxl',
-        badgeAppearanceSize: 'sizeM',
-        iconFillSize: '16',
-    },
-    size96: {
-        size: '96',
-        textSize: 'xxl',
-        badgeAppearanceSize: 'sizeXL',
-        iconFillSize: '32',
-    },
-    size144: {
-        size: '144',
-        textSize: 'xxl',
-        badgeAppearanceSize: 'sizeXXL',
-        iconFillSize: '40',
-    },
-    size240: {
-        size: '240',
-        textSize: 'xxl',
-        badgeAppearanceSize: 'sizeXXL',
-        iconFillSize: '40',
-    },
-};
-
-var avatarAppearanceStyle = {
-    solid: {
-        borderColor: 'none',
-    },
-    outlined: {
-        fill: 'none',
-    },
-    full: {
-        borderColor: 'none',
-    },
-    ghost: {
-        fill: 'none',
-        borderColor: 'none',
-    },
-};
-
-var avatarAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, avatarAppearanceSize), avatarAppearanceStyle), avatarAppearanceShape), avatarAppearanceDefault);
-
-var avatarConfig = {
-    appearance: avatarAppearance,
-    setAppearance: function (appearanceConfig) {
-        avatarConfig.appearance = appearanceConfig;
-    },
-};
-function Avatar(props) {
-    var className = props.className, appearance = props.appearance, src = props.src, _a = props.firstName, firstName = _a === void 0 ? '' : _a, _b = props.secondName, secondName = _b === void 0 ? '' : _b, count = props.count, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick;
-    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 = useAppearanceConfig.useAppearanceConfig(appearance, avatarConfig);
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, badge = propsGenerator.badge, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeValue = propsGenerator.badgeValue, icon = propsGenerator.icon, iconFill = propsGenerator.iconFill, iconFillHover = propsGenerator.iconFillHover, iconFillSize = propsGenerator.iconFillSize, iconItemFill = propsGenerator.iconItemFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, placeholderUrl = propsGenerator.placeholderUrl, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'avatar', size && "avatar_size_".concat(sizeClass), (badgeValue || badgeAppearance || badgeSize) && 'avatar_status', isSkeleton && "avatar_skeleton", onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxRuntime.jsxs("div", { className: clsx('avatar__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass)), children: [before, src ? (jsxRuntime.jsx(Image.Image, { className: clsx('avatar__image', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass)), src: src, placeholderUrl: placeholderUrl })) : (jsxRuntime.jsx(Text.Text, { className: "avatar__text", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars || count })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (badge || badgeValue) && (jsxRuntime.jsx(Icon.Badge, { className: "avatar__badge", appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), after] }) }));
-}
-
-exports.Avatar = Avatar;
-exports.avatarAppearance = avatarAppearance;
-exports.avatarConfig = avatarConfig;