@itcase/ui 1.2.35 → 1.3.0

package/dist/Link-CqWzwh8V.js

@@ -1,99 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-CCZ3TN_7.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
-var useStyles = require('./cjs/hooks/useStyles.js');
-
-var linkConfig = {
-    LinkComponent: 'a',
-    setLinkComponent: function (newComponent) {
-        linkConfig.LinkComponent = newComponent;
-    },
-};
-function Link(props) {
-    var children = props.children, after = props.after, before = props.before, className = props.className, href = props.href, link = props.link, LinkComponent = props.LinkComponent, rel = props.rel, style = props.style, target = props.target, text = props.text, _a = props.underline, underline = _a === void 0 ? 'underline' : _a, onClick = props.onClick, onMouseDown = props.onMouseDown;
-    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'link_direction_',
-        propsKey: 'direction',
-    });
-    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text_size_',
-        propsKey: 'size',
-    });
-    var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'textColor',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var svgFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'svg_fill_',
-        propsKey: 'svgFill',
-    });
-    var svgFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'svg_fill_hover_',
-        propsKey: 'svgFillHover',
-    });
-    var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
-    });
-    var textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_hover_',
-        propsKey: 'textColorHover',
-    });
-    var textStyleClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-style_',
-        propsKey: 'textColorHover',
-    });
-    var textGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-gradient_',
-        propsKey: 'textGradient',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'height_',
-        propsKey: 'height',
-    });
-    // @ts-expect-error
-    var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass, heightClass, directionClass, sizeClass, svgFillClass, svgFillHoverClass, underline && "link_underline_".concat(underline), 'text', (textColorClass ||
-            textColorHoverClass ||
-            textGradientClass ||
-            textStyleClass ||
-            weightClass) &&
-            'text', textColorClass, textColorHoverClass, textGradientClass, textStyleClass, weightClass, fillClass), Component: LinkComponent, href: href || link, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
-}
-// Wrapper with "Link" by condition
-function LinkWrapper(props) {
-    var children = props.children, Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, rel = props.rel, target = props.target, otherProps = tslib_es6.__rest(props, ["children", "Component", "DefaultComponent", "href", "rel", "target"]);
-    if (href) {
-        // If href passed, make link-wrapper
-        var LinkComponent = Component || linkConfig.LinkComponent;
-        if (LinkComponent) {
-            return (jsxRuntime.jsx(LinkComponent, tslib_es6.__assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
-        }
-    }
-    else if (DefaultComponent) {
-        // If has default "Component" - render it
-        return jsxRuntime.jsx(DefaultComponent, tslib_es6.__assign({}, otherProps, { children: children }));
-    }
-    // Return children and pass current props to
-    return React.Children.toArray(children)
-        .filter(Boolean)
-        .map(function (child) {
-        return React.isValidElement(child) ? React.cloneElement(child, otherProps) : child;
-    });
-}
-
-exports.Link = Link;
-exports.LinkWrapper = LinkWrapper;
-exports.linkConfig = linkConfig;

package/dist/Loader-1ZnukBPK.js

@@ -1,86 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
-var useStyles = require('./cjs/hooks/useStyles.js');
-var Text = require('./Text-C-scXvy7.js');
-
-var loaderAppearance = {
-    accent: {
-        fill: 'accentPrimary',
-        itemFill: 'accentItemPrimary',
-    },
-    primary: {
-        fill: 'primaryPrimary',
-        itemFill: 'primaryItemPrimary',
-    },
-    secondary: {
-        fill: 'secondaryPrimary',
-        itemFill: 'secondaryItemPrimary',
-    },
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        itemFill: 'surfaceItemPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        itemFill: 'surfaceItemPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        itemFill: 'surfaceItemPrimary',
-    },
-};
-
-// TODO: is better to use context?
-var loaderConfig = {
-    appearance: loaderAppearance,
-    setAppearance: function (newComponent) {
-        loaderConfig.appearance = newComponent;
-    },
-};
-function Loader(props) {
-    var _a, _b, _c;
-    var children = props.children, appearance = props.appearance, className = props.className, set = props.set, text = props.text, textColor = props.textColor, textSize = props.textSize;
-    var itemFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'itemFill',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'height_',
-        propsKey: 'height',
-    });
-    var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'position_',
-        propsKey: 'position',
-    });
-    // @ts-expect-error
-    var loader = useStyles.useStyles(props).styles;
-    var appearanceConfig = appearance && loaderConfig.appearance && loaderConfig.appearance[appearance];
-    return (jsxRuntime.jsxs("div", { className: clsx('loader', positionClass, widthClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.width) &&
-                "width_".concat(appearanceConfig.width).replace(/([A-Z])/g, '-$1').toLowerCase()), heightClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.height) &&
-                "height_".concat(appearanceConfig.height).replace(/([A-Z])/g, '-$1').toLowerCase()), fillClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), className, set && "loader_set_".concat(set)), style: loader, children: [children || (jsxRuntime.jsxs("div", { className: "loader__inner", children: [jsxRuntime.jsx("span", { className: clsx('loader__item', 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())) }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass ||
-                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.itemFill) &&
-                                "fill_".concat((_b = appearanceConfig.itemFill) === null || _b === void 0 ? void 0 : _b.replace(/([A-Z])/g, '-$1')).toLowerCase())) }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass ||
-                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.itemFill) &&
-                                "fill_".concat((_c = appearanceConfig.itemFill) === null || _c === void 0 ? void 0 : _c.replace(/([A-Z])/g, '-$1')).toLowerCase())) })] })), text && (jsxRuntime.jsx(Text.Text, { className: "loader__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text }))] }));
-}
-
-exports.Loader = Loader;
-exports.loaderAppearance = loaderAppearance;
-exports.loaderConfig = loaderConfig;

package/dist/Loader-CuxFXcNG.js

@@ -1,82 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-DGEJa_FL.js';
-
-var loaderAppearance = {
-    accent: {
-        fill: 'accentPrimary',
-        itemFill: 'accentItemPrimary',
-    },
-    primary: {
-        fill: 'primaryPrimary',
-        itemFill: 'primaryItemPrimary',
-    },
-    secondary: {
-        fill: 'secondaryPrimary',
-        itemFill: 'secondaryItemPrimary',
-    },
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        itemFill: 'surfaceItemPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        itemFill: 'surfaceItemPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        itemFill: 'surfaceItemPrimary',
-    },
-};
-
-// TODO: is better to use context?
-var loaderConfig = {
-    appearance: loaderAppearance,
-    setAppearance: function (newComponent) {
-        loaderConfig.appearance = newComponent;
-    },
-};
-function Loader(props) {
-    var _a, _b, _c;
-    var children = props.children, appearance = props.appearance, className = props.className, set = props.set, text = props.text, textColor = props.textColor, textSize = props.textSize;
-    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 = appearance && loaderConfig.appearance && loaderConfig.appearance[appearance];
-    return (jsxs("div", { className: clsx('loader', positionClass, widthClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.width) &&
-                "width_".concat(appearanceConfig.width).replace(/([A-Z])/g, '-$1').toLowerCase()), heightClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.height) &&
-                "height_".concat(appearanceConfig.height).replace(/([A-Z])/g, '-$1').toLowerCase()), fillClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), className, set && "loader_set_".concat(set)), style: loader, children: [children || (jsxs("div", { className: "loader__inner", children: [jsx("span", { className: clsx('loader__item', 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())) }), jsx("span", { className: clsx('loader__item', itemFillClass ||
-                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.itemFill) &&
-                                "fill_".concat((_b = appearanceConfig.itemFill) === null || _b === void 0 ? void 0 : _b.replace(/([A-Z])/g, '-$1')).toLowerCase())) }), jsx("span", { className: clsx('loader__item', itemFillClass ||
-                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.itemFill) &&
-                                "fill_".concat((_c = appearanceConfig.itemFill) === null || _c === void 0 ? void 0 : _c.replace(/([A-Z])/g, '-$1')).toLowerCase())) })] })), text && (jsx(Text, { className: "loader__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text }))] }));
-}
-
-export { Loader as L, loaderAppearance as a, loaderConfig as l };

package/dist/MenuItem-Buu-c29L.js

@@ -1,101 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-import { L as Link } from './Link-CeQuavin.js';
-import { T as Text } from './Text-DGEJa_FL.js';
-
-var menuItemAppearance = {
-    any: {
-        fill: 'surfacePrimary',
-        textColor: 'surfaceTextPrimary',
-        textColorActive: 'surfaceTextAccent',
-        textColorHover: 'surfaceTextAccent',
-    },
-};
-
-var menuItemConfig = {
-    appearance: menuItemAppearance,
-    setAppearance: function (newComponent) {
-        menuItemConfig.appearance = newComponent;
-    },
-};
-function MenuItem(props) {
-    var children = props.children, isActive = props.isActive, isHover = props.isHover, after = props.after, appearance = props.appearance, before = props.before, className = props.className, desc = props.desc, descTextColor = props.descTextColor, descTextColorHover = props.descTextColorHover, descTextGradient = props.descTextGradient, descTextSize = props.descTextSize, descTextStyle = props.descTextStyle, descTextWeight = props.descTextWeight, descTextWrap = props.descTextWrap, href = props.href, label = props.label, link = props.link, linkFill = props.linkFill, rel = props.rel, set = props.set, target = props.target, textColor = props.textColor, textColorActive = props.textColorActive, textColorHover = props.textColorHover, textGradient = props.textGradient, textSize = props.textSize, textStyle = props.textStyle, textWeight = props.textWeight, textWrap = props.textWrap, 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 = appearance && menuItemConfig.appearance && menuItemConfig.appearance[appearance];
-    return (jsx("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction) &&
-                "menu-item_direction_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), className, sizeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
-                "menu-item_size_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), fillClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                "fill_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
-                "menu-item_shape_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), typeClass, widthClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.width) &&
-                "width_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.width).replace(/([A-Z])/g, '-$1').toLowerCase()), set && "menu-item_set_".concat(set), justifyContentClass), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsx(Link, { className: clsx('menu-item__label', alignDirectionClass, alignClass), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxs(React.Fragment, { children: [before, children || (jsxs(React.Fragment, { children: [label && (jsx(Text, { className: "menu-item__label", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textColorGradient: textGradient, textColorHover: textColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorHover), textStyle: textStyle, textWeight: textWeight, textWrap: textWrap, textColorActive: isActive && (textColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorActive)), children: label })), desc && (jsx(Text, { className: "menu-item__desc", size: descTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextSize), textColor: descTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColor), textColorGradient: descTextGradient, textColorHover: descTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColorHover), textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
-}
-MenuItem.defaultProps = {
-    direction: 'horizontal',
-    LinkComponent: 'a',
-    size: 'm',
-};
-
-export { MenuItem as M, menuItemAppearance as a, menuItemConfig as m };

package/dist/MenuItem-Cqt0EcgC.js

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

package/dist/Overlay-CFXouKnl.js

@@ -1,27 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
-var useStyles = require('./cjs/hooks/useStyles.js');
-
-function Overlay(props) {
-    var isOverlay = props.isOverlay, className = props.className, type = props.type, onClick = props.onClick;
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill-gradient_',
-        propsKey: 'fillGradient',
-    });
-    var opacityClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'opacity_',
-        propsKey: 'opacity',
-    });
-    // @ts-expect-error
-    var overlayStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'overlay', opacityClass, isOverlay && 'overlay_state_visible', type && "".concat(className, "_type_").concat(type), fillClass, fillGradientClass), style: overlayStyles, onClick: onClick, children: "\u00A0" }));
-}
-
-exports.Overlay = Overlay;

package/dist/Overlay-DO5dnSRE.js

@@ -1,25 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-
-function Overlay(props) {
-    var isOverlay = props.isOverlay, className = props.className, type = props.type, onClick = props.onClick;
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillGradientClass = useDeviceTargetClass(props, {
-        prefix: 'fill-gradient_',
-        propsKey: 'fillGradient',
-    });
-    var opacityClass = useDeviceTargetClass(props, {
-        prefix: 'opacity_',
-        propsKey: 'opacity',
-    });
-    // @ts-expect-error
-    var overlayStyles = useStyles(props).styles;
-    return (jsx("div", { className: clsx(className, 'overlay', opacityClass, isOverlay && 'overlay_state_visible', type && "".concat(className, "_type_").concat(type), fillClass, fillGradientClass), style: overlayStyles, onClick: onClick, children: "\u00A0" }));
-}
-
-export { Overlay as O };

package/dist/Text-C-scXvy7.js

@@ -1,85 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
-var useStyles = require('./cjs/hooks/useStyles.js');
-
-var textAppearance = {
-    dev: {
-        size: 'm',
-        textColor: 'surfaceTextPrimary',
-    },
-};
-
-var textConfig = {
-    appearance: textAppearance,
-    setAppearance: function (newComponent) {
-        textConfig.appearance = newComponent;
-    },
-};
-function Text(props) {
-    var children = props.children, cursor = props.cursor, after = props.after, appearance = props.appearance, before = props.before, className = props.className, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, mode = props.mode, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, type = props.type, onClick = props.onClick, onDoubleClick = props.onDoubleClick;
-    var cursorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'cursor_',
-        propsKey: 'cursor',
-    });
-    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text_size_',
-        propsKey: 'size',
-    });
-    var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
-    });
-    var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'textColor',
-    });
-    var textAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-align_',
-        propsKey: 'textAlign',
-    });
-    var textColorActiveClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_active_',
-        propsKey: 'textColorActive',
-    });
-    var textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_hover_',
-        propsKey: 'textColorHover',
-    });
-    var textGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-gradient_',
-        propsKey: 'textColorGradient',
-    });
-    var textTruncateClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-truncate_',
-        propsKey: 'textTruncate',
-    });
-    var textStyleClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-style_',
-        propsKey: 'textStyle',
-    });
-    var textWrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'word-wrap_',
-        propsKey: 'textWrap',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    // @ts-expect-error
-    var textStyles = useStyles.useStyles(props).styles;
-    var appearanceConfig = appearance && textConfig.appearance && textConfig.appearance[appearance];
-    return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'text', sizeClass ||
-            ((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, textWrapClass, textTruncateClass, type && "text_type_".concat(type), mode && "text_mode_".concat(mode), widthClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.width) &&
-                "width_".concat(appearanceConfig.width).replace(/([A-Z])/g, '-$1').toLowerCase()), cursorClass, onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
-}
-
-exports.Text = Text;
-exports.textAppearance = textAppearance;
-exports.textConfig = textConfig;