@itcase/ui 1.1.24 → 1.2.0

package/dist/cjs/Accordion-Ba4Use_H.js

@@ -1,186 +0,0 @@
-'use strict';
-
-var _tslib = require('./_tslib-CKiUdo7p.js');
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
-var clsx = require('clsx');
-var castArray = require('lodash/castArray');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-var Icon = require('./Icon-C7ZJyN5o.js');
-var Text = require('./Text-B0SULA92.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var castArray__default = /*#__PURE__*/_interopDefault(castArray);
-
-var ChevronDown16 = function ChevronDown16(props) {
-  return /*#__PURE__*/React__default.default.createElement("svg", props, /*#__PURE__*/React__default.default.createElement("path", {
-    d: "M8 11C8.23051 11 8.42712 10.9233 8.60339 10.764L13.7763 6.16224C13.9254 6.03835 14 5.87316 14 5.68437C14 5.30088 13.661 5 13.2136 5C12.9966 5 12.8 5.0767 12.6508 5.20649L8 9.35398L3.34915 5.20649C3.19322 5.0767 2.99661 5 2.77966 5C2.33898 5 2 5.30089 2 5.68437C2 5.87316 2.07458 6.03835 2.22373 6.16224L7.39661 10.764C7.57288 10.9233 7.76949 10.9941 8 11Z"
-  }));
-};
-ChevronDown16.defaultProps = {
-  width: "16",
-  height: "16",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  stroke: "none"
-};
-var ChevronTop16 = function ChevronTop16(props) {
-  return /*#__PURE__*/React__default.default.createElement("svg", props, /*#__PURE__*/React__default.default.createElement("path", {
-    d: "M8 5C7.76949 5 7.57288 5.0767 7.39661 5.23599L2.22373 9.83776C2.07458 9.96165 2 10.1268 2 10.3156C2 10.6991 2.33898 11 2.78644 11C3.00339 11 3.2 10.9233 3.34915 10.7935L8 6.64602L12.6508 10.7935C12.8068 10.9233 13.0034 11 13.2203 11C13.661 11 14 10.6991 14 10.3156C14 10.1268 13.9254 9.96165 13.7763 9.83776L8.60339 5.23599C8.42712 5.0767 8.23051 5.0059 8 5Z"
-  }));
-};
-ChevronTop16.defaultProps = {
-  width: "16",
-  height: "16",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  stroke: "none"
-};
-const icon16 = {
-  ChevronDown: ChevronDown16,
-  ChevronTop: ChevronTop16
-};
-
-function AccordionItem(props) {
-    var id = props.id, children = props.children, isExpanded = props.isExpanded, afterContent = props.afterContent, beforeContent = props.beforeContent, className = props.className, content = props.content, contentTextColor = props.contentTextColor, contentTextSize = props.contentTextSize, contentTextWeight = props.contentTextWeight, icon = props.icon, _a = props.iconFill, iconFill = _a === void 0 ? 'surfaceItemAccent' : _a, size = props.size, title = props.title, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, onClick = props.onClick;
-    var onClickTitle = React.useCallback(function () {
-        // "!isExpanded" - is next state of expanded
-        var thisItemData = {
-            id: id,
-            isExpanded: !isExpanded,
-            content: content,
-            title: title,
-        };
-        onClick && onClick(thisItemData);
-    }, [id, title, content, isExpanded, onClick]);
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var contentBorderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'contentBorderColor',
-    });
-    var titleBorderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'titleBorderColor',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var contentFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'contentFill',
-    });
-    var titleFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'titleFill',
-    });
-    var titleFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'titleFillHover',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'accordion-item_shape_',
-        propsKey: 'shape',
-    });
-    // @ts-expect-error
-    var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { style: styles, className: clsx__default.default('accordion-item', className, borderColorClass, fillClass, fillHoverClass, shapeClass, size && "accordion-item_size_".concat(size), isExpanded && 'accordion-item_state_open'), children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, className: clsx__default.default('accordion-item__title', titleBorderColorClass, titleFillClass, titleFillHoverClass, 'cursor_type_pointer'), onClick: onClickTitle, children: title }), jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('accordion-item__icon', 'cursor_type_pointer'), onClick: onClickTitle, children: icon || jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { SvgImage: icon16.ChevronDown, iconFill: iconFill, size: "16" }) }), beforeContent && beforeContent, isExpanded && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('accordion-item__content', contentBorderColorClass, contentFillClass, fillHoverClass), children: children ||
-                    (content && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: contentTextSize, textColor: contentTextColor, textWeight: contentTextWeight, children: content }))) })), afterContent && afterContent] }));
-}
-AccordionItem.defaultProps = {
-    iconFill: 'surfaceItemAccent',
-};
-
-function Accordion(props) {
-    var children = props.children, isMultiple = props.isMultiple, className = props.className, _a = props.initial, initial = _a === void 0 ? [] : _a, items = props.items, onClickItem = props.onClickItem;
-    var _b = React.useState(castArray__default.default(initial)), expandedItems = _b[0], setExpandedItems = _b[1];
-    var onClickAccordionItem = React.useCallback(function (targetItem) {
-        setExpandedItems(function (prevState) {
-            var isExpanded = prevState.find(function (id) { return id === targetItem.id; });
-            if (isMultiple) {
-                if (isExpanded) {
-                    // ... without target id
-                    return prevState.filter(function (id) { return id !== targetItem.id; });
-                }
-                else {
-                    // ... with target id
-                    return _tslib.__spreadArray(_tslib.__spreadArray([], prevState, true), [targetItem.id], false);
-                }
-            }
-            else {
-                if (isExpanded) {
-                    return [];
-                }
-                else {
-                    return [targetItem.id];
-                }
-            }
-        });
-        onClickItem && onClickItem(targetItem);
-    }, [isMultiple, onClickItem]);
-    var accordionItemsList = React.useMemo(function () {
-        if (items) {
-            return items.map(function (item, i) { return (jsxRuntime.jsxRuntimeExports.jsx(AccordionItem, { content: item.content, id: item.id, title: item.title, isExpanded: expandedItems.includes(item.id), onClick: onClickAccordionItem }, "accordionItem_".concat(item.id || i + 1))); });
-        }
-        if (children) {
-            // @ts-ignore
-            return React__default.default.Children.toArray(children).map(function (child) {
-                if (React__default.default.isValidElement(child)) {
-                    var childID = child.props.id || child.key;
-                    return React__default.default.cloneElement(child, {
-                        id: childID,
-                        isExpanded: expandedItems.includes(childID),
-                        onClick: onClickAccordionItem,
-                    });
-                }
-                return child;
-            });
-        }
-        return [];
-    }, [children, items, expandedItems, onClickAccordionItem]);
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'accordion_direction_',
-        propsKey: 'direction',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'accordion_shape_',
-        propsKey: 'shape',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    /*
-     * paddingHorizontalWrapper="16px"
-     * paddingHorizontal - styles  (horizontal will be parsed to left/right)
-     * wrapper - target
-     */
-    // @ts-expect-error
-    var _c = useStyles.useStyles(props), accordionStyles = _c.styles, accordionWrapperStyles = _c.wrapper;
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { style: accordionStyles, className: clsx__default.default(className, 'accordion', borderColorClass, directionClass, fillClass, shapeClass, widthClass), children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: "accordion__wrapper", style: accordionWrapperStyles, children: accordionItemsList }) }));
-}
-Accordion.defaultProps = {
-    initial: [],
-};
-
-exports.Accordion = Accordion;
-exports.AccordionItem = AccordionItem;

package/dist/cjs/Avatar-BKK80aBG.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-C7ZJyN5o.js');
-var Image = require('./Image-CCx6QWZj.js');
-var Text = require('./Text-B0SULA92.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-function Avatar(props) {
-    var className = props.className, Dot = props.Dot, icon = props.icon, _a = props.size, size = _a === void 0 ? '96' : _a, after = props.after, before = props.before, src = props.src, type = props.type, mode = props.mode, onClick = props.onClick, _b = props.textSize, textSize = _b === void 0 ? 'l' : _b, _c = props.textColor, textColor = _c === void 0 ? 'surfaceTextTertiary' : _c, _d = props.textWeight, textWeight = _d === void 0 ? '600' : _d, iconSrc = props.iconSrc, iconItemFill = props.iconItemFill, iconShape = props.iconShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillHover = props.iconFillHover, iconFillSize = props.iconFillSize, _e = props.firstName, firstName = _e === void 0 ? '' : _e, _f = props.secondName, secondName = _f === void 0 ? '' : _f;
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'avatar_shape_',
-        propsKey: 'shape',
-    });
-    var avatarChars = React.useMemo(function () {
-        var firstChar = ((firstName === null || firstName === void 0 ? void 0 : firstName[0]) || '').toUpperCase();
-        var secondChar = ((secondName === null || secondName === void 0 ? void 0 : secondName[0]) || '').toUpperCase();
-        return "".concat(firstChar).concat(secondChar);
-    }, [firstName, secondName]);
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'avatar', shapeClass, mode && "avatar_mode_".concat(mode), size && "avatar_size_".concat(size), type && "avatar_type_".concat(type), Dot && 'avatar_status', onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('avatar__wrapper', fillClass, fillHoverClass), children: [before, src ? (jsxRuntime.jsxRuntimeExports.jsx(Image.Image, { className: "avatar__image", shape: "geometric", src: src })) : (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "avatar__name", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars })), (icon || iconSrc) && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), Dot, after] }) }));
-}
-
-exports.Avatar = Avatar;

package/dist/cjs/Breadcrumbs-B7F96CYT.js

@@ -1,96 +0,0 @@
-'use strict';
-
-var _tslib = require('./_tslib-CKiUdo7p.js');
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
-var clsx = require('clsx');
-var camelCase = require('lodash/camelCase');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-var Icon = require('./Icon-C7ZJyN5o.js');
-var Link = require('./Link-DRV1vzHd.js');
-var Text = require('./Text-B0SULA92.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var camelCase__default = /*#__PURE__*/_interopDefault(camelCase);
-
-function BreadcrumbsItem(props) {
-    var children = props.children, className = props.className, cursor = props.cursor, _a = props.set, set = _a === void 0 ? 'default' : _a, text = props.text, textSize = props.textSize, textColor = props.textColor, textColorHover = props.textColorHover, href = props.href, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, onClick = props.onClick;
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'breadcrumbs__item_shape_',
-        propsKey: 'shape',
-    });
-    var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'position_',
-        propsKey: 'position',
-    });
-    var underlineClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-decoration_',
-        propsKey: 'underline',
-    });
-    // @ts-expect-error
-    var itemStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsxs(Link.LinkWrapper, { className: clsx__default.default(className, 'breadcrumbs__item', set && "breadcrumbs__item_set_".concat(set), fillClass, positionClass, shapeClass, underlineClass, onClick && (cursor || 'cursor_type_pointer')), DefaultComponent: "div", href: href, style: itemStyles, onClick: onClick, children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "breadcrumbs__item-text", size: textSize, textColor: textColor, textColorHover: textColorHover, children: text || children }), iconAfter && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { bgFill: iconAfterBgFill, className: "breadcrumbs__item-icon", fill: iconAfterFill, size: iconAfterSize, SvgImage: iconAfter }))] }));
-}
-BreadcrumbsItem.defaultProps = {
-    set: 'default',
-};
-
-function Breadcrumbs(props) {
-    var breadcrumbsList = props.breadcrumbsList, children = props.children, className = props.className, iconAfterSize = props.iconAfterSize, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, itemUnderline = props.itemUnderline, itemTextColor = props.itemTextColor, itemTextColorHover = props.itemTextColorHover, set = props.set, otherProps = _tslib.__rest(props, ["breadcrumbsList", "children", "className", "iconAfterSize", "iconAfterBgFill", "iconAfterFill", "itemUnderline", "itemTextColor", "itemTextColorHover", "set"]);
-    var breadcrumbsItemsList = React.useMemo(function () {
-        if (breadcrumbsList) {
-            var itemProps_1 = Object.entries(otherProps).reduce(function (collectedProps, _a) {
-                var key = _a[0], value = _a[1];
-                if (key.startsWith('item')) {
-                    var propKey = camelCase__default.default(key.replace('item', ''));
-                    // @ts-expect-error
-                    collectedProps[propKey] = value;
-                }
-                return collectedProps;
-            }, {});
-            return breadcrumbsList.map(function (item, i) { return (jsxRuntime.jsxRuntimeExports.jsx(BreadcrumbsItem, _tslib.__assign({ set: i + 1 !== breadcrumbsList.length ? 'default' : 'current', 
-                // @ts-expect-error
-                iconAfter: i + 1 !== breadcrumbsList.length ? itemProps_1.iconAfter : null, iconAfterSize: iconAfterSize, iconAfterBgFill: iconAfterBgFill, iconAfterFill: iconAfterFill, text: item.text, textColor: itemTextColor, textColorHover: itemTextColorHover, underline: itemUnderline, href: item.href }, itemProps_1), "breadcrumbsItem_".concat(item.id || item.text))); });
-        }
-        if (children) {
-            return children;
-        }
-        return [];
-    }, [children, breadcrumbsList, otherProps]);
-    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'direction_',
-        propsKey: 'direction',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'breadcrumbs_shape_',
-        propsKey: 'shape',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'position_',
-        propsKey: 'position',
-    });
-    // @ts-expect-error
-    var breadcrumbsStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'breadcrumbs', widthClass, directionClass, fillClass, positionClass, shapeClass, set && "breadcrumbs_set_".concat(set)), style: breadcrumbsStyles, children: breadcrumbsItemsList }));
-}
-Breadcrumbs.defaultProps = {
-    direction: 'horizontal',
-};
-
-exports.Breadcrumbs = Breadcrumbs;
-exports.BreadcrumbsItem = BreadcrumbsItem;

package/dist/cjs/Caption-f-OM1D-G.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-function Caption(props) {
-    var children = props.children, className = props.className;
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill-gradient_',
-        propsKey: 'fillGradient',
-    });
-    var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'caption_position_',
-        propsKey: 'position',
-    });
-    // @ts-expect-error
-    var captionStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'caption', positionClass, fillClass, fillGradientClass), style: captionStyles, children: children }));
-}
-
-exports.Caption = Caption;

package/dist/cjs/Card-BhnTRJN5.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Image = require('./Image-CCx6QWZj.js');
-var Text = require('./Text-B0SULA92.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-function Card(props) {
-    var children = props.children, className = props.className, size = props.size, src = props.src, text = props.text, textSize = props.textSize, textColor = props.textColor, textTag = props.textTag, title = props.title, titleSize = props.titleSize, titleTag = props.titleTag, titleColor = props.titleColor, image = props.image, imageShape = props.imageShape, type = props.type, onClick = props.onClick;
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'card_shape_',
-        propsKey: 'shape',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'resize-horizontal_',
-        propsKey: 'width',
-    });
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'card', shapeClass, size && "card_size_".concat(size), type && "card_type_".concat(type), widthClass), onClick: onClick, children: jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "card__wrapper", children: [image, src && jsxRuntime.jsxRuntimeExports.jsx(Image.Image, { className: "card__image", shape: imageShape, src: src }), jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "card__data", children: [title && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "card__data-title", size: titleSize, textColor: titleColor, tag: titleTag, children: title })), text && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: textSize, tag: textTag, textColor: textColor, className: "card__data-desc", children: text }))] }), children] }) }));
-}
-Card.defaultProps = {
-    textSize: 'p',
-    titleColor: 'surfaceTextPrimary',
-    titleTag: 'span',
-    titleSize: 'h5',
-    imageShape: 'rounded',
-    textColor: 'surfaceTextPrimary',
-};
-
-exports.Card = Card;

package/dist/cjs/Cell-Bc4BC1e3.js

@@ -1,74 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-C7ZJyN5o.js');
-var Label = require('./Label-C2uLpNrU.js');
-var Text = require('./Text-B0SULA92.js');
-var useStyles = require('./hooks/useStyles.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-function Cell(props) {
-    var after = props.after, before = props.before, className = props.className, isActive = props.isActive, isDisabled = props.isDisabled, mode = props.mode, reverse = props.reverse, set = props.set, showTitleLabel = props.showTitleLabel, showValueLabel = props.showValueLabel, size = props.size, title = props.title, titleIcon = props.titleIcon, titleIconFill = props.titleIconFill, titleIconFillHover = props.titleIconFillHover, titleIconFillSize = props.titleIconFillSize, titleIconItemFill = props.titleIconItemFill, titleIconShape = props.titleIconShape, titleIconSrc = props.titleIconSrc, titleLabel = props.titleLabel, titleLabelAppearance = props.titleLabelAppearance, titleLabelShape = props.titleLabelShape, titleLabelSize = props.titleLabelSize, titleLabelTextSize = props.titleLabelTextSize, titleTag = props.titleTag, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextTruncate = props.titleTextTruncate, titleTextWeight = props.titleTextWeight, titleTextWrap = props.titleTextWrap, value = props.value, valueIcon = props.valueIcon, valueIconFill = props.valueIconFill, valueIconFillHover = props.valueIconFillHover, valueIconFillSize = props.valueIconFillSize, valueIconItemFill = props.valueIconItemFill, valueIconShape = props.valueIconShape, valueIconSrc = props.valueIconSrc, valueLabel = props.valueLabel, valueLabelAppearance = props.valueLabelAppearance, valueLabelShape = props.valueLabelShape, valueLabelSize = props.valueLabelSize, valueLabelTextSize = props.valueLabelTextSize, valueTag = props.valueTag, valueTextAlign = props.valueTextAlign, valueTextColor = props.valueTextColor, valueTextSize = props.valueTextSize, valueTextWeight = props.valueTextWeight, valueTextWrap = props.valueTextWrap, zeroGap = props.zeroGap, zeroPadding = props.zeroPadding, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
-    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 fillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_disabled_',
-        propsKey: 'fillDisabled',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'cell__wrapper_shape_',
-        propsKey: 'shape',
-    });
-    var bgFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'bgFill',
-    });
-    var bgFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'bgFillHover',
-    });
-    var bgFillActiveClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_active_',
-        propsKey: 'bgFillActive',
-    });
-    var bgFillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_disabled_',
-        propsKey: 'bgFillDisabled',
-    });
-    var bgShapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'cell_shape_',
-        propsKey: 'bgShape',
-    });
-    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'cell__wrapper_direction_',
-        propsKey: 'direction',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    // @ts-expect-error
-    var cellStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'cell', mode && "cell_mode_".concat(mode), size && "cell_size_".concat(size), set && "cell_set_".concat(set), bgFillClass, bgFillHoverClass, isActive && bgFillActiveClass, isDisabled && bgFillDisabledClass, bgShapeClass, widthClass, zeroPadding && 'cell_reset-padding', zeroGap && 'cell_reset-gap', reverse && 'cell_reverse'), onClick: onClick, onMouseEnter: onMouseEnter, style: cellStyles, children: [before && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "cell__before", children: before }), jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('cell__wrapper', directionClass, fillClass, fillHoverClass, isActive && fillActiveClass, isDisabled && fillDisabledClass, shapeClass), children: [title && (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "cell__data", children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "cell__title", size: titleTextSize, tag: titleTag, textColor: titleTextColor, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title }), (titleIcon || titleIconSrc) && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { className: "cell__icon", fill: titleIconFill, fillSize: titleIconFillSize, iconFill: titleIconItemFill, iconFillHover: titleIconFillHover, imageSrc: titleIconSrc, shape: titleIconShape, SvgImage: titleIcon })), showTitleLabel && (jsxRuntime.jsxRuntimeExports.jsx(Label.Label, { appearance: titleLabelAppearance, label: titleLabel, labelTextSize: titleLabelTextSize, shape: titleLabelShape, size: titleLabelSize }))] })), value && (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "cell__data", children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "cell__value", size: valueTextSize, tag: valueTag, textAlign: valueTextAlign, textColor: valueTextColor, textWeight: valueTextWeight, textWrap: valueTextWrap, children: value }), (valueIcon || valueIconSrc) && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { className: "cell__icon", fill: valueIconFill, fillSize: valueIconFillSize, iconFill: valueIconItemFill, iconFillHover: valueIconFillHover, imageSrc: valueIconSrc, shape: valueIconShape, SvgImage: valueIcon })), showValueLabel && (jsxRuntime.jsxRuntimeExports.jsx(Label.Label, { appearance: valueLabelAppearance, label: valueLabel, labelTextSize: valueLabelTextSize, shape: valueLabelShape, size: valueLabelSize }))] }))] }), after && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "cell__after", children: after })] }));
-}
-Cell.defaultProps = {
-    isDisabled: false,
-    textSize: 'p',
-};
-
-exports.Cell = Cell;

package/dist/cjs/Checkbox-C5EikmBn.js

@@ -1,94 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Text = require('./Text-B0SULA92.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-var checkboxConfig = {
-    appearance: undefined,
-    setAppearance: function (newComponent) {
-        checkboxConfig.appearance = newComponent;
-    },
-    state: undefined,
-    // eslint-disable-next-line perfectionist/sort-objects
-    setState: function (newComponent) {
-        checkboxConfig.state = newComponent;
-    },
-};
-function Checkbox(props) {
-    var id = props.id, _a = props.Tag, Tag = _a === void 0 ? 'label' : _a, after = props.after, appearance = props.appearance, before = props.before, checked = props.checked, className = props.className, desc = props.desc, descTextColor = props.descTextColor, descTextSize = props.descTextSize, descTextWeight = props.descTextWeight, disabled = props.disabled, label = props.label, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'checkbox_shape_',
-        propsKey: 'shape',
-    });
-    var stateShapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'checkbox__state_shape_',
-        propsKey: 'stateShape',
-    });
-    var stateFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: checked ? 'stateFillChecked' : 'stateFill',
-    });
-    var stateFillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: checked ? 'stateFillDisabledChecked' : 'stateFillDisabled',
-    });
-    var stateCheckmarkFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'checkbox_checkmark_fill_',
-        propsKey: disabled ? 'stateCheckmarkFillDisabled' : 'stateCheckmarkFill',
-    });
-    var stateBorderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'stateBorderWidth',
-    });
-    var stateBorderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: checked ? 'stateBorderColorChecked' : 'stateBorderColor',
-    });
-    var stateBorderColorDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: checked ? 'stateBorderColorDisabledChecked' : 'stateBorderColorDisabled',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    // prettier-ignore
-    var appearanceConfig = (appearance && checkboxConfig.appearance && checkboxConfig.appearance[appearance]);
-    return (jsxRuntime.jsxRuntimeExports.jsxs(Tag, { className: clsx__default.default(className, 'checkbox', fillClass, shapeClass, widthClass), htmlFor: Tag === 'label' && id, children: [before, jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('checkbox__item', stateCheckmarkFillClass ||
-                    ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.stateCheckmarkFill) &&
-                        "checkbox_checkmark_fill_".concat(appearanceConfig.stateCheckmarkFill)
-                            .replace(/([A-Z])/g, '-$1')
-                            .toLowerCase())), children: [jsxRuntime.jsxRuntimeExports.jsx("input", { checked: checked, className: "checkbox__input", disabled: disabled, 
-                        // @ts-expect-error
-                        id: id, type: "checkbox", value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus }), jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('checkbox__state', disabled ? stateFillDisabledClass : stateFillClass, disabled
-                            ? stateBorderColorDisabledClass
-                            : stateBorderColorClass ||
-                                ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.stateBorderColor) &&
-                                    "border-color_".concat(appearanceConfig.stateBorderColor)
-                                        .replace(/([A-Z])/g, '-$1')
-                                        .toLowerCase()), stateShapeClass ||
-                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.stateShape) &&
-                                "checkbox__state_shape_".concat(appearanceConfig.stateShape)
-                                    .replace(/([A-Z])/g, '-$1')
-                                    .toLowerCase()), stateBorderWidthClass ||
-                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.stateBorderWidth) &&
-                                "border-width_".concat(appearanceConfig.stateBorderWidth)
-                                    .replace(/([A-Z])/g, '-$1')
-                                    .toLowerCase())), children: "\u00A0" }), jsxRuntime.jsxRuntimeExports.jsx("div", { className: "checkbox__state-checkmark", children: "\u00A0" })] }), label && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "checkbox__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textWeight: labelTextWeight, children: label })), desc && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "checkbox__desc", size: descTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextSize), textColor: descTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColor), textWeight: descTextWeight, children: desc })), after && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "checkbox__after", children: after })] }));
-}
-Checkbox.defaultProps = {
-    tag: 'label',
-};
-
-exports.Checkbox = Checkbox;
-exports.checkboxConfig = checkboxConfig;

package/dist/cjs/Chips-wl8WgeWZ.js

@@ -1,83 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-var Text = require('./Text-B0SULA92.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-var chipsConfig = {
-    appearance: undefined,
-    setAppearance: function (newComponent) {
-        chipsConfig.appearance = newComponent;
-    },
-};
-function Chips(props) {
-    var children = props.children, isActive = props.isActive, appearance = props.appearance, className = props.className, _a = props.label, label = _a === void 0 ? '' : _a, labelTextActiveColor = props.labelTextActiveColor, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, type = props.type, onClick = props.onClick;
-    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 fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var fillActiveClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_active_',
-        propsKey: 'fillActive',
-    });
-    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'chips_size_',
-        propsKey: 'size',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'chips_shape_',
-        propsKey: 'shape',
-    });
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    var cursorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'cursor_',
-        propsKey: 'cursor',
-    });
-    // @ts-expect-error
-    var chipsStyles = useStyles.useStyles(props).styles;
-    // prettier-ignore
-    var appearanceConfig = (appearance && chipsConfig.appearance && chipsConfig.appearance[appearance]);
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'chips', isActive && 'chips_state_active', isActive
-            ? fillActiveClass ||
-                ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillActive) &&
-                    "fill_".concat(appearanceConfig.fillActive).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()), fillHoverClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
-                "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass, borderColorClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
-                "border-color_".concat(appearanceConfig.borderColor)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderTypeClass, sizeClass, alignDirectionClass, alignClass, type && "chips_type_".concat(type), cursorClass, onClick && 'cursor_type_pointer'), style: chipsStyles, onClick: onClick, children: jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "chips__inner", children: [typeof label === 'string' ? (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "chips__label", size: labelTextSize, textWeight: labelTextWeight, textColor: isActive
-                        ? labelTextActiveColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextActiveColor)
-                        : labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), children: label })) : (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "chips__label", children: label })), children] }) }));
-}
-
-exports.Chips = Chips;
-exports.chipsConfig = chipsConfig;