@itcase/ui 1.2.34 → 1.3.0

package/dist/Title-YVzIwk68.js

@@ -1,111 +0,0 @@
-import { jsxs } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import clsx from 'clsx';
-import { useUserDeviceContext } from './context/UIContext.js';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-
-var titleAppearance = {
-    dev: {
-        textColor: 'surfaceTextPrimary',
-    },
-};
-
-var titleConfig = {
-    appearance: titleAppearance,
-    setAppearance: function (newComponent) {
-        titleConfig.appearance = newComponent;
-    },
-};
-function Title(props) {
-    var children = props.children, after = props.after, afterWrapper = props.afterWrapper, appearance = props.appearance, before = props.before, beforeWrapper = props.beforeWrapper, className = props.className, dataTour = props.dataTour, mode = props.mode, _a = props.size, size = _a === void 0 ? 'h3' : _a, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _b = props.tag, tag = _b === void 0 ? 'span' : _b, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
-    var _c = useUserDeviceContext(), isMobile = _c.isMobile, isTablet = _c.isTablet, isDesktop = _c.isDesktop;
-    var directionClass = useDeviceTargetClass(props, {
-        prefix: 'title_direction_',
-        propsKey: 'direction',
-    });
-    var directionWrapperClass = useDeviceTargetClass(props, {
-        prefix: 'title-direction_',
-        propsKey: 'wrapperDirection',
-    });
-    var textColorClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'textColor',
-    });
-    var textColorActiveClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_active_',
-        propsKey: 'textColorActive',
-    });
-    var textColorHoverClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_hover_',
-        propsKey: 'textColorHover',
-    });
-    var svgFillClass = useDeviceTargetClass(props, {
-        prefix: 'svg_fill_',
-        propsKey: 'svgFill',
-    });
-    var svgFillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'svg_fill_hover_',
-        propsKey: 'svgFillHover',
-    });
-    var textAlignClass = useDeviceTargetClass(props, {
-        prefix: 'text-align_',
-        propsKey: 'textAlign',
-    });
-    var typeClass = useDeviceTargetClass(props, {
-        prefix: 'title_type_',
-        propsKey: 'type',
-    });
-    var fillColorClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var textGradientClass = useDeviceTargetClass(props, {
-        prefix: 'text-gradient_',
-        propsKey: 'textColorGradient',
-    });
-    var textStyleClass = useDeviceTargetClass(props, {
-        prefix: 'text-style_',
-        propsKey: 'textStyle',
-    });
-    var weightClass = useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
-    });
-    var textTruncateClass = useDeviceTargetClass(props, {
-        prefix: 'text-truncate_',
-        propsKey: 'textTruncate',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var heightClass = useDeviceTargetClass(props, {
-        prefix: 'height_',
-        propsKey: 'height',
-    });
-    // @ts-expect-error
-    var _d = useStyles(props), titleStyles = _d.styles, titleWrapperStyles = _d.wrapper;
-    var appearanceConfig = appearance && titleConfig.appearance && titleConfig.appearance[appearance];
-    // Element type (h1, h2, ..., h6)
-    var Tag = useMemo(function () {
-        if (tag) {
-            return tag;
-        }
-        if (isMobile && sizeMobile) {
-            return sizeMobile;
-        }
-        if (isTablet && sizeTablet) {
-            return sizeTablet;
-        }
-        if (isDesktop && sizeDesktop) {
-            return sizeDesktop;
-        }
-        return size ? size : 'span';
-    }, [isMobile, isTablet, isDesktop]);
-    return (jsxs(Tag, { className: clsx(className, 'title', fillColorClass, svgFillClass, svgFillHoverClass, widthClass, heightClass, size && "title_size_".concat(size), mode && "title_mode_".concat(mode), directionClass, 'text', textColorClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
-                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, typeClass, textGradientClass, textStyleClass, weightClass, textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass, directionWrapperClass, 'title__wrapper', textTruncateClass), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
-}
-
-export { Title as T, titleConfig as t };

package/dist/Tooltip--c-4Qp04.js

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

package/dist/Tooltip-BswHy19O.js

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

package/dist/cjs/components/ContextMenu.js

@@ -1,52 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Divider = require('../../Divider-BoB-f9Gr.js');
-var Icon = require('../../Icon-C8ACV9r7.js');
-var Text = require('../../Text-R6XNq6Ca.js');
-require('react');
-require('lodash/camelCase');
-require('lodash/castArray');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('../hooks/useStyles.js');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../../tslib.es6-CCZ3TN_7.js');
-require('react-inlinesvg');
-require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Title-DWIc05TX.js');
-
-function ContextMenu(props) {
-    var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'context-menu_shape_',
-        propsKey: 'shape',
-    });
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'context-menu', set && "context-menu_set_".concat(set), shapeClass, fillClass), id: id, onClick: onClick, children: children }));
-}
-
-function ContextMenuItem(props) {
-    var id = props.id, className = props.className, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerSize = props.dividerSize, dividerWidth = props.dividerWidth, iconAfter = props.iconAfter, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeBgFill = props.iconBeforeBgFill, iconBeforeFill = props.iconBeforeFill, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, onClick = props.onClick;
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    return (jsxRuntime.jsxs("div", { className: clsx(className, 'context-menu__item', fillClass, fillHoverClass, onClick && 'cursor_type_pointer'), id: id, onClick: onClick, children: [jsxRuntime.jsxs("div", { className: "context-menu__item-wrapper", children: [iconBefore && (jsxRuntime.jsx(Icon.Icon, { className: "context-menu__item-icon-before", fill: iconBeforeFill, bgFill: iconBeforeBgFill, size: iconBeforeSize, SvgImage: iconBefore })), label && (jsxRuntime.jsx(Text.Text, { className: "context-menu__item-title", size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), iconAfter && (jsxRuntime.jsx(Icon.Icon, { className: "context-menu__item-icon-after", fill: iconAfterFill, bgFill: iconAfterBgFill, size: iconAfterSize, SvgImage: iconAfter }))] }), jsxRuntime.jsx(Divider.Divider, { className: "context-menu__item-divider", width: dividerWidth, fill: dividerFill, direction: dividerDirection, size: dividerSize })] }));
-}
-
-exports.ContextMenu = ContextMenu;
-exports.ContextMenuItem = ContextMenuItem;

package/dist/cjs/components/LanguageSelector.js

@@ -1,33 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var Icon = require('../../Icon-C8ACV9r7.js');
-require('../../tslib.es6-CCZ3TN_7.js');
-require('react');
-require('react-inlinesvg');
-require('../hooks/useDeviceTargetClass.js');
-require('lodash/camelCase');
-require('lodash/castArray');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('../hooks/useStyles.js');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-BswHy19O.js');
-require('../../Text-R6XNq6Ca.js');
-require('../../Title-DWIc05TX.js');
-
-function LanguageSelectorItem(props) {
-    var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;
-    return (jsxRuntime.jsxs("div", { className: clsx('lang__item', isActive && 'lang__item_state_current'), onClick: onClick, children: [SvgImage && jsxRuntime.jsx(Icon.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 (jsxRuntime.jsx("div", { className: clsx(className, 'lang'), children: languagesItems.map(function (languageItem) { return (jsxRuntime.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))); }) }));
-}
-
-exports.LanguageSelector = LanguageSelector;

package/dist/cjs/components/Page.js

@@ -1,48 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.js');
-require('react');
-require('lodash/camelCase');
-require('lodash/castArray');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-
-function Page(props) {
-    var id = props.id, children = props.children, after = props.after, before = props.before, className = props.className, type = props.type;
-    var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'alignDirection',
-    });
-    var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'align',
-    });
-    var resizeHorizontalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'wrapper_resize-horizontal_',
-        propsKey: 'horizontalResizing',
-    });
-    var resizeVerticalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'wrapper_resize-vertical_',
-        propsKey: 'verticalResizing',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'position_',
-        propsKey: 'position',
-    });
-    // @ts-expect-error
-    var _a = useStyles.useStyles(props), styles = _a.styles, wrapperStyles = _a.wrapper;
-    return (jsxRuntime.jsx("div", { className: clsx('page', className, type && "".concat(className, "_type_").concat(type), fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass), id: id, style: styles, children: jsxRuntime.jsxs("div", { className: clsx('page__wrapper', alignDirectionClass, alignClass, 'content'), style: wrapperStyles, children: [before, children, after] }) }));
-}
-
-exports.Page = Page;

package/dist/components/ContextMenu.js

@@ -1,49 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { D as Divider } from '../Divider-DHIuQUsH.js';
-import { I as Icon } from '../Icon-DptCmI_y.js';
-import { T as Text } from '../Text-C4Bg2Mv6.js';
-import 'react';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries.js';
-import 'react-responsive';
-import '../hooks/useStyles.js';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
-import '../tslib.es6-5FtW-kfi.js';
-import 'react-inlinesvg';
-import '../Link-CeQuavin.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Title-YVzIwk68.js';
-
-function ContextMenu(props) {
-    var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'context-menu_shape_',
-        propsKey: 'shape',
-    });
-    return (jsx("div", { className: clsx(className, 'context-menu', set && "context-menu_set_".concat(set), shapeClass, fillClass), id: id, onClick: onClick, children: children }));
-}
-
-function ContextMenuItem(props) {
-    var id = props.id, className = props.className, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerSize = props.dividerSize, dividerWidth = props.dividerWidth, iconAfter = props.iconAfter, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeBgFill = props.iconBeforeBgFill, iconBeforeFill = props.iconBeforeFill, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, onClick = props.onClick;
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    return (jsxs("div", { className: clsx(className, 'context-menu__item', fillClass, fillHoverClass, onClick && 'cursor_type_pointer'), id: id, onClick: onClick, children: [jsxs("div", { className: "context-menu__item-wrapper", children: [iconBefore && (jsx(Icon, { className: "context-menu__item-icon-before", fill: iconBeforeFill, bgFill: iconBeforeBgFill, size: iconBeforeSize, SvgImage: iconBefore })), label && (jsx(Text, { className: "context-menu__item-title", size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), iconAfter && (jsx(Icon, { className: "context-menu__item-icon-after", fill: iconAfterFill, bgFill: iconAfterBgFill, size: iconAfterSize, SvgImage: iconAfter }))] }), jsx(Divider, { className: "context-menu__item-divider", width: dividerWidth, fill: dividerFill, direction: dividerDirection, size: dividerSize })] }));
-}
-
-export { ContextMenu, ContextMenuItem };

package/dist/components/LanguageSelector.js

@@ -1,31 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { I as Icon } from '../Icon-DptCmI_y.js';
-import '../tslib.es6-5FtW-kfi.js';
-import 'react';
-import 'react-inlinesvg';
-import '../hooks/useDeviceTargetClass.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries.js';
-import 'react-responsive';
-import '../hooks/useStyles.js';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
-import '../Link-CeQuavin.js';
-import '../Tooltip--c-4Qp04.js';
-import '../Text-C4Bg2Mv6.js';
-import '../Title-YVzIwk68.js';
-
-function LanguageSelectorItem(props) {
-    var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;
-    return (jsxs("div", { className: clsx('lang__item', isActive && 'lang__item_state_current'), onClick: onClick, children: [SvgImage && 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 (jsx("div", { className: clsx(className, 'lang'), children: languagesItems.map(function (languageItem) { return (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 };