@itcase/ui 1.1.7 → 1.1.9

package/dist/Icon-Dn2eEZvb.js

@@ -0,0 +1,128 @@
+import { _ as __assign, a as LinkWrapper } from './Link-ByBzBRDH.js';
+import { j as jsxRuntimeExports } from './jsx-runtime-ClDdVO4Q.js';
+import React__default, { useState, useMemo } from 'react';
+import clsx from 'clsx';
+import SVG from 'react-inlinesvg';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+import { Tooltip } from './components/Tooltip.js';
+
+var iconConfig = {
+    appearance: {},
+    setAppearance: function (newComponent) {
+        iconConfig.appearance = newComponent;
+    },
+};
+var Icon = React__default.forwardRef(function Icon(props, ref) {
+    var _a = useState(false), isTooltipVisible = _a[0], setIsTooltipVisible = _a[1];
+    var Badge = props.Badge, SvgImage = props.SvgImage, after = props.after, before = props.before, className = props.className, dataTour = props.dataTour, height = props.height, href = props.href, id = props.id, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, showTooltip = props.showTooltip, tooltipAppearance = props.tooltipAppearance, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, width = props.width, onClick = props.onClick;
+    var svgSizes = useMemo(function () {
+        var sizes = {};
+        if (width) {
+            sizes.width = width;
+        }
+        if (height) {
+            sizes.height = height;
+        }
+        return sizes;
+    }, [height, width]);
+    var cursorClass = useDeviceTargetClass(props, {
+        prefix: 'cursor_',
+        propsKey: 'cursor',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var fillDisabledClass = useDeviceTargetClass(props, {
+        prefix: 'fill_disabled_',
+        propsKey: 'fillDisabled',
+    });
+    var fillSizeClass = useDeviceTargetClass(props, {
+        prefix: 'icon_fill_size_',
+        propsKey: 'fillSize',
+    });
+    var iconFillClass = useDeviceTargetClass(props, {
+        prefix: 'icon_fill_',
+        propsKey: 'iconFill',
+    });
+    var iconFillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'icon_fill_hover_',
+        propsKey: 'iconFillHover',
+    });
+    var iconFillDisabledClass = useDeviceTargetClass(props, {
+        prefix: 'icon_fill_disabled_',
+        propsKey: 'iconFillDisabled',
+    });
+    var iconStrokeClass = useDeviceTargetClass(props, {
+        prefix: 'icon_stroke_',
+        propsKey: 'iconStroke',
+    });
+    var iconStrokeHoverClass = useDeviceTargetClass(props, {
+        prefix: 'icon_stroke_hover_',
+        propsKey: 'iconStrokeHover',
+    });
+    var iconStrokeDisabledClass = useDeviceTargetClass(props, {
+        prefix: 'icon_stroke_disabled_',
+        propsKey: 'iconStrokeDisabled',
+    });
+    var iconSizeClass = useDeviceTargetClass(props, {
+        prefix: 'icon_size_',
+        propsKey: 'iconSize',
+    });
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'icon_shape_',
+        propsKey: 'shape',
+    });
+    var borderColorClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderColorHoverClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_hover_',
+        propsKey: 'borderColorHover',
+    });
+    var borderWidthClass = useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderTypeClass = useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var alignmentClass = useDeviceTargetClass(props, {
+        prefix: 'alignment_',
+        propsKey: 'alignment',
+    });
+    // @ts-expect-error
+    var iconStyles = useStyles(props).styles;
+    var ImageComponent = useMemo(function () {
+        if (SvgImage) {
+            return jsxRuntimeExports.jsx(SvgImage, __assign({}, svgSizes));
+        }
+        if (imageSrc) {
+            if (imageSrc.endsWith('.svg')) {
+                return jsxRuntimeExports.jsx(SVG, { preProcessor: removeFillStroke, src: imageSrc });
+            }
+            return jsxRuntimeExports.jsx("img", { src: imageSrc });
+        }
+        return null;
+    }, [SvgImage, svgSizes, imageSrc]);
+    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'icon', fillClass, fillHoverClass, fillSizeClass, fillDisabledClass, iconFillClass, iconFillHoverClass, iconFillDisabledClass, shapeClass, iconStrokeClass, iconStrokeHoverClass, iconStrokeDisabledClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, cursorClass, Badge && 'icon_type_with-badge', (link || href || onClick) && 'cursor_type_pointer'), "data-tour": dataTour, id: String(id), ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: function () { return setIsTooltipVisible(true); }, onMouseLeave: function () { return setIsTooltipVisible(false); }, children: jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx(link || href ? 'icon__link' : 'icon__item', iconSizeClass), DefaultComponent: "div", href: link || href, rel: linkRel, target: linkTarget, children: [before, ImageComponent, after, Badge, isTooltipVisible && showTooltip && (jsxRuntimeExports.jsx(Tooltip
+                // @ts-expect-error
+                , { 
+                    // @ts-expect-error
+                    appearance: tooltipAppearance, className: clsx(className, 'icon__tooltip', alignmentClass), text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize }))] }) }));
+});
+Icon.defaultProps = {
+    LinkComponent: 'a',
+};
+var removeFillStroke = function (code) {
+    return code.replace(/fill=".*?"/g, 'fill=""').replace(/stroke=".*?"/g, 'stroke=""');
+};
+
+export { Icon as I, iconConfig as i };

package/dist/Link-ByBzBRDH.js

@@ -0,0 +1,132 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-ClDdVO4Q.js';
+import React__default from 'react';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+var linkConfig = {
+    LinkComponent: 'a',
+    setLinkComponent: function (newComponent) {
+        linkConfig.LinkComponent = newComponent;
+    },
+};
+function Link(props) {
+    var after = props.after, before = props.before, children = props.children, className = props.className, LinkComponent = props.LinkComponent, href = props.href, link = props.link, target = props.target, rel = props.rel, text = props.text, _a = props.underline, underline = _a === void 0 ? 'underline' : _a, onClick = props.onClick, onMouseDown = props.onMouseDown;
+    var sizeClass = useDeviceTargetClass(props, {
+        prefix: 'text_size_',
+        propsKey: 'size',
+    });
+    var textColorClass = useDeviceTargetClass(props, {
+        prefix: 'text-color_',
+        propsKey: 'textColor',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var weightClass = useDeviceTargetClass(props, {
+        prefix: 'text-weight_',
+        propsKey: 'textWeight',
+    });
+    var textColorHoverClass = useDeviceTargetClass(props, {
+        prefix: 'text-color_hover_',
+        propsKey: 'textColorHover',
+    });
+    var textStyleClass = useDeviceTargetClass(props, {
+        prefix: 'text-style_',
+        propsKey: 'textColorHover',
+    });
+    var textGradientClass = useDeviceTargetClass(props, {
+        prefix: 'text-gradient_',
+        propsKey: 'textGradient',
+    });
+    // @ts-expect-error
+    var styles = useStyles(props).styles;
+    return (jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx(className, 'link', sizeClass, underline && "link_underline_".concat(underline), (textColorClass ||
+            textColorHoverClass ||
+            textGradientClass ||
+            textStyleClass ||
+            weightClass) &&
+            'text', textColorClass, textColorHoverClass, textGradientClass, textStyleClass, weightClass, fillClass), Component: LinkComponent, href: href || link, rel: rel, style: styles, target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
+}
+Link.defaultProps = {
+    underline: 'underline',
+};
+// Wrapper with "Link" by condition
+function LinkWrapper(props) {
+    var children = props.children, Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, target = props.target, rel = props.rel, otherProps = __rest(props, ["children", "Component", "DefaultComponent", "href", "target", "rel"]);
+    if (href) {
+        // If href passed, make link-wrapper
+        var LinkComponent = Component || linkConfig.LinkComponent;
+        if (LinkComponent) {
+            return (jsxRuntimeExports.jsx(LinkComponent, __assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
+        }
+    }
+    else if (DefaultComponent) {
+        // If has default "Component" - render it
+        return jsxRuntimeExports.jsx(DefaultComponent, __assign({}, otherProps, { children: children }));
+    }
+    // Return children and pass current props to
+    return React__default.Children.toArray(children)
+        .filter(Boolean)
+        .map(function (child) {
+        return React__default.isValidElement(child) ? React__default.cloneElement(child, otherProps) : child;
+    });
+}
+
+export { Link as L, __assign as _, LinkWrapper as a, __spreadArray as b, linkConfig as l };

package/dist/{ListItem-DYbK4_8c.js → ListItem-Cf8r3w8t.js}

@@ -10,7 +10,7 @@ import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import textStyleProps from './constants/componentProps/textStyle.js';
 import textWeightProps from './constants/componentProps/textWeight.js';
 import typeProps from './constants/componentProps/type.js';
-import { Link } from './components/Link.js';
+import { L as Link } from './Link-ByBzBRDH.js';
 
 function List(props) {
   const {

package/dist/NotificationList-CJyEnxWw.js

@@ -0,0 +1,38 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-ClDdVO4Q.js';
+import clsx from 'clsx';
+import { useNotifications, useNotificationsAPI } from './context/Notifications.js';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { T as Text } from './Text-BcGbRc14.js';
+import { Title } from './components/Title.js';
+
+var notificationItemConfig = {
+    appearance: {},
+    setAppearance: function (newComponent) {
+        notificationItemConfig.appearance = newComponent;
+    },
+};
+function NotificationItem(props) {
+    var id = props.id, appearance = props.appearance, closeButton = props.closeButton, after = props.after, before = props.before, set = props.set, status = props.status, size = props.size, dataTour = props.dataTour, text = props.text, _a = props.textSize, textSize = _a === void 0 ? 's' : _a, textColor = props.textColor, title = props.title, _b = props.titleTextSize, titleTextSize = _b === void 0 ? 'h5' : _b, titleTextColor = props.titleTextColor, onClickClose = props.onClickClose, className = props.className;
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var appearanceConfig = appearance && notificationItemConfig.appearance && notificationItemConfig.appearance[appearance];
+    return (jsxRuntimeExports.jsxs("div", { className: clsx('notification__item', status && "notification__item_status_".concat(status), set && "notification__item_set_".concat(set), size && "notification__item_set_".concat(size), closeButton && 'notification__item_type_close-button', fillClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
+                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase())), "data-tour": dataTour, children: [before, jsxRuntimeExports.jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (jsxRuntimeExports.jsx(Title, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor ||
+                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor) && appearanceConfig.titleTextColor), children: title })), text && (jsxRuntimeExports.jsx(Text, { className: "notification__item-text", size: textSize, textColor: textColor || ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) && appearanceConfig.textColor), children: text })), closeButton && (jsxRuntimeExports.jsx("div", { className: clsx('notification__item-close', onClickClose && 'cursor_type_pointer'), onClick: function () { return onClickClose && onClickClose(id); }, children: closeButton }))] }), after] }));
+}
+NotificationItem.defaultProps = {
+    titleTextSize: 'h5',
+    textSize: 's',
+};
+
+function NotificationList(props) {
+    var notifications = useNotifications();
+    var hideNotifications = useNotificationsAPI().hideNotifications;
+    var className = props.className, size = props.size, type = props.type, set = props.set, closeButton = props.closeButton;
+    return (jsxRuntimeExports.jsx("div", { className: clsx('notification', className), children: jsxRuntimeExports.jsx("div", { className: "notification__wrapper", children: notifications.map(function (notification, i) { return (jsxRuntimeExports.jsx(NotificationItem, { id: notification.id, type: notification.type || type, set: notification.set || set, size: notification.size || size, title: notification.title, text: notification.text, status: notification.status, closeButton: closeButton, onClickClose: hideNotifications }, i)); }) }) }));
+}
+
+export { NotificationItem as N, NotificationList as a, notificationItemConfig as n };

package/dist/{SearchResult-DNPmzvp8.js → SearchResult-erxB06IL.js}

@@ -2,8 +2,8 @@ import React__default, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import fillProps from './constants/componentProps/fill.js';
-import { Icon } from './components/Icon.js';
-import { T as Text } from './Text-DffpwlYq.js';
+import { I as Icon } from './Icon-Dn2eEZvb.js';
+import { T as Text } from './Text-BcGbRc14.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { Scrollbar } from './components/Scrollbar.js';

package/dist/{SelectField-uEsQcoxF.js → SelectField-CpQMWXaC.js}

@@ -9,9 +9,9 @@ import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { Switch } from './components/Switch.js';
 import directionProps from './constants/componentProps/direction.js';
 import sizeProps from './constants/componentProps/size.js';
-import { Divider } from './components/Divider.js';
-import { T as Text } from './Text-DffpwlYq.js';
-import { Icon } from './components/Icon.js';
+import { D as Divider } from './Divider-BlBwMHgl.js';
+import { T as Text } from './Text-BcGbRc14.js';
+import { I as Icon } from './Icon-Dn2eEZvb.js';
 import { useStyles } from './hooks/useStyles.js';
 import { SelectInput } from './components/Select.js';
 

package/dist/{SiteMenuButton-DE_hCJUV.js → SiteMenuButton-BFmti8pF.js}

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { useSiteMenuContext } from './context/UIContext.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { Icon } from './components/Icon.js';
-import { T as Text } from './Text-DffpwlYq.js';
+import { I as Icon } from './Icon-Dn2eEZvb.js';
+import { T as Text } from './Text-BcGbRc14.js';
 
 function SiteMenu(props) {
   const {

package/dist/{TabGroup-CCR5jORT.js → TabGroup-CjmtgOMw.js}

@@ -2,9 +2,9 @@ import React__default from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { Badge } from './components/Badge.js';
-import { T as Text } from './Text-DffpwlYq.js';
-import { Link } from './components/Link.js';
-import { Divider } from './components/Divider.js';
+import { T as Text } from './Text-BcGbRc14.js';
+import { L as Link } from './Link-ByBzBRDH.js';
+import { D as Divider } from './Divider-BlBwMHgl.js';
 import fillProps from './constants/componentProps/fill.js';
 import shapeProps from './constants/componentProps/shape.js';
 import textColorActiveProps from './constants/componentProps/textColorActive.js';

package/dist/{Text-DffpwlYq.js → Text-BcGbRc14.js}

@@ -4,14 +4,13 @@ import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 
 var textConfig = {
-    appearance: {},
+    appearance: undefined,
     setAppearance: function (newComponent) {
         textConfig.appearance = newComponent;
     },
 };
 function Text(props) {
-    var _a, _b;
-    var after = props.after, appearance = props.appearance, dataTestId = props.dataTestId, before = props.before, children = props.children, className = props.className, cursor = props.cursor, dataTour = props.dataTour, htmlFor = props.htmlFor, mode = props.mode, _c = props.tag, Tag = _c === void 0 ? 'span' : _c, type = props.type, onClick = props.onClick;
+    var after = props.after, appearance = props.appearance, dataTestId = props.dataTestId, before = props.before, children = props.children, className = props.className, cursor = props.cursor, dataTour = props.dataTour, htmlFor = props.htmlFor, mode = props.mode, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, type = props.type, onClick = props.onClick;
     var cursorClass = useDeviceTargetClass(props, {
         prefix: 'cursor_',
         propsKey: 'cursor',
@@ -62,17 +61,12 @@ function Text(props) {
     });
     // @ts-expect-error
     var textStyles = useStyles(props).styles;
+    var appearanceConfig = appearance && textConfig.appearance && textConfig.appearance[appearance];
     return (jsxRuntimeExports.jsxs(Tag, { className: clsx(className, 'text', sizeClass ||
-            (appearance &&
-                ((_a = textConfig.appearance[appearance]) === null || _a === void 0 ? void 0 : _a.size) &&
-                "text_size_".concat(textConfig.appearance[appearance].size)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), weightClass, textAlignClass, textColorClass ||
-            (appearance &&
-                ((_b = textConfig.appearance[appearance]) === null || _b === void 0 ? void 0 : _b.textColor) &&
-                "text-color_".concat(textConfig.appearance[appearance].textColor)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), textColorActiveClass, textColorHoverClass, textGradientClass, textStyleClass, textTruncateClass, textWrapClass, type && "text_type_".concat(type), mode && "text_mode_".concat(mode), widthClass, cursorClass, onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, "data-test-id": dataTestId, children: [before, children, after] }));
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
+                "text_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, textAlignClass, textColorClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
+                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, textGradientClass, textStyleClass, textTruncateClass, textWrapClass, type && "text_type_".concat(type), mode && "text_mode_".concat(mode), widthClass, cursorClass, onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, "data-test-id": dataTestId, children: [before, children, after] }));
 }
 Text.defaultProps = {
     tag: 'span',

package/dist/cjs/{Accordion-BDTE-Lkj.js → Accordion-DcZ9P5kP.js}

@@ -1,13 +1,14 @@
 'use strict';
 
+var Link = require('./Link-BoShjCEw.js');
 var jsxRuntime = require('./jsx-runtime-BCmQOGxJ.js');
 var React = require('react');
 var clsx = require('clsx');
 var castArray = require('lodash/castArray');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var index = require('./components/Icon.js');
-var Text = require('./Text-CfBPhwqK.js');
+var Icon = require('./Icon-UBahY607.js');
+var Text = require('./Text-D7Aq1i5R.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -15,38 +16,6 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 var castArray__default = /*#__PURE__*/_interopDefault(castArray);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 var ChevronDown16 = function ChevronDown16(props) {
   return /*#__PURE__*/React__default.default.createElement("svg", props, /*#__PURE__*/React__default.default.createElement("path", {
     d: "M8 11C8.23051 11 8.42712 10.9233 8.60339 10.764L13.7763 6.16224C13.9254 6.03835 14 5.87316 14 5.68437C14 5.30088 13.661 5 13.2136 5C12.9966 5 12.8 5.0767 12.6508 5.20649L8 9.35398L3.34915 5.20649C3.19322 5.0767 2.99661 5 2.77966 5C2.33898 5 2 5.30089 2 5.68437C2 5.87316 2.07458 6.03835 2.22373 6.16224L7.39661 10.764C7.57288 10.9233 7.76949 10.9941 8 11Z"
@@ -123,7 +92,7 @@ function AccordionItem(props) {
     var styles = useStyles.useStyles(props).styles;
     return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('accordion-item', className, borderColorClass, fillClass, fillHoverClass, shapeClass, size && "accordion-item_size_".concat(size), isExpanded && 'accordion-item_state_open'), style: styles, children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: clsx__default.default('accordion-item__title', titleBorderColorClass, titleFillClass, titleFillHoverClass, 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('accordion-item__icon', 'cursor_type_pointer'), onClick: onClickTitle, children: icon || (
                 // @ts-expect-error
-                jsxRuntime.jsxRuntimeExports.jsx(index.Icon, { iconFill: iconFill, size: "16", SvgImage: icon16.ChevronDown })) }), beforeContent && beforeContent, isExpanded && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('accordion-item__content', contentBorderColorClass, contentFillClass, fillHoverClass), children: children ||
+                jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { iconFill: iconFill, size: "16", SvgImage: icon16.ChevronDown })) }), beforeContent && beforeContent, isExpanded && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('accordion-item__content', contentBorderColorClass, contentFillClass, fillHoverClass), children: children ||
                     (content && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: contentTextSize, textColor: contentTextColor, textWeight: contentTextWeight, children: content }))) })), afterContent && afterContent] }));
 }
 AccordionItem.defaultProps = {
@@ -143,7 +112,7 @@ function Accordion(props) {
                 }
                 else {
                     // ... with target id
-                    return __spreadArray(__spreadArray([], prevState, true), [targetItem.id], false);
+                    return Link.__spreadArray(Link.__spreadArray([], prevState, true), [targetItem.id], false);
                 }
             }
             else {

package/dist/cjs/Avatar-C8tufLEH.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var jsxRuntime = require('./jsx-runtime-BCmQOGxJ.js');
+var React = require('react');
+var clsx = require('clsx');
+var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
+var Icon = require('./Icon-UBahY607.js');
+var index = require('./components/Image.js');
+var Text = require('./Text-D7Aq1i5R.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+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, iconStroke = props.iconStroke, 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;
+    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]);
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'avatar', 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.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('avatar__wrapper', fillClass, fillHoverClass), children: [before, src ? (jsxRuntime.jsxRuntimeExports.jsx(index.Image, { className: "avatar__image", shape: "geometric", src: src })) : (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "avatar__name", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars })), (icon || iconSrc) && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, stroke: iconStroke, SvgImage: icon })), Dot, after] }) }));
+}
+
+exports.Avatar = Avatar;

package/dist/cjs/{Breadcrumbs-BV5q8aPJ.js → Breadcrumbs-HubY1qZQ.js}

@@ -9,9 +9,9 @@ var fill = require('./constants/componentProps/fill.js');
 var position = require('./constants/componentProps/position.js');
 var shape = require('./constants/componentProps/shape.js');
 var width = require('./constants/componentProps/width.js');
-var index$1 = require('./components/Icon.js');
-var Text = require('./Text-CfBPhwqK.js');
-var index = require('./components/Link.js');
+var Icon = require('./Icon-UBahY607.js');
+var Text = require('./Text-D7Aq1i5R.js');
+var Link = require('./Link-BoShjCEw.js');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
 
@@ -59,7 +59,7 @@ function BreadcrumbsItem(props) {
   const {
     styles: itemStyles
   } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement(index.LinkWrapper, {
+  return /*#__PURE__*/React__default.default.createElement(Link.LinkWrapper, {
     className: clsx__default.default(className, 'breadcrumbs__item', set && `breadcrumbs__item_set_${set}`, fillClass, positionClass, shapeClass, underlineClass, onClick && (cursor || 'cursor_type_pointer')),
     DefaultComponent: "div",
     href: href,
@@ -70,7 +70,7 @@ function BreadcrumbsItem(props) {
     size: textSize,
     textColor: textColor,
     textColorHover: textColorHover
-  }, text || children), iconAfter && /*#__PURE__*/React__default.default.createElement(index$1.Icon, {
+  }, text || children), iconAfter && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
     bgFill: iconAfterBgFill,
     className: "breadcrumbs__item-icon",
     fill: iconAfterFill,