@itcase/ui 1.1.9 → 1.1.11

package/dist/InputPassword-CTbtTP_o.js

@@ -0,0 +1,110 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import { useState, useMemo, useCallback } from 'react';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { I as Icon } from './Icon-Duj1nynQ.js';
+
+var inputPasswordConfig = {
+    state: undefined,
+    setState: function (newComponent) {
+        inputPasswordConfig.state = newComponent;
+    },
+    appearance: undefined,
+    setAppearance: function (newComponent) {
+        inputPasswordConfig.appearance = newComponent;
+    },
+};
+function InputPassword(props) {
+    var appearance = props.appearance, state = props.state, id = props.id, iconFill = props.iconFill, iconRevealableHide = props.iconRevealableHide, iconRevealableShow = props.iconRevealableShow, iconFillHover = props.iconFillHover, iconShape = props.iconShape, iconSize = props.iconSize, isRevealable = props.isRevealable, className = props.className, placeholder = props.placeholder, disabled = props.disabled, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var sizeClass = useDeviceTargetClass(props, {
+        prefix: 'input-password__input_size_',
+        propsKey: 'size',
+    });
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'input-password__input_shape_',
+        propsKey: 'shape',
+    });
+    var textSizeClass = useDeviceTargetClass(props, {
+        prefix: 'text_size_',
+        propsKey: 'textSize',
+    });
+    var textColorClass = useDeviceTargetClass(props, {
+        prefix: 'text-color_',
+        propsKey: 'textColor',
+    });
+    var caretClass = useDeviceTargetClass(props, {
+        prefix: 'caret-color_',
+        propsKey: 'caret',
+    });
+    var placeholderTextColorClass = useDeviceTargetClass(props, {
+        prefix: 'placeholder-text-color_',
+        propsKey: 'placeholderTextColor',
+    });
+    var weightClass = useDeviceTargetClass(props, {
+        prefix: 'text-weight_',
+        propsKey: 'textWeight',
+    });
+    var borderWidthClass = useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderColorClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var _a = useState(false), isRevealed = _a[0], setIsRevealed = _a[1];
+    var inputType = useMemo(function () {
+        return isRevealed ? 'text' : 'password';
+    }, [isRevealed]);
+    var revealeHandler = useCallback(function (e) {
+        e.preventDefault();
+        setIsRevealed(function (prev) { return !prev; });
+    }, [setIsRevealed]);
+    var appearanceConfig = useMemo(function () {
+        return appearance && inputPasswordConfig.appearance && inputPasswordConfig.appearance[appearance];
+    }, [appearance, inputPasswordConfig]);
+    var stateConfig = useMemo(function () { return state && inputPasswordConfig.state && inputPasswordConfig.state[state]; }, [state, inputPasswordConfig]);
+    return (jsxRuntimeExports.jsxs("div", { className: "input-password", children: [jsxRuntimeExports.jsx("input", { className: clsx(className, 'input-password__input', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, fillClass, placeholderTextColorClass, shapeClass ||
+                    ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
+                        "input-password__input_shape_".concat(appearanceConfig.shape)
+                            .replace(/([A-Z])/g, '-$1')
+                            .toLowerCase()), textSizeClass ||
+                    ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize) &&
+                        "text_size_".concat(appearanceConfig.textSize).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, widthClass, borderWidthClass, sizeClass ||
+                    ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
+                        "input-password__input_size_".concat(appearanceConfig.size)
+                            .replace(/([A-Z])/g, '-$1')
+                            .toLowerCase()), borderColorClass ||
+                    ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.borderColor) &&
+                        "border-color_".concat(stateConfig.borderColor).replace(/([A-Z])/g, '-$1').toLowerCase()) ||
+                    ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
+                        "border-color_".concat(appearanceConfig.borderColor)
+                            .replace(/([A-Z])/g, '-$1')
+                            .toLowerCase()), placeholderTextColorClass ||
+                    ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.placeholderTextColor) &&
+                        "placeholder-text-color_".concat(stateConfig.placeholderTextColor)
+                            .replace(/([A-Z])/g, '-$1')
+                            .toLowerCase()) ||
+                    ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextColor) &&
+                        "placeholder-text-color_".concat(appearanceConfig.placeholderTextColor)
+                            .replace(/([A-Z])/g, '-$1')
+                            .toLowerCase()), textColorClass ||
+                    ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.textColor) &&
+                        "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()) ||
+                    ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
+                        "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())), type: inputType, id: String(id), disabled: disabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }), isRevealable && (jsxRuntimeExports.jsx(Icon, { className: "input-password__icon", iconFill: iconFill, iconFillHover: iconFillHover, SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow, imageSrc: isRevealed ? iconRevealableHide : iconRevealableShow, shape: iconShape, size: iconSize, onClick: revealeHandler }))] }));
+}
+InputPassword.defaultProps = {
+    size: 'm',
+    type: 'text',
+};
+
+export { InputPassword as I, inputPasswordConfig as i };

package/dist/Label-D9cQMuy3.js

@@ -0,0 +1,85 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import { useRef, useCallback, useMemo } from 'react';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Tooltip } from './Tooltip-CcwyN7PD.js';
+
+var labelConfig = {
+    appearance: undefined,
+    setAppearance: function (newComponent) {
+        labelConfig.appearance = newComponent;
+    },
+};
+function Label(props) {
+    var appearance = props.appearance, children = props.children, className = props.className, label = props.label, labelTextSize = props.labelTextSize, labelTextWrap = props.labelTextWrap, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextWeight = props.labelTextWeight, mode = props.mode, set = props.set, before = props.before, after = props.after, dataTour = props.dataTour, type = props.type, cursor = props.cursor, showTooltip = props.showTooltip, tooltipAlignment = props.tooltipAlignment, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, tooltipAppearance = props.tooltipAppearance, tooltipContent = props.tooltipContent, tooltipArrowPosition = props.tooltipArrowPosition, onClick = props.onClick;
+    var tooltipRef = useRef(null);
+    var onMouseEnterLabel = useCallback(function () {
+        var _a;
+        (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.openTooltip();
+    }, []);
+    var onMouseLeaveLabel = useCallback(function () {
+        var _a;
+        (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.closeTooltip();
+    }, []);
+    var alignDirectionClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var sizeClass = useDeviceTargetClass(props, {
+        prefix: 'label_size_',
+        propsKey: 'size',
+    });
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'label_shape_',
+        propsKey: 'shape',
+    });
+    var borderColorClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderTypeClass = useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'label_width_',
+        propsKey: 'width',
+    });
+    var wrapClass = useDeviceTargetClass(props, {
+        prefix: 'word-wrap_',
+        propsKey: 'wrap',
+    });
+    // @ts-expect-error
+    var labelStyles = useStyles(props).styles;
+    var appearanceConfig = useMemo(function () { return appearance && labelConfig.appearance && labelConfig.appearance[appearance]; }, [appearance, labelConfig]);
+    return (jsxRuntimeExports.jsxs("div", { className: clsx(className, 'label', fillClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
+                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
+                "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
+                "label_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), borderColorClass, borderTypeClass, sizeClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
+                "label_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), wrapClass, widthClass, alignDirectionClass, alignClass, type && "label_type_".concat(type), set && "label_set_".concat(set), mode && "label_mode_".concat(mode), onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, jsxRuntimeExports.jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsxRuntimeExports.jsx(Text, { className: "label__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textWeight: labelTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextWeight), textWrap: labelTextWrap, children: label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })) : (jsxRuntimeExports.jsx("div", { className: "label__label", children: label })), children, showTooltip && (jsxRuntimeExports.jsx(Tooltip, { alignment: tooltipAlignment, appearance: tooltipAppearance, arrowPosition: tooltipArrowPosition, className: "label__tooltip", 
+                        // @ts-expect-error
+                        ref: tooltipRef, text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize, children: tooltipContent }))] }), after] }));
+}
+Label.defaultProps = {
+    label: 'Label',
+};
+
+export { Label as L, labelConfig as l };

package/dist/LanguageSelector-TZEgbNsG.js

@@ -0,0 +1,14 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import clsx from 'clsx';
+import { I as Icon } from './Icon-Duj1nynQ.js';
+
+function LanguageSelectorItem(props) {
+    var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;
+    return (jsxRuntimeExports.jsxs("div", { className: clsx('lang__item', isActive && 'lang__item_state_current'), onClick: onClick, children: [SvgImage && jsxRuntimeExports.jsx(Icon, { size: iconSize, SvgImage: SvgImage }), label] }));
+}
+function LanguageSelector(props) {
+    var currentLanguage = props.currentLanguage, _a = props.languagesItems, languagesItems = _a === void 0 ? [] : _a, className = props.className, setLanguage = props.setLanguage;
+    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'lang'), children: languagesItems.map(function (languageItem) { return (jsxRuntimeExports.jsx(LanguageSelectorItem, { iconSize: languageItem.iconSize, isActive: currentLanguage === languageItem.value, label: languageItem.label, SvgImage: languageItem.SvgImage, onClick: function () { return setLanguage && setLanguage(languageItem.value); } }, "languageItem_".concat(languageItem.value))); }) }));
+}
+
+export { LanguageSelector as L };

package/dist/{Link-ByBzBRDH.js → Link-CbCqej5B.js}

@@ -1,64 +1,10 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-ClDdVO4Q.js';
+import { a as __rest, _ as __assign } from './_tslib-S-VPg1Cw.js';
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.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) {
@@ -67,6 +13,10 @@ var linkConfig = {
 };
 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 directionClass = useDeviceTargetClass(props, {
+        prefix: 'link_direction_',
+        propsKey: 'direction',
+    });
     var sizeClass = useDeviceTargetClass(props, {
         prefix: 'text_size_',
         propsKey: 'size',
@@ -97,7 +47,7 @@ function Link(props) {
     });
     // @ts-expect-error
     var styles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx(className, 'link', sizeClass, underline && "link_underline_".concat(underline), (textColorClass ||
+    return (jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx(className, 'link', directionClass, sizeClass, underline && "link_underline_".concat(underline), (textColorClass ||
             textColorHoverClass ||
             textGradientClass ||
             textStyleClass ||
@@ -129,4 +79,4 @@ function LinkWrapper(props) {
     });
 }
 
-export { Link as L, __assign as _, LinkWrapper as a, __spreadArray as b, linkConfig as l };
+export { Link as L, LinkWrapper as a, linkConfig as l };

package/dist/ListItem-Dgx1_Igi.js

@@ -0,0 +1,46 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import clsx from 'clsx';
+import { useStyles } from './hooks/useStyles.js';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { L as Link } from './Link-CbCqej5B.js';
+
+function List(props) {
+    var children = props.children, className = props.className, style = props.style, type = props.type;
+    var sizeClass = useDeviceTargetClass(props, {
+        prefix: 'list_size_',
+        propsKey: 'size',
+    });
+    var bulletSizeClass = useDeviceTargetClass(props, {
+        prefix: 'list_bullet-size_',
+        propsKey: 'bulletSize',
+    });
+    var bulletFillClass = useDeviceTargetClass(props, {
+        prefix: 'list_bullet-fill_',
+        propsKey: 'bulletFill',
+    });
+    var bulletTextColorClass = useDeviceTargetClass(props, {
+        prefix: 'list_bullet-text-color_',
+        propsKey: 'bulletTextColor',
+    });
+    var directionClass = useDeviceTargetClass(props, {
+        prefix: 'list_direction_',
+        propsKey: 'direction',
+    });
+    // @ts-expect-error
+    var ulStyles = useStyles(props).styles;
+    return (jsxRuntimeExports.jsx("ul", { className: clsx(className, 'list', bulletSizeClass, bulletFillClass, bulletTextColorClass, directionClass, sizeClass, style && "list_style_".concat(style), type && "list_type_".concat(type)), style: ulStyles, children: children }));
+}
+
+function ListItem(props) {
+    var after = props.after, before = props.before, children = props.children, className = props.className, fill = props.fill, href = props.href, link = props.link, text = props.text, textColor = props.textColor, textStyle = props.textStyle, textWeight = props.textWeight;
+    // @ts-expect-error
+    var _a = useStyles(props), liStyles = _a.styles, linkStyles = _a.link;
+    if (link) {
+        return (jsxRuntimeExports.jsx("li", { className: clsx(className, 'list__item', 'list__item_type_link', textStyle && "text text-style_".concat(textStyle), textWeight && "text text-weight_".concat(textWeight), textColor && "text-color_".concat(textColor.replace(/([A-Z])/g, '-$1').toLowerCase()), fill && "fill_".concat(fill.replace(/([A-Z])/g, '-$1').toLowerCase())), style: liStyles, children: jsxRuntimeExports.jsx(Link, { href: link || href, className: clsx('list__item-link'), 
+                // @ts-expect-error
+                style: linkStyles, children: children || text }) }));
+    }
+    return (jsxRuntimeExports.jsxs("li", { className: clsx(className, 'list__item', textStyle && "text text-style_".concat(textStyle), textWeight && "text text-weight_".concat(textWeight), textColor && "text-color_".concat(textColor.replace(/([A-Z])/g, '-$1').toLowerCase()), fill && "fill_".concat(fill.replace(/([A-Z])/g, '-$1').toLowerCase())), style: liStyles, children: [before, children || text, after] }));
+}
+
+export { List as L, ListItem as a };

package/dist/Loader-YZrWGaNy.js

@@ -0,0 +1,53 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import { useMemo } from 'react';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+import { T as Text } from './Text-CxrzHFN1.js';
+
+// TODO: is better to use context?
+var loaderConfig = {
+    appearance: undefined,
+    setAppearance: function (newComponent) {
+        loaderConfig.appearance = newComponent;
+    },
+};
+function Loader(props) {
+    var _a;
+    var appearance = props.appearance, className = props.className, children = props.children, set = props.set, text = props.text, textSize = props.textSize, textColor = props.textColor;
+    var itemFillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'itemFill',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var heightClass = useDeviceTargetClass(props, {
+        prefix: 'height_',
+        propsKey: 'height',
+    });
+    var positionClass = useDeviceTargetClass(props, {
+        prefix: 'position_',
+        propsKey: 'position',
+    });
+    // @ts-expect-error
+    var loader = useStyles(props).styles;
+    var appearanceConfig = useMemo(function () { return appearance && loaderConfig.appearance && loaderConfig.appearance[appearance]; }, [appearance, loaderConfig]);
+    /*
+     * TODO: set temporary variables by other way
+     */
+    var temporaryFillClass = fillClass ||
+        ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
+            "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase());
+    var temporaryItemFillClass = itemFillClass ||
+        ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.itemFill) &&
+            "fill_".concat((_a = appearanceConfig.itemFill) === null || _a === void 0 ? void 0 : _a.replace(/([A-Z])/g, '-$1')).toLowerCase());
+    return (jsxRuntimeExports.jsxs("div", { className: clsx('loader', positionClass, widthClass, heightClass, temporaryFillClass, className, set && "loader_set_".concat(set)), style: loader, children: [children || (jsxRuntimeExports.jsxs("div", { className: "loader__inner", children: [jsxRuntimeExports.jsx("span", { className: clsx('loader__item', temporaryItemFillClass) }), jsxRuntimeExports.jsx("span", { className: clsx('loader__item', temporaryItemFillClass) }), jsxRuntimeExports.jsx("span", { className: clsx('loader__item', temporaryItemFillClass) })] })), text && (jsxRuntimeExports.jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
+}
+
+export { Loader as L, loaderConfig as l };

package/dist/Logo-DsOEX4uk.js

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

package/dist/Menu-Kpe1GMns.js

@@ -0,0 +1,34 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+import { M as MenuItem } from './MenuItem-C5BPgTO7.js';
+
+function Menu(props) {
+    var after = props.after, before = props.before, children = props.children, className = props.className, items = props.items, type = props.type, onClickItem = props.onClickItem;
+    var directionClass = useDeviceTargetClass(props, {
+        prefix: 'menu_direction_',
+        propsKey: 'direction',
+    });
+    var columnsClass = useDeviceTargetClass(props, {
+        prefix: 'menu_columns_',
+        propsKey: 'columns',
+    });
+    var flexGrowClass = useDeviceTargetClass(props, {
+        prefix: 'flex-grow_',
+        propsKey: 'flexGrow',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    // @ts-expect-error
+    var menuStyles = useStyles(props).styles;
+    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'menu', directionClass, columnsClass, type && "menu_type_".concat(type), flexGrowClass, widthClass), children: jsxRuntimeExports.jsxs("div", { className: "menu__wrapper", style: menuStyles, children: [before, children ||
+                    (items === null || items === void 0 ? void 0 : items.map(function (item, i) { return (jsxRuntimeExports.jsx(MenuItem, { label: item.label, onClick: onClickItem }, "menuItem_".concat(item.id || i))); })), after] }) }));
+}
+Menu.defaultProps = {
+    direction: 'horizontal',
+};
+
+export { Menu as M };

package/dist/MenuItem-C5BPgTO7.js

@@ -0,0 +1,81 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import React__default, { useMemo } from 'react';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+import { L as Link } from './Link-CbCqej5B.js';
+import { T as Text } from './Text-CxrzHFN1.js';
+
+var menuItemConfig = {
+    appearance: undefined,
+    setAppearance: function (newComponent) {
+        menuItemConfig.appearance = newComponent;
+    },
+};
+function MenuItem(props) {
+    var isActive = props.isActive, isHover = props.isHover, appearance = props.appearance, after = props.after, before = props.before, children = props.children, className = props.className, href = props.href, link = props.link, set = props.set, rel = props.rel, desc = props.desc, linkFill = props.linkFill, descTextGradient = props.descTextGradient, descTextSize = props.descTextSize, descTextWeight = props.descTextWeight, descTextColor = props.descTextColor, descTextWrap = props.descTextWrap, descTextColorHover = props.descTextColorHover, descTextStyle = props.descTextStyle, label = props.label, target = props.target, textColor = props.textColor, textColorHover = props.textColorHover, textColorActive = props.textColorActive, textGradient = props.textGradient, textSize = props.textSize, textWrap = props.textWrap, textStyle = props.textStyle, textWeight = props.textWeight, underline = props.underline, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
+    var alignDirectionClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    var directionClass = useDeviceTargetClass(props, {
+        prefix: 'menu-item_direction_',
+        propsKey: 'direction',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var fillActiveClass = useDeviceTargetClass(props, {
+        prefix: 'fill_active_',
+        propsKey: 'fillActive',
+    });
+    var fillActiveHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_active_hover_',
+        propsKey: 'fillActiveHover',
+    });
+    var fillDisabledClass = useDeviceTargetClass(props, {
+        prefix: 'fill_disabled_',
+        propsKey: 'fillDisabled',
+    });
+    var sizeClass = useDeviceTargetClass(props, {
+        prefix: 'menu-item_size_',
+        propsKey: 'size',
+    });
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'menu-item_shape_',
+        propsKey: 'shape',
+    });
+    var justifyContentClass = useDeviceTargetClass(props, {
+        prefix: 'menu-item_justify-content_',
+        propsKey: 'justifyContent',
+    });
+    var typeClass = useDeviceTargetClass(props, {
+        prefix: 'menu-item_type_',
+        propsKey: 'type',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    // @ts-expect-error
+    var menuItem = useStyles(props).styles;
+    var appearanceConfig = useMemo(function () { return appearance && menuItemConfig.appearance && menuItemConfig.appearance[appearance]; }, [appearance, menuItemConfig]);
+    return (jsxRuntimeExports.jsx("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass, className, sizeClass, fillClass ||
+            (appearance && "fill_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass, typeClass, widthClass, set && "menu-item_set_".concat(set), justifyContentClass), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxRuntimeExports.jsx(Link, { className: clsx('menu-item__label', alignDirectionClass, alignClass), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxRuntimeExports.jsxs(React__default.Fragment, { children: [before, children || (jsxRuntimeExports.jsxs(React__default.Fragment, { children: [label && (jsxRuntimeExports.jsx(Text, { className: "menu-item__label", size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textColorActive: isActive && (textColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorActive)), textColorHover: textColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorHover), textColorGradient: textGradient, textStyle: textStyle, textWeight: textWeight, textWrap: textWrap, children: label })), desc && (jsxRuntimeExports.jsx(Text, { className: "menu-item__desc", size: descTextSize, textColor: descTextColor, textColorHover: descTextColorHover, textColorGradient: descTextGradient, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
+}
+MenuItem.defaultProps = {
+    size: 'm',
+    LinkComponent: 'a',
+    direction: 'horizontal',
+};
+
+export { MenuItem as M, menuItemConfig as m };