@itcase/ui 1.1.25 → 1.2.0

package/dist/Switch-0BHqovLA.js

@@ -1,12 +0,0 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import React__default from 'react';
-import clsx from 'clsx';
-
-var Switch = React__default.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 (jsxRuntimeExports.jsxs("div", { className: clsx('switch', className, size && "switch_size_".concat(size), set && "switch_set_".concat(set)), children: [jsxRuntimeExports.jsx("input", { checked: checked, className: "switch__checkbox", disabled: disabled, id: id, 
-                // @ts-expect-error
-                ref: ref, type: "checkbox", onChange: onChange }), jsxRuntimeExports.jsx("div", { className: "switch__bg", children: "\u00A0" }), jsxRuntimeExports.jsx("div", { className: "switch__toggle", children: "\u00A0" })] }));
-});
-
-export { Switch as S };

package/dist/SwitchField-DCwEVCVg.js

@@ -1,98 +0,0 @@
-import { _ as __assign } from './_tslib-S-VPg1Cw.js';
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import { R as Radio } from './Radio-BHqgR8WO.js';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { SelectInput } from './components/Select.js';
-import { D as Divider } from './Divider-Dhj6sMWd.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
-import { I as Icon } from './Icon-BLqnXYOO.js';
-import { useStyles } from './hooks/useStyles.js';
-import { S as Switch } from './Switch-0BHqovLA.js';
-
-function FormField(props) {
-    var id = props.id, children = props.children, afterItem = props.afterItem, dataTestId = props.dataTestId, beforeItem = props.beforeItem, dividerWidth = props.dividerWidth, dividerDirection = props.dividerDirection, set = props.set, className = props.className, dividerSize = props.dividerSize, dividerFill = props.dividerFill, descSize = props.descSize, descTextWeight = props.descTextWeight, descTextColor = props.descTextColor, desc = props.desc, label = props.label, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, labelTextColor = props.labelTextColor, clearIconFill = props.clearIconFill, clearIcon = props.clearIcon, clearIconSize = props.clearIconSize, messageSize = props.messageSize, messageTextWeight = props.messageTextWeight, messageTextColor = props.messageTextColor, message = props.message;
-    var sizeClass = useDeviceTargetClass(props, {
-        prefix: 'form-field_size_',
-        propsKey: 'size',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var inputFillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'inputFill',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'form-field_shape_',
-        propsKey: 'shape',
-    });
-    var inputShapeClass = useDeviceTargetClass(props, {
-        prefix: 'form-field__item-value_shape_',
-        propsKey: 'inputShape',
-    });
-    var directionClass = useDeviceTargetClass(props, {
-        prefix: 'direction_',
-        propsKey: 'direction',
-    });
-    // @ts-expect-error
-    var formFieldStyles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsxs("div", { className: clsx(className, 'form-field', set && "form-field_set_".concat(set), sizeClass, fillClass, shapeClass, directionClass), "data-test-id": dataTestId, style: formFieldStyles, children: [label && (jsxRuntimeExports.jsx("label", { htmlFor: id, className: "form-field__label", children: jsxRuntimeExports.jsx(Text, { size: labelTextSize, textWeight: labelTextWeight, textColor: labelTextColor, children: label }) })), desc && (jsxRuntimeExports.jsx("div", { className: "form-field__desc", children: jsxRuntimeExports.jsx(Text, { size: descSize, textWeight: descTextWeight, textColor: descTextColor, children: desc }) })), jsxRuntimeExports.jsxs("div", { className: clsx('form-field__item', inputFillClass, inputShapeClass), children: [jsxRuntimeExports.jsxs("div", { className: clsx('form-field__item-wrapper'), children: [beforeItem, children, clearIcon && jsxRuntimeExports.jsx(Icon, { fill: clearIconFill, SvgImage: clearIcon, size: clearIconSize }), afterItem] }), jsxRuntimeExports.jsx(Divider, { className: "form-field__item-divider", direction: dividerDirection, fill: dividerFill, size: dividerSize, width: dividerWidth })] }), message && (jsxRuntimeExports.jsx("div", { className: "form-field__message", children: jsxRuntimeExports.jsx(Text, { size: messageSize, textWeight: messageTextWeight, textColor: messageTextColor, children: message }) }))] }));
-}
-FormField.defaultProps = {
-    dividerWidth: 'fill',
-    dividerDirection: 'horizontal',
-};
-
-function ChoiceField(props) {
-    var radioId = props.radioId, radioClassName = props.radioClassName, radioFillCheckmark = props.radioFillCheckmark, radioFillChecked = props.radioFillChecked, radioFill = props.radioFill, radioFillDisabled = props.radioFillDisabled, radioShape = props.radioShape, radioBorder = props.radioBorder;
-    return (jsxRuntimeExports.jsx(FormField, __assign({}, props, { children: jsxRuntimeExports.jsx(Radio, { border: radioBorder, className: radioClassName, fill: radioFill, id: radioId, shape: radioShape, stateCheckmarkFill: radioFillCheckmark, stateFillChecked: radioFillChecked, stateFillDisabled: radioFillDisabled }) })));
-}
-ChoiceField.defaultProps = {
-    radioClassName: 'form-field__item-radio',
-};
-
-function PasswordField(props) {
-    var placeholder = props.placeholder, passwordClassName = props.passwordClassName, value = props.value;
-    var placeholderColorClass = useDeviceTargetClass(props, {
-        prefix: 'placeholder-text-color_',
-        propsKey: 'placeholderColor',
-    });
-    var valueTextColorClass = useDeviceTargetClass(props, {
-        prefix: 'text text-color_',
-        propsKey: 'valueTextColor',
-    });
-    var valueTextSizeClass = useDeviceTargetClass(props, {
-        prefix: 'text_size_',
-        propsKey: 'valueTextSize',
-    });
-    return (jsxRuntimeExports.jsx(FormField, __assign({}, props, { children: jsxRuntimeExports.jsx("input", { type: "text", value: value, placeholder: placeholder, className: clsx(passwordClassName, valueTextSizeClass, valueTextColorClass, placeholderColorClass) }) })));
-}
-PasswordField.defaultProps = {
-    set: 'password',
-    passwordClassName: 'form-field__item-password',
-};
-
-function SelectField(props) {
-    var className = props.className, selectInputClass = props.selectInputClass, selectFill = props.selectFill, selectShape = props.selectShape, selectBorder = props.selectBorder, selectSize = props.selectSize, selectOptionFill = props.selectOptionFill, selectOptionTextSize = props.selectOptionTextSize, selectOptionTextColor = props.selectOptionTextColor, selectOptionBefore = props.selectOptionBefore, selectOptionAfter = props.selectOptionAfter, selectInputBefore = props.selectInputBefore, selectInputAfter = props.selectInputAfter, selectInputFill = props.selectInputFill, selectInputTextSize = props.selectInputTextSize, selectInputTextColor = props.selectInputTextColor;
-    return (jsxRuntimeExports.jsx(FormField, __assign({}, props, { children: jsxRuntimeExports.jsx(SelectInput
-        // @ts-expect-error
-        , { 
-            // @ts-expect-error
-            className: clsx(selectInputClass, className), borderColor: selectBorder, fill: selectFill, inputAfter: selectInputAfter, inputBefore: selectInputBefore, inputFill: selectInputFill, inputTextColor: selectInputTextColor, inputTextSize: selectInputTextSize, optionAfter: selectOptionAfter, optionBefore: selectOptionBefore, optionFill: selectOptionFill, optionTextColor: selectOptionTextColor, optionTextSize: selectOptionTextSize, shape: selectShape, size: selectSize }) })));
-}
-SelectField.defaultProps = {
-    set: 'select',
-    selectInputClass: 'form-field__item-select',
-};
-
-function SwitchField(props) {
-    var className = props.className;
-    return (jsxRuntimeExports.jsx(FormField, __assign({}, props, { children: jsxRuntimeExports.jsx(Switch, { className: clsx('form-field__item-switch', className) }) })));
-}
-SwitchField.defaultProps = {
-    set: 'switch',
-};
-
-export { ChoiceField as C, FormField as F, PasswordField as P, SelectField as S, SwitchField as a };

package/dist/TabGroup-BLB4Ymcx.js

@@ -1,144 +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 { B as Badge } from './Badge-CLV5v6N7.js';
-import { D as Divider } from './Divider-Dhj6sMWd.js';
-import { L as Link } from './Link-DtzAAQn8.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
-
-var tabConfig = {
-    appearance: undefined,
-    setAppearance: function (newComponent) {
-        tabConfig.appearance = newComponent;
-    },
-};
-function Tab(props) {
-    var children = props.children, _a = props.isActive, isActive = _a === void 0 ? false : _a, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isHover, isHover = _c === void 0 ? false : _c, after = props.after, appearance = props.appearance, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, badgeValue = props.badgeValue, before = props.before, className = props.className, dataTour = props.dataTour, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerFillActive = props.dividerFillActive, dividerFillActiveHover = props.dividerFillActiveHover, dividerFillDisabled = props.dividerFillDisabled, dividerFillHover = props.dividerFillHover, dividerSize = props.dividerSize, href = props.href, label = props.label, labelColor = props.labelColor, labelColorActive = props.labelColorActive, labelColorDisabled = props.labelColorDisabled, labelTextColorHover = props.labelTextColorHover, labelTextGradient = props.labelTextGradient, labelTextSize = props.labelTextSize, labelTextStyle = props.labelTextStyle, labelTextAlign = props.labelTextAlign, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, link = props.link, linkFill = props.linkFill, rel = props.rel, reset = props.reset, set = props.set, target = props.target, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
-    var alignDirectionClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'alignDirection',
-    });
-    var alignClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'align',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var fillActiveClass = useDeviceTargetClass(props, {
-        prefix: 'fill_active_',
-        propsKey: 'fillActive',
-    });
-    var fillActiveHoverClass = useDeviceTargetClass(props, {
-        prefix: 'fill_active_hover_',
-        propsKey: 'fillActiveHover',
-    });
-    var fillDisabledClass = useDeviceTargetClass(props, {
-        prefix: 'fill_disabled_',
-        propsKey: 'fillDisabled',
-    });
-    var sizeClass = useDeviceTargetClass(props, {
-        prefix: 'tab_size_',
-        propsKey: 'size',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'tab_shape_',
-        propsKey: 'shape',
-    });
-    var justifyContentClass = useDeviceTargetClass(props, {
-        prefix: 'tab_justify-content_',
-        propsKey: 'justifyContent',
-    });
-    var typeClass = useDeviceTargetClass(props, {
-        prefix: 'tab_type_',
-        propsKey: 'type',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    // @ts-expect-error
-    var tab = useStyles(props).styles;
-    var appearanceConfig = appearance && tabConfig.appearance && tabConfig.appearance[appearance];
-    return (jsxRuntimeExports.jsx("div", { "data-tour": dataTour, style: tab, className: clsx('tab', isActive && 'tab_state_active', isDisabled && 'tab_state_disabled', isHover && 'tab_state_hover', fillClass ||
-            (isDisabled
-                ? fillDisabledClass ||
-                    ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillDisabled) &&
-                        "fill_".concat(appearanceConfig.fillDisabled).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 ||
-            (isDisabled
-                ? null
-                : (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
-                    "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), className, sizeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
-                "tab_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), fillActiveClass, fillActiveHoverClass, shapeClass, typeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.type) &&
-                "tab_type_".concat(appearanceConfig.type).replace(/([A-Z])/g, '-$1').toLowerCase()), widthClass, reset && 'tab-reset', set && "tab_set_".concat(set), justifyContentClass, onClick && 'cursor_type_pointer'), onClick: onClick, onMouseEnter: onMouseEnter, children: jsxRuntimeExports.jsx(Link, { fill: linkFill, className: clsx('tab__link', alignDirectionClass, alignClass), href: link || href, rel: rel, target: target, children: jsxRuntimeExports.jsxs(React__default.Fragment, { children: [before, children || (jsxRuntimeExports.jsxs(React__default.Fragment, { children: [jsxRuntimeExports.jsxs("div", { className: "tab__wrapper", children: [(label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsxRuntimeExports.jsx(Text, { className: "tab__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColorHover: labelTextColorHover, textColor: isDisabled
-                                            ? labelColorDisabled || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelColorDisabled)
-                                            : labelColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelColor), textColorActive: isActive && (labelColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelColorActive)), textColorGradient: labelTextGradient, textStyle: labelTextStyle, textAlign: labelTextAlign, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (badgeValue || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeValue)) && (jsxRuntimeExports.jsx(Badge, { appearance: badgeAppearance || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeAppearance), size: badgeSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeSize), textColor: badgeTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeTextColor), textSize: badgeTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeTextSize), value: badgeValue || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeValue) }))] }), jsxRuntimeExports.jsx(Divider, { width: "fill", fill: isDisabled
-                                    ? dividerFillDisabled || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFillDisabled)
-                                    : dividerFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFill), fillHover: isHover && (dividerFillHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFillHover)), direction: dividerDirection, fillActive: isActive && (dividerFillActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFillActive)), fillActiveHover: dividerFillActiveHover, size: dividerSize })] })), after] }) }) }));
-}
-Tab.defaultProps = {
-    direction: 'horizontal',
-    LinkComponent: 'a',
-    size: 'normal',
-};
-
-function TabGroup(props) {
-    var id = props.id, dataTour = props.dataTour, children = props.children, className = props.className, horizontalScroll = props.horizontalScroll, set = props.set, style = props.style;
-    var contentAlignClass = useDeviceTargetClass(props, {
-        prefix: 'group_content-align_',
-        propsKey: 'contentAlign',
-    });
-    var alignDirectionClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'alignDirection',
-    });
-    var alignClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'align',
-    });
-    var directionClass = useDeviceTargetClass(props, {
-        prefix: 'group_direction_',
-        propsKey: 'direction',
-    });
-    var wrapClass = useDeviceTargetClass(props, {
-        prefix: 'group_wrap_',
-        propsKey: 'wrap',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var borderColorClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderWidthClass = useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderTypeClass = useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    // @ts-expect-error
-    var _a = useStyles(props), groupStyles = _a.styles, groupWrapperStyles = _a.wrapper;
-    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'tab-group', 'group', widthClass, contentAlignClass, alignDirectionClass, directionClass, alignClass, fillClass, set && "group_set_".concat(set), horizontalScroll && 'group_type_horizontal_scroll', wrapClass, borderColorClass, borderWidthClass, borderTypeClass), id: id, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: horizontalScroll ? (jsxRuntimeExports.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
-}
-
-export { Tab as T, TabGroup as a, tabConfig as t };

package/dist/Textarea-D3XSuMEm.js

@@ -1,96 +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';
-
-var textareaConfig = {
-    state: {},
-    setState: function (newComponent) {
-        textareaConfig.state = newComponent;
-    },
-    appearance: {},
-    setAppearance: function (newComponent) {
-        textareaConfig.appearance = newComponent;
-    },
-};
-function Textarea(props) {
-    var appearance = props.appearance, id = props.id, className = props.className, placeholder = props.placeholder, disabled = props.disabled, state = props.state, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onKeyDown = props.onKeyDown;
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var borderColorClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderColorHoverClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_hover_',
-        propsKey: 'borderHover',
-    });
-    var sizeClass = useDeviceTargetClass(props, {
-        prefix: 'textarea_size_',
-        propsKey: 'size',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'textarea_shape_',
-        propsKey: 'shape',
-    });
-    var textSizeClass = useDeviceTargetClass(props, {
-        prefix: 'text_size_',
-        propsKey: 'textSize',
-    });
-    var textColorClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'textColor',
-    });
-    var caretClass = useDeviceTargetClass(props, {
-        prefix: 'caret-color_',
-        propsKey: 'caret',
-    });
-    var placeholderTextColorClass = useDeviceTargetClass(props, {
-        prefix: 'placeholder-text-color_',
-        propsKey: 'placeholderTextColor',
-    });
-    var weightClass = useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var appearanceConfig = appearance && textareaConfig.appearance && textareaConfig.appearance[appearance];
-    var stateConfig = useMemo(function () { return state && textareaConfig.state && textareaConfig.state[state]; }, [state, textareaConfig]);
-    return (jsxRuntimeExports.jsx("textarea", { className: clsx(className, 'textarea', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, fillClass, borderColorClass ||
-            ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.borderColor) &&
-                "border-color_".concat(stateConfig.borderColor).replace(/([A-Z])/g, '-$1').toLowerCase()) ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
-                "border-color_".concat(appearanceConfig.borderColor)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderColorHoverClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderHover) &&
-                "border-color_hover_".concat(appearanceConfig.borderHover)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), placeholderTextColorClass ||
-            ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.placeholderTextColor) &&
-                "placeholder-text-color_".concat(stateConfig.placeholderTextColor)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()) ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextColor) &&
-                "placeholder-text-color_".concat(appearanceConfig.placeholderTextColor)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), sizeClass, shapeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
-                "textarea_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), textSizeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize) &&
-                "text_size_".concat(appearanceConfig.textSize).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorClass ||
-            ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.textColor) &&
-                "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()) ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
-                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, widthClass), id: id, disabled: disabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onKeyDown: onKeyDown }));
-}
-Textarea.defaultProps = {
-    size: 'm',
-};
-
-export { Textarea as T, textareaConfig as t };

package/dist/Tile-CNnauNx6.js

@@ -1,52 +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';
-import { B as Badge } from './Badge-CLV5v6N7.js';
-import { T as Text } from './Text-Dz-KPI5I.js';
-import { T as Title } from './Title-zpOK2AxL.js';
-
-function Tile(props) {
-    var children = props.children, after = props.after, badge = props.badge, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, before = props.before, className = props.className, direction = props.direction, reverse = props.reverse, size = props.size, text = props.text, textColor = props.textColor, textSize = props.textSize, textWrap = props.textWrap, title = props.title, titleTextAlign = props.titleTextAlign, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, titleTextWrap = props.titleTextWrap, type = props.type, onClick = props.onClick;
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var alignDirectionClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'alignDirection',
-    });
-    var alignClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'align',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'tile_shape_',
-        propsKey: 'shape',
-    });
-    var borderColorClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderColorHoverClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_hover_',
-        propsKey: 'borderColorHover',
-    });
-    var borderWidthClass = useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderTypeClass = useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    // @ts-expect-error
-    var tileStyles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsx("div", { className: clsx('tile', className, fillClass, shapeClass, alignClass, alignDirectionClass, direction && "direction_".concat(direction), borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, reverse && 'tile_reverse', size && "tile_size_".concat(size), type && "tile_type_".concat(type), badge && "tile_state_badge"), style: tileStyles, onClick: onClick, children: jsxRuntimeExports.jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, title && (jsxRuntimeExports.jsx(Title, { className: "tile__title", size: titleTextSize, textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), text && (jsxRuntimeExports.jsx(Text, { className: "tile__text", size: textSize, textColor: textColor, textWrap: textWrap, children: text })), badge && (jsxRuntimeExports.jsx(Badge, { className: "tile__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, value: badge })), children, after] }) }));
-}
-Tile.defaultProps = {
-    textTag: 'span',
-    alignDirection: 'vertical',
-};
-
-export { Tile as T };

package/dist/Video-0z4mNz4P.js

@@ -1,18 +0,0 @@
-import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import clsx from 'clsx';
-import { useStyles } from './hooks/useStyles.js';
-
-function Video(props) {
-    var id = props.id, children = props.children, className = props.className, poster = props.poster, webm = props.webm, ogv = props.ogv, mp4 = props.mp4, type = props.type, position = props.position;
-    // @ts-expect-error
-    var videoStyles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsxs("div", { className: clsx('video', className, type && "video_type_".concat(type), position && "video_position_".concat(position)), id: id, style: videoStyles, children: [jsxRuntimeExports.jsxs("video", { autoPlay: true, className: "video__wrapper", poster: poster, muted: true, loop: true, playsInline: false, children: [webm && jsxRuntimeExports.jsx("source", { src: webm, type: "video/webm", 
-                        // @ts-expect-error
-                        codecs: "vp8, vorbis" }), ogv && jsxRuntimeExports.jsx("source", { src: ogv, type: "video/ogg", 
-                        // @ts-expect-error
-                        codecs: "theora, vorbis" }), mp4 && jsxRuntimeExports.jsx("source", { src: mp4, type: "video/mp4", 
-                        // @ts-expect-error
-                        codecs: "avc1.42E01E, mp4a.40.2" })] }), children] }));
-}
-
-export { Video as V };

package/dist/Wrapper-CJTkVfsd.js

@@ -1,45 +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 Wrapper(props) {
-    var after = props.after, before = props.before, children = props.children, className = props.className, id = props.id, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, type = props.type;
-    var alignDirectionClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'alignDirection',
-    });
-    var alignClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'align',
-    });
-    var resizeHorizontalClass = useDeviceTargetClass(props, {
-        prefix: 'wrapper_resize-horizontal_',
-        propsKey: 'horizontalResizing',
-    });
-    var resizeVerticalClass = useDeviceTargetClass(props, {
-        prefix: 'wrapper_resize-vertical_',
-        propsKey: 'verticalResizing',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var positionClass = useDeviceTargetClass(props, {
-        prefix: 'position_',
-        propsKey: 'position',
-    });
-    var wrapperPositionClass = useDeviceTargetClass(props, {
-        prefix: 'position_',
-        propsKey: 'wrapperPosition',
-    });
-    // @ts-expect-error
-    var _b = useStyles(props), wrapperStyles = _b.styles, innerStyles = _b.inner;
-    return (jsxRuntimeExports.jsx(Tag, { id: id, className: clsx(className, type && "".concat(className, "_type_").concat(type), fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass), style: wrapperStyles, children: jsxRuntimeExports.jsxs("div", { className: clsx("".concat(className, "__inner"), alignDirectionClass, alignClass, wrapperPositionClass), style: innerStyles, children: [before, children, after] }) }));
-}
-Wrapper.defaultProps = {
-    className: 'wrapper',
-    tag: 'div',
-};
-
-export { Wrapper as W };