@itcase/ui 1.1.25 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.1.25",
+  "version": "1.2.1",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -10,60 +10,59 @@
   ],
   "license": "MIT",
   "private": false,
-  "types": "dist/index.d.ts",
+  "types": "dist/types/types/index.d.ts",
   "typesVersions": {
     "*": {
       "components/*": [
-        "dist/components/*/index.d.ts"
+        "dist/types/components/*/*.d.ts"
       ],
       "constants": [
-        "dist/index.d.ts"
+        "dist/types/constants/*.d.ts"
       ],
       "types": [
-        "dist/types/index.d.ts"
+        "dist/types/types/*.d.ts"
       ],
       "constants/*": [
-        "dist/index.d.ts"
+        "dist/types/constants/*.d.ts"
       ],
       "context/*": [
-        "dist/context/index.d.ts"
+        "dist/types/context/*.d.ts"
       ],
       "hooks/*": [
-        "dist/hooks/index.d.ts"
+        "dist/types/hooks/*.d.ts"
       ],
       "stories/*": [
-        "dist/index.d.ts"
+        "dist/types/stories/*.d.ts"
       ]
     }
   },
   "exports": {
+    "./types/components/Modal/Modal.interface": {
+      "import": "./dist/types/components/Modal/Modal.interface.d.ts",
+      "types": "./dist/types/components/Modal/Modal.interface.d.ts"
+    },
     "./components/*": {
-      "types": "./dist/components/*/index.d.ts",
+      "import": "./dist/components/*.js",
       "require": "./dist/cjs/components/*.js",
-      "import": "./dist/components/*.js"
+      "types": "./dist/types/components/*/index.d.ts"
     },
     "./constants": {
-      "types": "./dist/constants/index.d.ts",
-      "require": "./dist/cjs/constants.js",
-      "import": "./dist/constants.js"
-    },
-    "./types": {
-      "types": "./dist/types/index.d.ts"
+      "import": "./dist/constants.js",
+      "require": "./dist/cjs/constants.js"
     },
     "./constants/*": {
-      "types": "./dist/constants/index.d.ts",
-      "require": "./dist/cjs/constants/*.js",
-      "import": "./dist/constants/*.js"
+      "import": "./dist/constants/*.js",
+      "require": "./dist/cjs/constants/*.js"
     },
     "./context/*": {
-      "types": "./dist/context/index.d.ts",
+      "import": "./dist/context/*.js",
       "require": "./dist/cjs/context/*.js",
-      "import": "./dist/context/*.js"
+      "types": "./dist/types/context/*.d.ts"
     },
     "./hooks/*": {
-      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/*.js",
       "require": "./dist/cjs/hooks/*.js",
-      "import": "./dist/hooks/*.js"
+      "types": "./dist/types/hooks/*.d.ts"
     },
     "./stories/*": "./dist/stories/*.js"
   },
@@ -90,7 +89,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@itcase/common": "^1.2.6",
+    "@itcase/common": "^1.2.7",
     "clsx": "^2.1.1",
     "html5-boilerplate": "^9.0.1",
     "js-cookie": "^3.0.5",
@@ -105,7 +104,7 @@
     "react-dom": "^18.3.1",
     "react-indiana-drag-scroll": "^3.0.3-alpha",
     "react-inlinesvg": "^4.1.3",
-    "react-modern-drawer": "^1.3.1",
+    "react-modern-drawer": "^1.4.0",
     "react-otp-input": "^3.1.1",
     "react-paginate": "^8.2.0",
     "react-responsive": "^10.0.0",
@@ -116,19 +115,20 @@
     "uuid": "^10.0.0"
   },
   "devDependencies": {
-    "@itcase/lint": "^1.0.8",
+    "@itcase/lint": "^1.0.10",
     "@babel/core": "^7.25.2",
     "@babel/eslint-parser": "^7.25.1",
     "@babel/eslint-plugin": "^7.25.1",
     "@babel/preset-env": "^7.25.3",
     "@babel/preset-react": "^7.24.7",
-    "@commitlint/cli": "^19.3.0",
+    "@commitlint/cli": "^19.4.0",
     "@commitlint/config-conventional": "^19.2.2",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.6",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/release-notes-generator": "14.0.1",
@@ -143,9 +143,9 @@
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^8.0.0",
-    "eslint": "9.8.0",
+    "eslint": "9.9.0",
     "husky": "^9.1.4",
-    "lint-staged": "^15.2.8",
+    "lint-staged": "^15.2.9",
     "npm": "^10.8.2",
     "postcss": "^8.4.41",
     "postcss-aspect-ratio-polyfill": "^2.0.0",
@@ -153,7 +153,7 @@
     "postcss-combine-duplicated-selectors": "^10.0.3",
     "postcss-csso": "^6.0.1",
     "postcss-dark-theme-class": "^1.3.0",
-    "postcss-discard-duplicates": "^7.0.0",
+    "postcss-discard-duplicates": "^7.0.1",
     "postcss-each": "^1.1.0",
     "postcss-easings": "^4.0.0",
     "postcss-flexbugs-fixes": "^5.0.2",
@@ -165,7 +165,7 @@
     "postcss-nested-ancestors": "^3.0.0",
     "postcss-normalize": "^10.0.1",
     "postcss-prepend-imports": "^1.0.1",
-    "postcss-preset-env": "^10.0.0",
+    "postcss-preset-env": "^10.0.1",
     "postcss-pxtorem": "^6.1.0",
     "postcss-responsive-type": "github:ITCase/postcss-responsive-type",
     "postcss-sort-media-queries": "^5.2.0",
@@ -174,11 +174,9 @@
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-typescript2": "^0.36.0",
     "rollup-preserve-directives": "^1.1.1",
     "semantic-release": "^24.0.0",
-    "stylelint": "^16.8.1",
-    "tslib": "^2.6.3",
+    "stylelint": "^16.8.2",
     "typescript": "^5.5.4"
   }
 }

package/dist/Accordion-FIIzpSgl.js

@@ -1,177 +0,0 @@
-import { b as __spreadArray } from './_tslib-S-VPg1Cw.js';
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import React__default, { useCallback, useState, useMemo } from 'react';
-import clsx from 'clsx';
-import castArray from 'lodash/castArray';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-BLqnXYOO.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
-
-var ChevronDown16 = function ChevronDown16(props) {
-  return /*#__PURE__*/React__default.createElement("svg", props, /*#__PURE__*/React__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.createElement("svg", props, /*#__PURE__*/React__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 = 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(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var contentBorderColorClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'contentBorderColor',
-    });
-    var titleBorderColorClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'titleBorderColor',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var contentFillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'contentFill',
-    });
-    var titleFillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'titleFill',
-    });
-    var titleFillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'titleFillHover',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'accordion-item_shape_',
-        propsKey: 'shape',
-    });
-    // @ts-expect-error
-    var styles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsxs("div", { style: styles, className: clsx('accordion-item', className, borderColorClass, fillClass, fillHoverClass, shapeClass, size && "accordion-item_size_".concat(size), isExpanded && 'accordion-item_state_open'), children: [jsxRuntimeExports.jsx(Text, { size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, className: clsx('accordion-item__title', titleBorderColorClass, titleFillClass, titleFillHoverClass, 'cursor_type_pointer'), onClick: onClickTitle, children: title }), jsxRuntimeExports.jsx("div", { className: clsx('accordion-item__icon', 'cursor_type_pointer'), onClick: onClickTitle, children: icon || jsxRuntimeExports.jsx(Icon, { SvgImage: icon16.ChevronDown, iconFill: iconFill, size: "16" }) }), beforeContent && beforeContent, isExpanded && (jsxRuntimeExports.jsx("div", { className: clsx('accordion-item__content', contentBorderColorClass, contentFillClass, fillHoverClass), children: children ||
-                    (content && (jsxRuntimeExports.jsx(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 = useState(castArray(initial)), expandedItems = _b[0], setExpandedItems = _b[1];
-    var onClickAccordionItem = 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 __spreadArray(__spreadArray([], prevState, true), [targetItem.id], false);
-                }
-            }
-            else {
-                if (isExpanded) {
-                    return [];
-                }
-                else {
-                    return [targetItem.id];
-                }
-            }
-        });
-        onClickItem && onClickItem(targetItem);
-    }, [isMultiple, onClickItem]);
-    var accordionItemsList = useMemo(function () {
-        if (items) {
-            return items.map(function (item, i) { return (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.Children.toArray(children).map(function (child) {
-                if (React__default.isValidElement(child)) {
-                    var childID = child.props.id || child.key;
-                    return React__default.cloneElement(child, {
-                        id: childID,
-                        isExpanded: expandedItems.includes(childID),
-                        onClick: onClickAccordionItem,
-                    });
-                }
-                return child;
-            });
-        }
-        return [];
-    }, [children, items, expandedItems, onClickAccordionItem]);
-    var borderColorClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var directionClass = useDeviceTargetClass(props, {
-        prefix: 'accordion_direction_',
-        propsKey: 'direction',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'accordion_shape_',
-        propsKey: 'shape',
-    });
-    var widthClass = 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(props), accordionStyles = _c.styles, accordionWrapperStyles = _c.wrapper;
-    return (jsxRuntimeExports.jsx("div", { style: accordionStyles, className: clsx(className, 'accordion', borderColorClass, directionClass, fillClass, shapeClass, widthClass), children: jsxRuntimeExports.jsx("div", { className: "accordion__wrapper", style: accordionWrapperStyles, children: accordionItemsList }) }));
-}
-Accordion.defaultProps = {
-    initial: [],
-};
-
-export { Accordion as A, AccordionItem as a };

package/dist/Avatar-DR2A8Na8.js

@@ -1,31 +0,0 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import { useMemo } from 'react';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-BLqnXYOO.js';
-import { I as Image } from './Image-Bz4Fo3eB.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
-
-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(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'avatar_shape_',
-        propsKey: 'shape',
-    });
-    var avatarChars = 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 (jsxRuntimeExports.jsx("div", { className: clsx(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: jsxRuntimeExports.jsxs("div", { className: clsx('avatar__wrapper', fillClass, fillHoverClass), children: [before, src ? (jsxRuntimeExports.jsx(Image, { className: "avatar__image", shape: "geometric", src: src })) : (jsxRuntimeExports.jsx(Text, { className: "avatar__name", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars })), (icon || iconSrc) && (jsxRuntimeExports.jsx(Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), Dot, after] }) }));
-}
-
-export { Avatar as A };

package/dist/Breadcrumbs-CDKi6gOC.js

@@ -1,88 +0,0 @@
-import { a as __rest, _ as __assign } from './_tslib-S-VPg1Cw.js';
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import { useMemo } from 'react';
-import clsx from 'clsx';
-import camelCase from 'lodash/camelCase';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-BLqnXYOO.js';
-import { a as LinkWrapper } from './Link-DtzAAQn8.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
-
-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(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'breadcrumbs__item_shape_',
-        propsKey: 'shape',
-    });
-    var positionClass = useDeviceTargetClass(props, {
-        prefix: 'position_',
-        propsKey: 'position',
-    });
-    var underlineClass = useDeviceTargetClass(props, {
-        prefix: 'text-decoration_',
-        propsKey: 'underline',
-    });
-    // @ts-expect-error
-    var itemStyles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx(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: [jsxRuntimeExports.jsx(Text, { className: "breadcrumbs__item-text", size: textSize, textColor: textColor, textColorHover: textColorHover, children: text || children }), iconAfter && (jsxRuntimeExports.jsx(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 = __rest(props, ["breadcrumbsList", "children", "className", "iconAfterSize", "iconAfterBgFill", "iconAfterFill", "itemUnderline", "itemTextColor", "itemTextColorHover", "set"]);
-    var breadcrumbsItemsList = 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(key.replace('item', ''));
-                    // @ts-expect-error
-                    collectedProps[propKey] = value;
-                }
-                return collectedProps;
-            }, {});
-            return breadcrumbsList.map(function (item, i) { return (jsxRuntimeExports.jsx(BreadcrumbsItem, __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(props, {
-        prefix: 'direction_',
-        propsKey: 'direction',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'breadcrumbs_shape_',
-        propsKey: 'shape',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var positionClass = useDeviceTargetClass(props, {
-        prefix: 'position_',
-        propsKey: 'position',
-    });
-    // @ts-expect-error
-    var breadcrumbsStyles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'breadcrumbs', widthClass, directionClass, fillClass, positionClass, shapeClass, set && "breadcrumbs_set_".concat(set)), style: breadcrumbsStyles, children: breadcrumbsItemsList }));
-}
-Breadcrumbs.defaultProps = {
-    direction: 'horizontal',
-};
-
-export { Breadcrumbs as B, BreadcrumbsItem as a };

package/dist/Button-CSzPxWyC.js

@@ -1,90 +0,0 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import React__default from 'react';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-BLqnXYOO.js';
-import { a as LinkWrapper } from './Link-DtzAAQn8.js';
-import { L as Loader } from './Loader-VCP1ZNcb.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
-
-var buttonConfig = {
-    appearance: undefined,
-    setAppearance: function (newComponent) {
-        buttonConfig.appearance = newComponent;
-    },
-};
-var Button = React__default.forwardRef(function Button(props, ref) {
-    var before = props.before, appearance = props.appearance, after = props.after, className = props.className, dataTour = props.dataTour, dataTestId = props.dataTestId, Badge = props.Badge, children = props.children, fillIcon = props.fillIcon, fillIconAfter = props.fillIconAfter, fillIconBefore = props.fillIconBefore, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextSizeMobile = props.labelTextSizeMobile, labelTextWeight = props.labelTextWeight, 
-    // @ts-expect-error
-    labelTextTruncate = props.labelTextTruncate, 
-    // @ts-expect-error
-    labelTextWidth = props.labelTextWidth, labelTextWrap = props.labelTextWrap, _a = props.loaderSet, loaderSet = _a === void 0 ? 'simple' : _a, loaderFill = props.loaderFill, loaderItemFill = props.loaderItemFill, link = props.link, href = props.href, target = props.target, rel = props.rel; props.size; var icon = props.icon, iconShape = props.iconShape, iconAfterShape = props.iconAfterShape, iconBeforeShape = props.iconBeforeShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillSize = props.iconFillSize, iconBeforeFill = props.iconBeforeFill, iconBeforeFillSize = props.iconBeforeFillSize, iconAfterFill = props.iconAfterFill, iconAfterFillSize = props.iconAfterFillSize, iconAfterSrc = props.iconAfterSrc, iconBeforeSrc = props.iconBeforeSrc, iconSrc = props.iconSrc, set = props.set, _c = props.loading, loading = _c === void 0 ? false : _c, _d = props.htmlType, htmlType = _d === void 0 ? 'button' : _d; props.width; var isDisabled = props.isDisabled, onClick = props.onClick, onMouseDown = props.onMouseDown;
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'button_width_',
-        propsKey: 'width',
-    });
-    var sizeClass = useDeviceTargetClass(props, {
-        prefix: 'button_size_',
-        propsKey: 'size',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var borderWidthClass = useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderColorClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'button_shape_',
-        propsKey: 'shape',
-    });
-    var borderTypeClass = useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    var elevationClass = useDeviceTargetClass(props, {
-        prefix: 'elevation_',
-        propsKey: 'elevation',
-    });
-    // @ts-expect-error
-    var _f = useStyles(props), buttonStyles = _f.styles, labelStyles = _f.label;
-    var appearanceConfig = appearance && buttonConfig.appearance && buttonConfig.appearance[appearance];
-    return (jsxRuntimeExports.jsx(LinkWrapper, { className: clsx(className, 'button', label && 'button_type_label', borderColorClass ? 'button_set_outlined' : set ? "button_set_".concat(set) : 'button_set_filled', borderWidthClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
-                "border-width_".concat(appearanceConfig.borderWidth)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderColorClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
-                "border-color_".concat(appearanceConfig.borderColor)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderTypeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderType) &&
-                "border-type_".concat(appearanceConfig.borderType).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, sizeClass, widthClass, elevationClass, onClick && 'cursor_type_pointer', isDisabled && 'cursor_type_default', Badge && 'button_type_badge', !label &&
-            (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc || icon || iconSrc) &&
-            'button_type_icon', label &&
-            (after ||
-                before ||
-                icon ||
-                iconAfter ||
-                iconAfterSrc ||
-                iconBefore ||
-                iconBeforeSrc ||
-                iconSrc) &&
-            'button_type_with-icon', loading && 'button_state_loading button_type_loader'), "data-test-id": dataTestId && "".concat(dataTestId, "Button"), "data-tour": dataTour, DefaultComponent: "button", disabled: isDisabled, href: link || href, rel: rel, style: buttonStyles, target: target, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, children: jsxRuntimeExports.jsxs("div", { className: "button__wrapper", ref: ref, children: [loading && (jsxRuntimeExports.jsx(Loader, { className: "button__loader", fill: loaderFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderFill), itemFill: loaderItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderItemFill), set: loaderSet })), before, (iconBefore || iconBeforeSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon_before", fill: fillIconBefore, fillSize: iconBeforeFillSize, iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc, shape: iconBeforeShape, size: iconBeforeSize, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon", fill: fillIcon, fillSize: iconFillSize, iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), imageSrc: iconSrc, shape: iconShape, size: iconSize, SvgImage: icon })), (children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsxRuntimeExports.jsx(Text, { className: "button__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize) || undefined, sizeMobile: labelTextSizeMobile, style: labelStyles, textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, width: labelTextWidth, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsxRuntimeExports.jsx(Icon, { SvgImage: iconAfter, className: "button__icon_after", fill: fillIconAfter, fillSize: iconAfterFillSize, iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc, shape: iconAfterShape, size: iconAfterSize })), Badge, after] }) }));
-});
-
-export { Button as B, buttonConfig as b };

package/dist/Caption-DDh0VFPJ.js

@@ -1,25 +0,0 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-
-function Caption(props) {
-    var children = props.children, className = props.className;
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillGradientClass = useDeviceTargetClass(props, {
-        prefix: 'fill-gradient_',
-        propsKey: 'fillGradient',
-    });
-    var positionClass = useDeviceTargetClass(props, {
-        prefix: 'caption_position_',
-        propsKey: 'position',
-    });
-    // @ts-expect-error
-    var captionStyles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'caption', positionClass, fillClass, fillGradientClass), style: captionStyles, children: children }));
-}
-
-export { Caption as C };

package/dist/Card-CvW4Qozl.js

@@ -1,28 +0,0 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Image } from './Image-Bz4Fo3eB.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
-
-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(props, {
-        prefix: 'card_shape_',
-        propsKey: 'shape',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'resize-horizontal_',
-        propsKey: 'width',
-    });
-    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'card', shapeClass, size && "card_size_".concat(size), type && "card_type_".concat(type), widthClass), onClick: onClick, children: jsxRuntimeExports.jsxs("div", { className: "card__wrapper", children: [image, src && jsxRuntimeExports.jsx(Image, { className: "card__image", shape: imageShape, src: src }), jsxRuntimeExports.jsxs("div", { className: "card__data", children: [title && (jsxRuntimeExports.jsx(Text, { className: "card__data-title", size: titleSize, textColor: titleColor, tag: titleTag, children: title })), text && (jsxRuntimeExports.jsx(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',
-};
-
-export { Card as C };