@itcase/ui 1.1.24 → 1.2.0

package/dist/{cjs/Input-vwyG3XF0.js → Input-C7gBdx1m.js}

@@ -1,14 +1,9 @@
 'use strict';
 
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 
 var inputConfig = {
     appearance: undefined,
@@ -21,7 +16,7 @@ var inputConfig = {
         inputConfig.state = newComponent;
     },
 };
-var Input = React__default.default.forwardRef(function Input(props, ref) {
+var Input = React.forwardRef(function Input(props, ref) {
     var id = props.id, isDisabled = props.isDisabled, appearance = props.appearance, className = props.className, dataTestId = props.dataTestId, index = props.index, name = props.name, placeholder = props.placeholder, state = props.state, type = props.type, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'fill_',
@@ -90,9 +85,9 @@ var Input = React__default.default.forwardRef(function Input(props, ref) {
     // prettier-ignore
     var appearanceConfig = (appearance && inputConfig.appearance && inputConfig.appearance[appearance]);
     var stateConfig = state && inputConfig.state && inputConfig.state[state];
-    return (jsxRuntime.jsxRuntimeExports.jsx("input", { "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), disabled: isDisabled, id: String(id), 
+    return (jsxRuntime.jsx("input", { "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), disabled: isDisabled, id: String(id), 
         // @ts-ignore
-        index: index, placeholder: placeholder, ref: ref, type: type, value: value, className: clsx__default.default(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, !isDisabled ? fillClass : fillDisabledClass, shapeClass ||
+        index: index, placeholder: placeholder, ref: ref, type: type, value: value, className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, !isDisabled ? fillClass : fillDisabledClass, shapeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
                 "input_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), textSizeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize) &&

package/dist/{Label-c3hONOHC.js → Label-BA_CnRBq.js}

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
-import { T as Tooltip } from './Tooltip-IVq3_vb4.js';
+import { T as Text } from './Text-CG3xPG27.js';
+import { T as Tooltip } from './Tooltip-DJufHBiQ.js';
 
 var labelConfig = {
     appearance: undefined,
@@ -66,7 +66,7 @@ function Label(props) {
     // @ts-expect-error
     var labelStyles = useStyles(props).styles;
     var appearanceConfig = appearance && labelConfig.appearance && labelConfig.appearance[appearance];
-    return (jsxRuntimeExports.jsxs("div", { className: clsx(className, 'label', fillClass ||
+    return (jsxs("div", { className: clsx(className, 'label', fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
@@ -74,7 +74,7 @@ function Label(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
                 "label_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), borderColorClass, borderTypeClass, sizeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
-                "label_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), wrapClass, widthClass, alignDirectionClass, alignClass, type && "label_type_".concat(type), set && "label_set_".concat(set), mode && "label_mode_".concat(mode), onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, jsxRuntimeExports.jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsxRuntimeExports.jsx(Text, { className: "label__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textWeight: labelTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextWeight), textWrap: labelTextWrap, children: label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })) : (jsxRuntimeExports.jsx("div", { className: "label__label", children: label })), children, showTooltip && (jsxRuntimeExports.jsx(Tooltip, { alignment: tooltipAlignment, appearance: tooltipAppearance, arrowPosition: tooltipArrowPosition, className: "label__tooltip", 
+                "label_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), wrapClass, widthClass, alignDirectionClass, alignClass, type && "label_type_".concat(type), set && "label_set_".concat(set), mode && "label_mode_".concat(mode), onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsx(Text, { className: "label__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textWeight: labelTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextWeight), textWrap: labelTextWrap, children: label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })) : (jsx("div", { className: "label__label", children: label })), children, showTooltip && (jsx(Tooltip, { alignment: tooltipAlignment, appearance: tooltipAppearance, arrowPosition: tooltipArrowPosition, className: "label__tooltip", 
                         // @ts-expect-error
                         ref: tooltipRef, text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize, children: tooltipContent }))] }), after] }));
 }

package/dist/{cjs/Label-C2uLpNrU.js → Label-CpSzGRtr.js}

@@ -1,16 +1,12 @@
 'use strict';
 
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-var Text = require('./Text-B0SULA92.js');
-var Tooltip = require('./Tooltip-DREz-tP6.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
+var useStyles = require('./cjs/hooks/useStyles.js');
+var Text = require('./Text-_YhyTsQ1.js');
+var Tooltip = require('./Tooltip-DkTKx9n-.js');
 
 var labelConfig = {
     appearance: undefined,
@@ -72,7 +68,7 @@ function Label(props) {
     // @ts-expect-error
     var labelStyles = useStyles.useStyles(props).styles;
     var appearanceConfig = appearance && labelConfig.appearance && labelConfig.appearance[appearance];
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'label', fillClass ||
+    return (jsxRuntime.jsxs("div", { className: clsx(className, 'label', fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
@@ -80,7 +76,7 @@ function Label(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
                 "label_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), borderColorClass, borderTypeClass, sizeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
-                "label_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), wrapClass, widthClass, alignDirectionClass, alignClass, type && "label_type_".concat(type), set && "label_set_".concat(set), mode && "label_mode_".concat(mode), onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "label__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textWeight: labelTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextWeight), textWrap: labelTextWrap, children: label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })) : (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "label__label", children: label })), children, showTooltip && (jsxRuntime.jsxRuntimeExports.jsx(Tooltip.Tooltip, { alignment: tooltipAlignment, appearance: tooltipAppearance, arrowPosition: tooltipArrowPosition, className: "label__tooltip", 
+                "label_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), wrapClass, widthClass, alignDirectionClass, alignClass, type && "label_type_".concat(type), set && "label_set_".concat(set), mode && "label_mode_".concat(mode), onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, jsxRuntime.jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsxRuntime.jsx(Text.Text, { className: "label__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textWeight: labelTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextWeight), textWrap: labelTextWrap, children: label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })) : (jsxRuntime.jsx("div", { className: "label__label", children: label })), children, showTooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { alignment: tooltipAlignment, appearance: tooltipAppearance, arrowPosition: tooltipArrowPosition, className: "label__tooltip", 
                         // @ts-expect-error
                         ref: tooltipRef, text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize, children: tooltipContent }))] }), after] }));
 }

package/dist/{Link-DtzAAQn8.js → Link-Bqu5amIb.js}

@@ -1,6 +1,6 @@
-import { a as __rest, _ as __assign } from './_tslib-S-VPg1Cw.js';
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import React__default from 'react';
+import { a as __rest, _ as __assign } from './tslib.es6-S-VPg1Cw.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
@@ -63,7 +63,7 @@ function Link(props) {
     });
     // @ts-expect-error
     var styles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass, heightClass, directionClass, sizeClass, svgFillClass, svgFillHoverClass, underline && "link_underline_".concat(underline), 'text', (textColorClass ||
+    return (jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass, heightClass, directionClass, sizeClass, svgFillClass, svgFillHoverClass, underline && "link_underline_".concat(underline), 'text', (textColorClass ||
             textColorHoverClass ||
             textGradientClass ||
             textStyleClass ||
@@ -80,18 +80,18 @@ function LinkWrapper(props) {
         // If href passed, make link-wrapper
         var LinkComponent = Component || linkConfig.LinkComponent;
         if (LinkComponent) {
-            return (jsxRuntimeExports.jsx(LinkComponent, __assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
+            return (jsx(LinkComponent, __assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
         }
     }
     else if (DefaultComponent) {
         // If has default "Component" - render it
-        return jsxRuntimeExports.jsx(DefaultComponent, __assign({}, otherProps, { children: children }));
+        return jsx(DefaultComponent, __assign({}, otherProps, { children: children }));
     }
     // Return children and pass current props to
-    return React__default.Children.toArray(children)
+    return React.Children.toArray(children)
         .filter(Boolean)
         .map(function (child) {
-        return React__default.isValidElement(child) ? React__default.cloneElement(child, otherProps) : child;
+        return React.isValidElement(child) ? React.cloneElement(child, otherProps) : child;
     });
 }
 

package/dist/{cjs/Link-DRV1vzHd.js → Link-DQxoFKhI.js}

@@ -1,16 +1,11 @@
 'use strict';
 
-var _tslib = require('./_tslib-CKiUdo7p.js');
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var tslib_es6 = require('./tslib.es6-CKiUdo7p.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 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 React__default = /*#__PURE__*/_interopDefault(React);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
+var useStyles = require('./cjs/hooks/useStyles.js');
 
 var linkConfig = {
     LinkComponent: 'a',
@@ -70,7 +65,7 @@ function Link(props) {
     });
     // @ts-expect-error
     var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx__default.default(className, 'link', widthClass, heightClass, directionClass, sizeClass, svgFillClass, svgFillHoverClass, underline && "link_underline_".concat(underline), 'text', (textColorClass ||
+    return (jsxRuntime.jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass, heightClass, directionClass, sizeClass, svgFillClass, svgFillHoverClass, underline && "link_underline_".concat(underline), 'text', (textColorClass ||
             textColorHoverClass ||
             textGradientClass ||
             textStyleClass ||
@@ -82,23 +77,23 @@ Link.defaultProps = {
 };
 // Wrapper with "Link" by condition
 function LinkWrapper(props) {
-    var children = props.children, Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, target = props.target, rel = props.rel, otherProps = _tslib.__rest(props, ["children", "Component", "DefaultComponent", "href", "target", "rel"]);
+    var children = props.children, Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, target = props.target, rel = props.rel, otherProps = tslib_es6.__rest(props, ["children", "Component", "DefaultComponent", "href", "target", "rel"]);
     if (href) {
         // If href passed, make link-wrapper
         var LinkComponent = Component || linkConfig.LinkComponent;
         if (LinkComponent) {
-            return (jsxRuntime.jsxRuntimeExports.jsx(LinkComponent, _tslib.__assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
+            return (jsxRuntime.jsx(LinkComponent, tslib_es6.__assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
         }
     }
     else if (DefaultComponent) {
         // If has default "Component" - render it
-        return jsxRuntime.jsxRuntimeExports.jsx(DefaultComponent, _tslib.__assign({}, otherProps, { children: children }));
+        return jsxRuntime.jsx(DefaultComponent, tslib_es6.__assign({}, otherProps, { children: children }));
     }
     // Return children and pass current props to
-    return React__default.default.Children.toArray(children)
+    return React.Children.toArray(children)
         .filter(Boolean)
         .map(function (child) {
-        return React__default.default.isValidElement(child) ? React__default.default.cloneElement(child, otherProps) : child;
+        return React.isValidElement(child) ? React.cloneElement(child, otherProps) : child;
     });
 }
 

package/dist/{Loader-VCP1ZNcb.js → Loader-CJ8ZCdwy.js}

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
+import { T as Text } from './Text-CG3xPG27.js';
 
 // TODO: is better to use context?
 var loaderConfig = {
@@ -46,7 +46,7 @@ function Loader(props) {
     var temporaryItemFillClass = itemFillClass ||
         ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.itemFill) &&
             "fill_".concat((_a = appearanceConfig.itemFill) === null || _a === void 0 ? void 0 : _a.replace(/([A-Z])/g, '-$1')).toLowerCase());
-    return (jsxRuntimeExports.jsxs("div", { className: clsx('loader', positionClass, widthClass, heightClass, temporaryFillClass, className, set && "loader_set_".concat(set)), style: loader, children: [children || (jsxRuntimeExports.jsxs("div", { className: "loader__inner", children: [jsxRuntimeExports.jsx("span", { className: clsx('loader__item', temporaryItemFillClass) }), jsxRuntimeExports.jsx("span", { className: clsx('loader__item', temporaryItemFillClass) }), jsxRuntimeExports.jsx("span", { className: clsx('loader__item', temporaryItemFillClass) })] })), text && (jsxRuntimeExports.jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
+    return (jsxs("div", { className: clsx('loader', positionClass, widthClass, heightClass, temporaryFillClass, className, set && "loader_set_".concat(set)), style: loader, children: [children || (jsxs("div", { className: "loader__inner", children: [jsx("span", { className: clsx('loader__item', temporaryItemFillClass) }), jsx("span", { className: clsx('loader__item', temporaryItemFillClass) }), jsx("span", { className: clsx('loader__item', temporaryItemFillClass) })] })), text && (jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
 }
 
 export { Loader as L, loaderConfig as l };

package/dist/{cjs/Loader-C2D6fJk1.js → Loader-fA11tUEJ.js}

@@ -1,14 +1,10 @@
 'use strict';
 
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var jsxRuntime = require('react/jsx-runtime');
 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 useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
+var useStyles = require('./cjs/hooks/useStyles.js');
+var Text = require('./Text-_YhyTsQ1.js');
 
 // TODO: is better to use context?
 var loaderConfig = {
@@ -52,7 +48,7 @@ function Loader(props) {
     var temporaryItemFillClass = itemFillClass ||
         ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.itemFill) &&
             "fill_".concat((_a = appearanceConfig.itemFill) === null || _a === void 0 ? void 0 : _a.replace(/([A-Z])/g, '-$1')).toLowerCase());
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('loader', positionClass, widthClass, heightClass, temporaryFillClass, className, set && "loader_set_".concat(set)), style: loader, children: [children || (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "loader__inner", children: [jsxRuntime.jsxRuntimeExports.jsx("span", { className: clsx__default.default('loader__item', temporaryItemFillClass) }), jsxRuntime.jsxRuntimeExports.jsx("span", { className: clsx__default.default('loader__item', temporaryItemFillClass) }), jsxRuntime.jsxRuntimeExports.jsx("span", { className: clsx__default.default('loader__item', temporaryItemFillClass) })] })), text && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
+    return (jsxRuntime.jsxs("div", { className: clsx('loader', positionClass, widthClass, heightClass, temporaryFillClass, className, set && "loader_set_".concat(set)), style: loader, children: [children || (jsxRuntime.jsxs("div", { className: "loader__inner", children: [jsxRuntime.jsx("span", { className: clsx('loader__item', temporaryItemFillClass) }), jsxRuntime.jsx("span", { className: clsx('loader__item', temporaryItemFillClass) }), jsxRuntime.jsx("span", { className: clsx('loader__item', temporaryItemFillClass) })] })), text && (jsxRuntime.jsx(Text.Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
 }
 
 exports.Loader = Loader;

package/dist/{MenuItem-BbU9r8_D.js → MenuItem-CNJfj0nV.js}

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { L as Link } from './Link-DtzAAQn8.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
+import { L as Link } from './Link-Bqu5amIb.js';
+import { T as Text } from './Text-CG3xPG27.js';
 
 var menuItemConfig = {
     appearance: undefined,
@@ -69,8 +69,8 @@ function MenuItem(props) {
     // @ts-expect-error
     var menuItem = useStyles(props).styles;
     var appearanceConfig = appearance && menuItemConfig.appearance && menuItemConfig.appearance[appearance];
-    return (jsxRuntimeExports.jsx("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass, className, sizeClass, fillClass ||
-            (appearance && "fill_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass, typeClass, widthClass, set && "menu-item_set_".concat(set), justifyContentClass), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxRuntimeExports.jsx(Link, { className: clsx('menu-item__label', alignDirectionClass, alignClass), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxRuntimeExports.jsxs(React__default.Fragment, { children: [before, children || (jsxRuntimeExports.jsxs(React__default.Fragment, { children: [label && (jsxRuntimeExports.jsx(Text, { className: "menu-item__label", size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textColorActive: isActive && (textColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorActive)), textColorHover: textColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorHover), textColorGradient: textGradient, textStyle: textStyle, textWeight: textWeight, textWrap: textWrap, children: label })), desc && (jsxRuntimeExports.jsx(Text, { className: "menu-item__desc", size: descTextSize, textColor: descTextColor, textColorHover: descTextColorHover, textColorGradient: descTextGradient, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
+    return (jsx("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass, className, sizeClass, fillClass ||
+            (appearance && "fill_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass, typeClass, widthClass, set && "menu-item_set_".concat(set), justifyContentClass), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsx(Link, { className: clsx('menu-item__label', alignDirectionClass, alignClass), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxs(React.Fragment, { children: [before, children || (jsxs(React.Fragment, { children: [label && (jsx(Text, { className: "menu-item__label", size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textColorActive: isActive && (textColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorActive)), textColorHover: textColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorHover), textColorGradient: textGradient, textStyle: textStyle, textWeight: textWeight, textWrap: textWrap, children: label })), desc && (jsx(Text, { className: "menu-item__desc", size: descTextSize, textColor: descTextColor, textColorHover: descTextColorHover, textColorGradient: descTextGradient, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
 }
 MenuItem.defaultProps = {
     size: 'm',

package/dist/{cjs/MenuItem-D6T9WRQk.js → MenuItem-DvIFaWkB.js}

@@ -1,17 +1,12 @@
 'use strict';
 
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-var Link = require('./Link-DRV1vzHd.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 useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
+var useStyles = require('./cjs/hooks/useStyles.js');
+var Link = require('./Link-DQxoFKhI.js');
+var Text = require('./Text-_YhyTsQ1.js');
 
 var menuItemConfig = {
     appearance: undefined,
@@ -76,8 +71,8 @@ function MenuItem(props) {
     // @ts-expect-error
     var menuItem = useStyles.useStyles(props).styles;
     var appearanceConfig = appearance && menuItemConfig.appearance && menuItemConfig.appearance[appearance];
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass, className, sizeClass, fillClass ||
-            (appearance && "fill_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass, typeClass, widthClass, set && "menu-item_set_".concat(set), justifyContentClass), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxRuntime.jsxRuntimeExports.jsx(Link.Link, { className: clsx__default.default('menu-item__label', alignDirectionClass, alignClass), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxRuntime.jsxRuntimeExports.jsxs(React__default.default.Fragment, { children: [before, children || (jsxRuntime.jsxRuntimeExports.jsxs(React__default.default.Fragment, { children: [label && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "menu-item__label", size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textColorActive: isActive && (textColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorActive)), textColorHover: textColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorHover), textColorGradient: textGradient, textStyle: textStyle, textWeight: textWeight, textWrap: textWrap, children: label })), desc && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "menu-item__desc", size: descTextSize, textColor: descTextColor, textColorHover: descTextColorHover, textColorGradient: descTextGradient, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
+    return (jsxRuntime.jsx("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass, className, sizeClass, fillClass ||
+            (appearance && "fill_".concat(appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass, shapeClass, typeClass, widthClass, set && "menu-item_set_".concat(set), justifyContentClass), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxRuntime.jsx(Link.Link, { className: clsx('menu-item__label', alignDirectionClass, alignClass), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxRuntime.jsxs(React.Fragment, { children: [before, children || (jsxRuntime.jsxs(React.Fragment, { children: [label && (jsxRuntime.jsx(Text.Text, { className: "menu-item__label", size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textColorActive: isActive && (textColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorActive)), textColorHover: textColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorHover), textColorGradient: textGradient, textStyle: textStyle, textWeight: textWeight, textWrap: textWrap, children: label })), desc && (jsxRuntime.jsx(Text.Text, { className: "menu-item__desc", size: descTextSize, textColor: descTextColor, textColorHover: descTextColorHover, textColorGradient: descTextGradient, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
 }
 MenuItem.defaultProps = {
     size: 'm',

package/dist/Overlay-CFXouKnl.js

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

package/dist/{Overlay-C4gCb0sL.js → Overlay-DO5dnSRE.js}

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

package/dist/{cjs/Radio-Bvv59nEV.js → Radio-BQo97TZL.js}

@@ -1,13 +1,9 @@
 'use strict';
 
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var jsxRuntime = require('react/jsx-runtime');
 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 useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
+var Text = require('./Text-_YhyTsQ1.js');
 
 var radioConfig = {
     state: undefined,
@@ -62,13 +58,13 @@ function Radio(props) {
         propsKey: checked ? 'stateBorderColorDisabledChecked' : 'stateBorderColorDisabled',
     });
     var appearanceConfig = appearance && radioConfig.appearance && radioConfig.appearance[appearance];
-    return (jsxRuntime.jsxRuntimeExports.jsxs(Tag, { className: clsx__default.default(className, 'radio', fillClass, shapeClass), htmlFor: id, children: [jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('radio__item', stateCheckmarkFillClass ||
+    return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'radio', fillClass, shapeClass), htmlFor: id, children: [jsxRuntime.jsxs("div", { className: clsx('radio__item', stateCheckmarkFillClass ||
                     ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.stateCheckmarkFill) &&
                         "radio_checkmark_fill_".concat(appearanceConfig.stateCheckmarkFill)
                             .replace(/([A-Z])/g, '-$1')
-                            .toLowerCase())), children: [jsxRuntime.jsxRuntimeExports.jsx("input", { checked: checked, className: "radio__input", disabled: disabled, 
+                            .toLowerCase())), children: [jsxRuntime.jsx("input", { checked: checked, className: "radio__input", disabled: disabled, 
                         // @ts-expect-error
-                        id: id, type: "radio", onChange: onChange }), jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('radio__state', disabled ? stateFillDisabledClass : stateFillClass, disabled
+                        id: id, type: "radio", onChange: onChange }), jsxRuntime.jsx("div", { className: clsx('radio__state', disabled ? stateFillDisabledClass : stateFillClass, disabled
                             ? stateBorderColorDisabledClass
                             : stateBorderColorClass ||
                                 ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.stateBorderColor) &&
@@ -82,7 +78,7 @@ function Radio(props) {
                             ((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: "radio__state-checkmark", children: "\u00A0" })] }), label && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "radio__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: "radio__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 }))] }));
+                                    .toLowerCase())), children: "\u00A0" }), jsxRuntime.jsx("div", { className: "radio__state-checkmark", children: "\u00A0" })] }), label && (jsxRuntime.jsx(Text.Text, { className: "radio__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.jsx(Text.Text, { className: "radio__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 }))] }));
 }
 Radio.defaultProps = {
     shape: 'circular',

package/dist/{Radio-BHqgR8WO.js → Radio-oMf0vN7T.js}

@@ -1,7 +1,7 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
+import { T as Text } from './Text-CG3xPG27.js';
 
 var radioConfig = {
     state: undefined,
@@ -56,13 +56,13 @@ function Radio(props) {
         propsKey: checked ? 'stateBorderColorDisabledChecked' : 'stateBorderColorDisabled',
     });
     var appearanceConfig = appearance && radioConfig.appearance && radioConfig.appearance[appearance];
-    return (jsxRuntimeExports.jsxs(Tag, { className: clsx(className, 'radio', fillClass, shapeClass), htmlFor: id, children: [jsxRuntimeExports.jsxs("div", { className: clsx('radio__item', stateCheckmarkFillClass ||
+    return (jsxs(Tag, { className: clsx(className, 'radio', fillClass, shapeClass), htmlFor: id, children: [jsxs("div", { className: clsx('radio__item', stateCheckmarkFillClass ||
                     ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.stateCheckmarkFill) &&
                         "radio_checkmark_fill_".concat(appearanceConfig.stateCheckmarkFill)
                             .replace(/([A-Z])/g, '-$1')
-                            .toLowerCase())), children: [jsxRuntimeExports.jsx("input", { checked: checked, className: "radio__input", disabled: disabled, 
+                            .toLowerCase())), children: [jsx("input", { checked: checked, className: "radio__input", disabled: disabled, 
                         // @ts-expect-error
-                        id: id, type: "radio", onChange: onChange }), jsxRuntimeExports.jsx("div", { className: clsx('radio__state', disabled ? stateFillDisabledClass : stateFillClass, disabled
+                        id: id, type: "radio", onChange: onChange }), jsx("div", { className: clsx('radio__state', disabled ? stateFillDisabledClass : stateFillClass, disabled
                             ? stateBorderColorDisabledClass
                             : stateBorderColorClass ||
                                 ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.stateBorderColor) &&
@@ -76,7 +76,7 @@ function Radio(props) {
                             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.stateBorderWidth) &&
                                 "border-width_".concat(appearanceConfig.stateBorderWidth)
                                     .replace(/([A-Z])/g, '-$1')
-                                    .toLowerCase())), children: "\u00A0" }), jsxRuntimeExports.jsx("div", { className: "radio__state-checkmark", children: "\u00A0" })] }), label && (jsxRuntimeExports.jsx(Text, { className: "radio__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 && (jsxRuntimeExports.jsx(Text, { className: "radio__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 }))] }));
+                                    .toLowerCase())), children: "\u00A0" }), jsx("div", { className: "radio__state-checkmark", children: "\u00A0" })] }), label && (jsx(Text, { className: "radio__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 && (jsx(Text, { className: "radio__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 }))] }));
 }
 Radio.defaultProps = {
     shape: 'circular',

package/dist/{Scrollbar-DrRNpn12.js → Scrollbar-CrGXCZ_F.js}

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { Scrollbar as Scrollbar$1 } from 'react-scrollbars-custom';
 
 function Scrollbar(props) {
     var children = props.children, className = props.className, scrollbarWidth = props.scrollbarWidth, scrollHeight = props.scrollHeight, onScroll = props.onScroll, noDefaultStyles = props.noDefaultStyles;
-    return (jsxRuntimeExports.jsx(Scrollbar$1, { className: clsx('scrollbar', className), onScroll: onScroll, scrollbarWidth: scrollbarWidth, noDefaultStyles: noDefaultStyles, wrapperProps: {
+    return (jsx(Scrollbar$1, { className: clsx('scrollbar', className), onScroll: onScroll, scrollbarWidth: scrollbarWidth, noDefaultStyles: noDefaultStyles, wrapperProps: {
             className: 'scrollbar__wrapper',
         }, scrollerProps: {
             className: 'scrollbar__scroll',

package/dist/{cjs/Scrollbar-DOujlQOb.js → Scrollbar-DVlIZzvz.js}

@@ -1,16 +1,12 @@
 'use strict';
 
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var reactScrollbarsCustom = require('react-scrollbars-custom');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
 function Scrollbar(props) {
     var children = props.children, className = props.className, scrollbarWidth = props.scrollbarWidth, scrollHeight = props.scrollHeight, onScroll = props.onScroll, noDefaultStyles = props.noDefaultStyles;
-    return (jsxRuntime.jsxRuntimeExports.jsx(reactScrollbarsCustom.Scrollbar, { className: clsx__default.default('scrollbar', className), onScroll: onScroll, scrollbarWidth: scrollbarWidth, noDefaultStyles: noDefaultStyles, wrapperProps: {
+    return (jsxRuntime.jsx(reactScrollbarsCustom.Scrollbar, { className: clsx('scrollbar', className), onScroll: onScroll, scrollbarWidth: scrollbarWidth, noDefaultStyles: noDefaultStyles, wrapperProps: {
             className: 'scrollbar__wrapper',
         }, scrollerProps: {
             className: 'scrollbar__scroll',

package/dist/Switch-B5yVEqxz.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var clsx = require('clsx');
+
+var Switch = React.forwardRef(function Switch(props, ref) {
+    var className = props.className, set = props.set, size = props.size, id = props.id, checked = props.checked, disabled = props.disabled, onChange = props.onChange;
+    return (jsxRuntime.jsxs("div", { className: clsx('switch', className, size && "switch_size_".concat(size), set && "switch_set_".concat(set)), children: [jsxRuntime.jsx("input", { checked: checked, className: "switch__checkbox", disabled: disabled, id: id, 
+                // @ts-expect-error
+                ref: ref, type: "checkbox", onChange: onChange }), jsxRuntime.jsx("div", { className: "switch__bg", children: "\u00A0" }), jsxRuntime.jsx("div", { className: "switch__toggle", children: "\u00A0" })] }));
+});
+
+exports.Switch = Switch;

package/dist/Switch-DEXsrPCo.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import clsx from 'clsx';
+
+var Switch = React.forwardRef(function Switch(props, ref) {
+    var className = props.className, set = props.set, size = props.size, id = props.id, checked = props.checked, disabled = props.disabled, onChange = props.onChange;
+    return (jsxs("div", { className: clsx('switch', className, size && "switch_size_".concat(size), set && "switch_set_".concat(set)), children: [jsx("input", { checked: checked, className: "switch__checkbox", disabled: disabled, id: id, 
+                // @ts-expect-error
+                ref: ref, type: "checkbox", onChange: onChange }), jsx("div", { className: "switch__bg", children: "\u00A0" }), jsx("div", { className: "switch__toggle", children: "\u00A0" })] }));
+});
+
+export { Switch as S };

package/dist/{Text-Dz-KPI5I.js → Text-CG3xPG27.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import { jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
@@ -62,7 +62,7 @@ function Text(props) {
     // @ts-expect-error
     var textStyles = useStyles(props).styles;
     var appearanceConfig = appearance && textConfig.appearance && textConfig.appearance[appearance];
-    return (jsxRuntimeExports.jsxs(Tag, { className: clsx(className, 'text', sizeClass ||
+    return (jsxs(Tag, { className: clsx(className, 'text', sizeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
                 "text_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, textAlignClass, textColorClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&

package/dist/{cjs/Text-B0SULA92.js → Text-_YhyTsQ1.js}

@@ -1,13 +1,9 @@
 'use strict';
 
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var jsxRuntime = require('react/jsx-runtime');
 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);
+var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
+var useStyles = require('./cjs/hooks/useStyles.js');
 
 var textConfig = {
     appearance: undefined,
@@ -68,7 +64,7 @@ function Text(props) {
     // @ts-expect-error
     var textStyles = useStyles.useStyles(props).styles;
     var appearanceConfig = appearance && textConfig.appearance && textConfig.appearance[appearance];
-    return (jsxRuntime.jsxRuntimeExports.jsxs(Tag, { className: clsx__default.default(className, 'text', sizeClass ||
+    return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'text', sizeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
                 "text_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, textAlignClass, textColorClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&