@itcase/ui 1.2.29 → 1.2.31

package/dist/components/Overlay.js

@@ -6,7 +6,6 @@ import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/useStyles.js';

package/dist/components/Page.js

@@ -1,12 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import alignDirectionProps from '../constants/componentProps/alignDirection.js';
-import alignProps from '../constants/componentProps/align.js';
-import fillProps from '../constants/componentProps/fill.js';
-import horizontalResizeModeProps from '../constants/componentProps/horizontalResizeMode.js';
-import positionProps from '../constants/componentProps/position.js';
-import verticalResizeModeProps from '../constants/componentProps/verticalResizeMode.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
 import 'react';
@@ -20,7 +13,7 @@ import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 
 function Page(props) {
-    var after = props.after, before = props.before, children = props.children, className = props.className, id = props.id; props.tag; var type = props.type;
+    var id = props.id, children = props.children, after = props.after, before = props.before, className = props.className, type = props.type;
     var alignDirectionClass = useDeviceTargetClass(props, {
         prefix: 'align_',
         propsKey: 'alignDirection',
@@ -45,45 +38,9 @@ function Page(props) {
         prefix: 'position_',
         propsKey: 'position',
     });
+    // @ts-expect-error
     var _a = useStyles(props), styles = _a.styles, wrapperStyles = _a.wrapper;
-    return (jsx("div", { id: id, className: clsx('page', className, type && "".concat(className, "_type_").concat(type), fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass), style: styles, children: jsxs("div", { className: clsx('page__wrapper', alignDirectionClass, alignClass, 'content'), style: wrapperStyles, children: [before, children, after] }) }));
+    return (jsx("div", { className: clsx('page', className, type && "".concat(className, "_type_").concat(type), fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass), id: id, style: styles, children: jsxs("div", { className: clsx('page__wrapper', alignDirectionClass, alignClass, 'content'), style: wrapperStyles, children: [before, children, after] }) }));
 }
-Page.propTypes = {
-    children: PropTypes.any,
-    className: PropTypes.string,
-    before: PropTypes.string,
-    after: PropTypes.string,
-    id: PropTypes.string,
-    fill: PropTypes.oneOf(fillProps),
-    fillMobile: PropTypes.oneOf(fillProps),
-    fillTablet: PropTypes.oneOf(fillProps),
-    fillDesktop: PropTypes.oneOf(fillProps),
-    type: PropTypes.string,
-    tag: PropTypes.string,
-    position: PropTypes.oneOf(positionProps),
-    positionMobile: PropTypes.oneOf(positionProps),
-    positionTablet: PropTypes.oneOf(positionProps),
-    positionDesktop: PropTypes.oneOf(positionProps),
-    wrapperPosition: PropTypes.oneOf(positionProps),
-    wrapperPositionMobile: PropTypes.oneOf(positionProps),
-    wrapperPositionTablet: PropTypes.oneOf(positionProps),
-    wrapperPositionDesktop: PropTypes.oneOf(positionProps),
-    horizontalResizing: PropTypes.oneOf(horizontalResizeModeProps),
-    horizontalResizingMobile: PropTypes.oneOf(horizontalResizeModeProps),
-    horizontalResizingTablet: PropTypes.oneOf(horizontalResizeModeProps),
-    horizontalResizingDesktop: PropTypes.oneOf(horizontalResizeModeProps),
-    verticalResizing: PropTypes.oneOf(verticalResizeModeProps),
-    verticalResizingMobile: PropTypes.oneOf(verticalResizeModeProps),
-    verticalResizingTablet: PropTypes.oneOf(verticalResizeModeProps),
-    verticalResizingDesktop: PropTypes.oneOf(verticalResizeModeProps),
-    align: PropTypes.oneOf(alignProps),
-    alignMobile: PropTypes.oneOf(alignProps),
-    alignTablet: PropTypes.oneOf(alignProps),
-    alignDesktop: PropTypes.oneOf(alignProps),
-    alignDirection: PropTypes.oneOf(alignDirectionProps),
-    alignDirectionMobile: PropTypes.oneOf(alignDirectionProps),
-    alignDirectionTablet: PropTypes.oneOf(alignDirectionProps),
-    alignDirectionDesktop: PropTypes.oneOf(alignDirectionProps),
-};
 
 export { Page };

package/dist/components/Pagination.js

@@ -4,27 +4,28 @@ import clsx from 'clsx';
 import ceil from 'lodash/ceil';
 import ReactPaginate from 'react-paginate';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { D as Dropdown, a as DropdownItem } from '../DropdownItem-CFkRx8LX.js';
-import { I as Icon } from '../Icon-ClsRaxDk.js';
-import { T as Text } from '../Text-kxGZButz.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem-DzDP45iO.js';
+import { I as Icon } from '../Icon-B7BJo5kW.js';
+import { T as Text } from '../Text-DlSG_p4u.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Divider-U5UdY-ef.js';
-import '../Link-CzC1kU5C.js';
-import '../tslib.es6-w7hdJ3oZ.js';
+import '../appearance/DropdownItem.js';
+import '../Divider-DE2Q5J36.js';
+import '../appearance/Divider.js';
+import '../Link-CeQuavin.js';
+import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
 import '../appearance/Icon.js';
-import '../Tooltip-ccRCMYQM.js';
+import '../Tooltip-f5EWhsGj.js';
 import '../appearance/Tooltip.js';
-import '../Title-CQ_Fr1hO.js';
+import '../Title-mkus84Rh.js';
 import '../appearance/Title.js';
 import '../appearance/Text.js';
 

package/dist/components/Panel.js

@@ -4,11 +4,10 @@ import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
 import { G as Group } from '../Group-Dc70Z4_7.js';
-import { T as Text } from '../Text-kxGZButz.js';
+import { T as Text } from '../Text-DlSG_p4u.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';

package/dist/components/Radio.js

@@ -2,12 +2,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { radioState, radioAppearance } from '../appearance/Radio.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { T as Text } from '../Text-kxGZButz.js';
+import { T as Text } from '../Text-DlSG_p4u.js';
 import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../appearance/Text.js';
@@ -94,7 +93,6 @@ function Radio(props) {
 }
 Radio.defaultProps = {
     shape: 'circular',
-    tag: 'label',
 };
 
 export { Radio, radioConfig };

package/dist/components/RangeSlider.js

@@ -7,7 +7,6 @@ import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';

package/dist/components/Response.js

@@ -5,27 +5,26 @@ import SVG from 'react-inlinesvg';
 import { responseAppearance } from '../appearance/Response.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Button } from '../Button-avhviao1.js';
+import { B as Button } from '../Button-DS2l65oq.js';
 import { G as Group } from '../Group-Dc70Z4_7.js';
-import { T as Text } from '../Text-kxGZButz.js';
-import { T as Title } from '../Title-CQ_Fr1hO.js';
+import { T as Text } from '../Text-DlSG_p4u.js';
+import { T as Title } from '../Title-mkus84Rh.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../appearance/Button.js';
-import '../Icon-ClsRaxDk.js';
+import '../Icon-B7BJo5kW.js';
+import '../tslib.es6-5FtW-kfi.js';
 import '../appearance/Icon.js';
-import '../Link-CzC1kU5C.js';
-import '../tslib.es6-w7hdJ3oZ.js';
-import '../Tooltip-ccRCMYQM.js';
+import '../Link-CeQuavin.js';
+import '../Tooltip-f5EWhsGj.js';
 import '../appearance/Tooltip.js';
-import '../Loader-CU_5Ydmy.js';
+import '../Loader-CqEocvjh.js';
 import '../appearance/Loader.js';
 import '../appearance/Group.js';
 import '../appearance/Text.js';
@@ -39,15 +38,18 @@ var responseConfig = {
 };
 function Response(props) {
     var after = props.after, appearance = props.appearance, before = props.before, className = props.className, imageSrc = props.imageSrc, message = props.message, messageTextColor = props.messageTextColor, messageTextSize = props.messageTextSize, messageTextWeight = props.messageTextWeight, primaryButton = props.primaryButton, primaryButtonAfter = props.primaryButtonAfter, primaryButtonAppearance = props.primaryButtonAppearance, primaryButtonBefore = props.primaryButtonBefore, primaryButtonFill = props.primaryButtonFill, primaryButtonFillHover = props.primaryButtonFillHover, primaryButtonLabel = props.primaryButtonLabel, primaryButtonLabelTextColor = props.primaryButtonLabelTextColor, primaryButtonLabelTextSize = props.primaryButtonLabelTextSize, primaryButtonShape = props.primaryButtonShape, primaryButtonSize = props.primaryButtonSize, primaryButtonWidth = props.primaryButtonWidth, secondaryButton = props.secondaryButton, secondaryButtonAfter = props.secondaryButtonAfter, secondaryButtonAppearance = props.secondaryButtonAppearance, secondaryButtonBefore = props.secondaryButtonBefore, secondaryButtonFill = props.secondaryButtonFill, secondaryButtonFillHover = props.secondaryButtonFillHover, secondaryButtonLabel = props.secondaryButtonLabel, secondaryButtonLabelTextColor = props.secondaryButtonLabelTextColor, secondaryButtonLabelTextSize = props.secondaryButtonLabelTextSize, secondaryButtonShape = props.secondaryButtonShape, secondaryButtonSize = props.secondaryButtonSize, secondaryButtonWidth = props.secondaryButtonWidth, set = props.set, title = props.title, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, onClickPrimaryButton = props.onClickPrimaryButton, onClickSecondaryButton = props.onClickSecondaryButton;
+    // prettier-ignore
+    var appearanceConfig = (appearance && responseConfig.appearance && responseConfig.appearance[appearance]);
     var ImageComponent = useMemo(function () {
-        if (imageSrc) {
-            if (imageSrc.endsWith('.svg')) {
-                return jsx(SVG, { src: imageSrc });
+        var src = imageSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.imageSrc);
+        if (src) {
+            if (src.endsWith('.svg')) {
+                return jsx(SVG, { src: src });
             }
-            return jsx("img", { src: imageSrc });
+            return jsx("img", { src: src });
         }
         return null;
-    }, [imageSrc]);
+    }, [imageSrc, appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.imageSrc]);
     var fillClass = useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -78,14 +80,17 @@ function Response(props) {
     });
     // @ts-expect-error
     var responseStyles = useStyles(props).styles;
-    var appearanceConfig = appearance && responseConfig.appearance && responseConfig.appearance[appearance];
     return (jsxs("div", { className: clsx(className, 'response', 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 ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
-                "fill_hover_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, set && "response_set_".concat(set)), style: responseStyles, children: [before, ImageComponent || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.imageSrc), jsxs(Group, { className: "response__desc", width: "fill", children: [title && (jsx(Title, { className: "response__title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextSize) || 'h2', textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight) || '600', children: title })), message && (jsx(Text, { className: "response__message", size: messageTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.messageTextSize) || 'xxl', textColor: messageTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.messageTextColor), textWeight: messageTextWeight, children: message }))] }), (primaryButtonLabel ||
+                "fill_hover_".concat(appearanceConfig.shape).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()), borderColorHoverClass, borderWidthClass, borderTypeClass, set && "response_set_".concat(set)), style: responseStyles, children: [before, ImageComponent, jsxs(Group, { className: "response__desc", width: "fill", children: [title && (jsx(Title, { className: "response__title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextSize) || 'h2', textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight) || '600', children: title })), message && (jsx(Text, { className: "response__message", size: messageTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.messageTextSize) || 'xxl', textColor: messageTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.messageTextColor), textWeight: messageTextWeight, children: message }))] }), (primaryButtonLabel ||
                 primaryButton ||
                 secondaryButtonLabel ||
                 secondaryButton ||

package/dist/components/SVGContent.js

@@ -6,7 +6,6 @@ import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';

package/dist/components/ScrollOnDrag.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../tslib.es6-w7hdJ3oZ.js';
+import { _ as __assign } from '../tslib.es6-5FtW-kfi.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
 import clsx from 'clsx';
@@ -8,7 +8,6 @@ import { useStyles } from '../hooks/useStyles.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';

package/dist/components/ScrollToView.js

@@ -7,7 +7,6 @@ import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';

package/dist/components/Scrollbar.js

@@ -1,4 +1,4 @@
-export { S as Scrollbar } from '../Scrollbar-CrGXCZ_F.js';
+export { S as Scrollbar } from '../Scrollbar-Bo7z7ELm.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import 'react-scrollbars-custom';

package/dist/components/Search.js

@@ -4,25 +4,24 @@ import clsx from 'clsx';
 import { searchAppearance } from '../appearance/Search.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { I as Icon } from '../Icon-ClsRaxDk.js';
-import { T as Text } from '../Text-kxGZButz.js';
-import { S as Scrollbar } from '../Scrollbar-CrGXCZ_F.js';
+import { I as Icon } from '../Icon-B7BJo5kW.js';
+import { T as Text } from '../Text-DlSG_p4u.js';
+import { S as Scrollbar } from '../Scrollbar-Bo7z7ELm.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
+import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
 import '../appearance/Icon.js';
-import '../Link-CzC1kU5C.js';
-import '../tslib.es6-w7hdJ3oZ.js';
-import '../Tooltip-ccRCMYQM.js';
+import '../Link-CeQuavin.js';
+import '../Tooltip-f5EWhsGj.js';
 import '../appearance/Tooltip.js';
-import '../Title-CQ_Fr1hO.js';
+import '../Title-mkus84Rh.js';
 import '../appearance/Title.js';
 import '../appearance/Text.js';
 import 'react-scrollbars-custom';
@@ -34,7 +33,7 @@ var searchInputConfig = {
     },
 };
 var SearchInput = React.forwardRef(function SearchInput(props, ref) {
-    var after = props.after, appearance = props.appearance, before = props.before, className = props.className, dataTour = props.dataTour, iconAfter = props.iconAfter, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeFill = props.iconBeforeFill, iconBeforeSize = props.iconBeforeSize, iconBeforeSrc = props.iconBeforeSrc, iconClear = props.iconClear, iconClearFill = props.iconClearFill, iconClearSize = props.iconClearSize, iconClearSrc = props.iconClearSrc, placeholder = props.placeholder, placeholderTextColor = props.placeholderTextColor, placeholderTextSize = props.placeholderTextSize, placeholderTextStyle = props.placeholderTextStyle, placeholderTextWeight = props.placeholderTextWeight, size = props.size, type = props.type, value = props.value, onChange = props.onChange, onClickClean = props.onClickClean, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var after = props.after, appearance = props.appearance, before = props.before, className = props.className, dataTour = props.dataTour, iconAfter = props.iconAfter, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeFill = props.iconBeforeFill, iconBeforeSize = props.iconBeforeSize, iconBeforeSrc = props.iconBeforeSrc, iconClear = props.iconClear, iconClearFill = props.iconClearFill, iconClearSize = props.iconClearSize, iconClearSrc = props.iconClearSrc, placeholder = props.placeholder, placeholderTextColor = props.placeholderTextColor, _a = props.placeholderTextSize, placeholderTextSize = _a === void 0 ? 'm' : _a, placeholderTextStyle = props.placeholderTextStyle, placeholderTextWeight = props.placeholderTextWeight, _b = props.size, size = _b === void 0 ? 'normal' : _b, type = props.type, value = props.value, onChange = props.onChange, onClickClean = props.onClickClean, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var onChangeSearchInput = useCallback(function (event) {
         onChange && onChange(event.target.value);
     }, [onChange]);
@@ -112,11 +111,11 @@ var SearchInput = React.forwardRef(function SearchInput(props, ref) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderHover) &&
                 "border-color_hover_".concat(appearanceConfig.borderHover)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderWidthClass, borderTypeClass, size && "search-input_size_".concat(size), type && "search-input_type_".concat(type)), "data-tour": dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-before", iconFill: iconBeforeFill, imageSrc: iconBeforeSrc, size: iconBeforeSize, SvgImage: iconBefore })), jsxs("div", { className: clsx('search-input__wrapper', inputFillClass, inputShapeClass), children: [jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
+                    .toLowerCase()), borderWidthClass, borderTypeClass, size && "search-input_size_".concat(size), type && "search-input_type_".concat(type)), "data-tour": dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-before", iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeSrc), size: iconBeforeSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeSize), SvgImage: iconBefore || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBefore) })), jsxs("div", { className: clsx('search-input__wrapper', inputFillClass, inputShapeClass), children: [jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
                             inputWeightClass ||
                             inputTextColorClass ||
                             inputTextStyleClass) &&
-                            'text', inputTextSizeClass, inputWeightClass, inputTextColorClass, inputTextStyleClass), ref: ref, required: true, type: "text", value: value, onChange: onChangeSearchInput, onFocus: onFocus, onKeyDown: onKeyDown }), jsx("div", { className: "search-input__placeholder", children: jsx(Text, { className: clsx('search-input__placeholder-value'), size: placeholderTextSize, textColor: placeholderTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextColor), textStyle: placeholderTextStyle, textWeight: placeholderTextWeight, children: placeholder || 'Search' }) }), value && (jsx(Icon, { className: clsx('search-input__clear', 'cursor_type_pointer'), iconFill: iconClearFill, imageSrc: iconClearSrc, size: iconClearSize, SvgImage: iconClear, onClick: onClickClearIcon }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-after", iconFill: iconAfterFill, imageSrc: iconAfterSrc, size: iconAfterSize, SvgImage: iconAfter })), after] }));
+                            'text', inputTextSizeClass, inputWeightClass, inputTextColorClass, inputTextStyleClass), ref: ref, required: true, type: "text", value: value, onChange: onChangeSearchInput, onFocus: onFocus, onKeyDown: onKeyDown }), jsx("div", { className: "search-input__placeholder", children: jsx(Text, { className: clsx('search-input__placeholder-value'), size: placeholderTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextSize), textColor: placeholderTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextColor), textStyle: placeholderTextStyle, textWeight: placeholderTextWeight, children: placeholder || 'Search' }) }), value && (jsx(Icon, { className: clsx('search-input__clear', 'cursor_type_pointer'), iconFill: iconClearFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClearFill), imageSrc: iconClearSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClearSrc), size: iconClearSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClearSize), SvgImage: iconClear || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClear), onClick: onClickClearIcon }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-after", iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterSrc), size: iconAfterSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterSize), SvgImage: iconAfter || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfter) })), after] }));
 });
 // @ts-expect-error
 SearchInput.DEFAULT_REF_STATE = {
@@ -124,8 +123,6 @@ SearchInput.DEFAULT_REF_STATE = {
 };
 SearchInput.defaultProps = {
     inputTextSize: 'm',
-    placeholderTextSize: 'm',
-    size: 'normal',
 };
 
 var SearchResult = React.forwardRef(function SearchResult(props, ref) {

package/dist/components/Segmented.js

@@ -3,11 +3,10 @@ import React, { useRef, useMemo, createRef, useCallback, useEffect } from 'react
 import clsx from 'clsx';
 import { segmentedAppearance } from '../appearance/Segmented.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { T as Text } from '../Text-kxGZButz.js';
+import { T as Text } from '../Text-DlSG_p4u.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../appearance/Text.js';

package/dist/components/Select.js

@@ -1,16 +1,16 @@
 import { selectAppearance } from '../appearance/Select.js';
-import { a as __assign } from '../tslib.es6-w7hdJ3oZ.js';
+import { _ as __assign } from '../tslib.es6-5FtW-kfi.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Select, { components } from 'react-select';
-import { I as Icon } from '../Icon-ClsRaxDk.js';
+import { I as Icon } from '../Icon-B7BJo5kW.js';
 import React, { useMemo, useRef, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { T as Text } from '../Text-kxGZButz.js';
-import { B as Badge } from '../Badge-BZYBmgBK.js';
+import { T as Text } from '../Text-DlSG_p4u.js';
+import { B as Badge } from '../Badge-DQnTpE4I.js';
 import { G as Group } from '../Group-Dc70Z4_7.js';
-import { D as Divider } from '../Divider-U5UdY-ef.js';
+import { D as Divider } from '../Divider-DE2Q5J36.js';
 import 'react-inlinesvg';
 import '../appearance/Icon.js';
 import '../hooks/useStyles.js';
@@ -18,19 +18,19 @@ import 'lodash/camelCase';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/styleAttributes.js';
-import '../Link-CzC1kU5C.js';
-import '../Tooltip-ccRCMYQM.js';
+import '../Link-CeQuavin.js';
+import '../Tooltip-f5EWhsGj.js';
 import '../appearance/Tooltip.js';
-import '../Title-CQ_Fr1hO.js';
+import '../Title-mkus84Rh.js';
 import '../appearance/Title.js';
 import 'lodash/castArray';
 import '../appearance/Text.js';
 import '../appearance/Badge.js';
 import '../appearance/Group.js';
+import '../appearance/Divider.js';
 
 // interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
 //   extends DefaultClearIndicatorProps<Option, IsMulti, Group> {}

package/dist/components/SiteMenu.js

@@ -1,31 +1,37 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import clsx from 'clsx';
+import { siteMenuAppearance } from '../appearance/SiteMenu.js';
 import { useSiteMenuContext } from '../context/UIContext.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-ClsRaxDk.js';
-import { T as Text } from '../Text-kxGZButz.js';
-import 'prop-types';
+import { I as Icon } from '../Icon-B7BJo5kW.js';
+import { T as Text } from '../Text-DlSG_p4u.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/castArray';
 import 'lodash/camelCase';
+import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
 import '../appearance/Icon.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-CzC1kU5C.js';
-import '../tslib.es6-w7hdJ3oZ.js';
-import '../Tooltip-ccRCMYQM.js';
+import '../Link-CeQuavin.js';
+import '../Tooltip-f5EWhsGj.js';
 import '../appearance/Tooltip.js';
-import '../Title-CQ_Fr1hO.js';
+import '../Title-mkus84Rh.js';
 import '../appearance/Title.js';
 import '../appearance/Text.js';
 
+var siteMenuConfig = {
+    appearance: siteMenuAppearance,
+    setAppearance: function (newComponent) {
+        siteMenuConfig.appearance = newComponent;
+    },
+};
 function SiteMenu(props) {
-    var children = props.children, className = props.className, closeText = props.closeText, closeTextSize = props.closeTextSize, closeTextColor = props.closeTextColor, closeTextColorHover = props.closeTextColorHover, iconCloseBgFill = props.iconCloseBgFill, iconCloseFill = props.iconCloseFill, iconCloseSize = props.iconCloseSize, iconClose = props.iconClose, onClose = props.onClose;
+    var children = props.children, appearance = props.appearance, className = props.className, closeText = props.closeText, closeTextColor = props.closeTextColor, closeTextColorHover = props.closeTextColorHover, closeTextSize = props.closeTextSize, iconClose = props.iconClose, iconCloseBgFill = props.iconCloseBgFill, iconCloseFill = props.iconCloseFill, iconCloseSize = props.iconCloseSize, onClose = props.onClose;
     var _a = useSiteMenuContext(), isSiteMenuOpen = _a.isSiteMenuOpen, setIsSiteMenuOpen = _a.setIsSiteMenuOpen;
     var onClickClose = useCallback(
     // @ts-expect-error
@@ -55,7 +61,10 @@ function SiteMenu(props) {
     //     behavior: 'smooth',
     //   })
     // }, [])
-    return (jsx("div", { className: clsx(className, 'site-menu', fillClass, isSiteMenuOpen && 'site-menu_state_visible', !isSiteMenuOpen && 'site-menu_state_hidden'), children: jsxs("div", { className: "site-menu__wrapper", children: [jsx("div", { className: "site-menu__close", children: iconClose ? (jsx(Icon, { fill: iconCloseFill, size: iconCloseSize, bgFill: iconCloseBgFill, SvgImage: iconClose, onClick: onClickClose })) : (jsx(Text, { size: closeTextSize, textColor: closeTextColor, textColorHover: closeTextColorHover, 
+    var appearanceConfig = appearance && siteMenuConfig.appearance && siteMenuConfig.appearance[appearance];
+    return (jsx("div", { className: clsx(className, 'site-menu', fillClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
+                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), isSiteMenuOpen && 'site-menu_state_visible', !isSiteMenuOpen && 'site-menu_state_hidden'), children: jsxs("div", { className: "site-menu__wrapper", children: [jsx("div", { className: "site-menu__close", children: iconClose ? (jsx(Icon, { fill: iconCloseFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconCloseFill), bgFill: iconCloseBgFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconCloseBgFill), size: iconCloseSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconCloseSize), SvgImage: iconClose || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClose), onClick: onClickClose })) : (jsx(Text, { size: closeTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.closeTextSize), textColor: closeTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.closeTextColor), textColorHover: closeTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.closeTextColorHover), 
                         // @ts-expect-error
                         onClick: onClickClose, children: closeText })) }), jsx("div", { className: "site-menu__items", children: children })] }) }));
 }
@@ -73,4 +82,4 @@ function SiteMenuButton(props) {
     return (jsx("div", { className: clsx(className, 'site-menu__button'), onClick: onClickButton, children: children || text }));
 }
 
-export { SiteMenu, SiteMenuButton };
+export { SiteMenu, SiteMenuButton, siteMenuConfig };

package/dist/components/Swiper.js

@@ -4,11 +4,10 @@ import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { T as Title } from '../Title-CQ_Fr1hO.js';
+import { T as Title } from '../Title-mkus84Rh.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';
@@ -17,11 +16,11 @@ import '../hooks/styleAttributes.js';
 import '../appearance/Title.js';
 
 function Swiper(props) {
-    var activeSlideIndex = props.activeSlideIndex, autoHeight = props.autoHeight, breakpoints = props.breakpoints, children = props.children, className = props.className, direction = props.direction, allowTouchMove = props.allowTouchMove, swiperSlideClass = props.swiperSlideClass, preventClicks = props.preventClicks, preventClicksPropagation = props.preventClicksPropagation, simulateTouch = props.simulateTouch, forwardedRef = props.forwardedRef, // https://github.com/vercel/next.js/issues/4957
-    freeMode = props.freeMode, id = props.id, isChangeOnClickSlide = props.isChangeOnClickSlide, isInit = props.isInit, _a = props.isNavigation, isNavigation = _a === void 0 ? false : _a, pagination = props.pagination, isScrollbar = props.isScrollbar, items = props.items, keyboard = props.keyboard, loop = props.loop, modules = props.modules, mousewheel = props.mousewheel, nextButton = props.nextButton, normalizeSlideIndex = props.normalizeSlideIndex, prevButton = props.prevButton, set = props.set, setNextBtnDisabled = props.setNextBtnDisabled, setPrevBtnDisabled = props.setPrevBtnDisabled, slidesPerView = props.slidesPerView, spaceBetween = props.spaceBetween, speed = props.speed, swiperClass = props.swiperClass, title = props.title, titleSize = props.titleSize, titleTextColor = props.titleTextColor, titleWeight = props.titleWeight, titleAfter = props.titleAfter, onSlideNextTransitionEnd = props.onSlideNextTransitionEnd, onSlidePrevTransitionEnd = props.onSlidePrevTransitionEnd, onSwiper = props.onSwiper, onUpdate = props.onUpdate;
+    var id = props.id, children = props.children, direction = props.direction, isChangeOnClickSlide = props.isChangeOnClickSlide, isInit = props.isInit, _a = props.isNavigation, isNavigation = _a === void 0 ? false : _a, isScrollbar = props.isScrollbar, _b = props.activeSlideIndex, activeSlideIndex = _b === void 0 ? 0 : _b, allowTouchMove = props.allowTouchMove, autoHeight = props.autoHeight, breakpoints = props.breakpoints, className = props.className, forwardedRef = props.forwardedRef, // https://github.com/vercel/next.js/issues/4957
+    freeMode = props.freeMode, items = props.items, keyboard = props.keyboard, loop = props.loop, modules = props.modules, mousewheel = props.mousewheel, nextButton = props.nextButton, normalizeSlideIndex = props.normalizeSlideIndex, pagination = props.pagination, prevButton = props.prevButton, preventClicks = props.preventClicks, preventClicksPropagation = props.preventClicksPropagation, set = props.set, setNextBtnDisabled = props.setNextBtnDisabled, setPrevBtnDisabled = props.setPrevBtnDisabled, simulateTouch = props.simulateTouch, slidesPerView = props.slidesPerView, spaceBetween = props.spaceBetween, speed = props.speed, swiperClass = props.swiperClass, swiperSlideClass = props.swiperSlideClass, title = props.title, titleAfter = props.titleAfter, titleSize = props.titleSize, titleTextColor = props.titleTextColor, titleWeight = props.titleWeight, onSlideNextTransitionEnd = props.onSlideNextTransitionEnd, onSlidePrevTransitionEnd = props.onSlidePrevTransitionEnd, onSwiper = props.onSwiper, onUpdate = props.onUpdate;
     var swiperRef = useRef(null);
-    var _b = useSwiperRef(), nextEl = _b[0], nextRef = _b[1];
-    var _c = useSwiperRef(), prevEl = _c[0], prevRef = _c[1];
+    var _c = useSwiperRef(), nextEl = _c[0], nextRef = _c[1];
+    var _d = useSwiperRef(), prevEl = _d[0], prevRef = _d[1];
     var isLoop = loop !== null && loop !== void 0 ? loop : true;
     // @ts-expect-error
     useImperativeHandle(forwardedRef, function () { return swiperRef.current; }, []);
@@ -71,11 +70,10 @@ function Swiper(props) {
     });
     // @ts-expect-error
     var style = useStyles(props).styles;
-    return (jsxs("div", { className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass, shapeClass, className, set && "swiper-block_set_".concat(set)), style: style, id: id, children: [(title || (prevButton && nextButton)) && (jsxs("div", { className: "swiper-block__wrapper", children: [title && (jsx(Title, { className: "swiper-block__title", size: titleSize, textColor: titleTextColor, textWeight: titleWeight, children: title })), titleAfter, prevButton && nextButton && (jsxs("div", { className: "swiper-block__navigation", children: [jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] }))] })), jsx(Swiper$1, { autoHeight: autoHeight !== null && autoHeight !== void 0 ? autoHeight : false, breakpoints: breakpoints, allowTouchMove: allowTouchMove, centeredSlides: true, className: clsx('swiper-block__swiper', swiperClass), direction: direction, freeMode: freeMode, init: isInit !== null && isInit !== void 0 ? isInit : true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { prevEl: prevEl, nextEl: nextEl } : false, normalizeSlideIndex: normalizeSlideIndex, onInit: onInitSwiper, onSlideChange: onSlideChange, onSlideNextTransitionEnd: onSlideNextTransitionEnd, onSlidePrevTransitionEnd: onSlidePrevTransitionEnd, onSwiper: onSwiper, onTransitionStart: onTransitionStart, onUpdate: onUpdate, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, ref: swiperRef, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed !== null && speed !== void 0 ? speed : 500, children: children ||
+    return (jsxs("div", { className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass, shapeClass, className, set && "swiper-block_set_".concat(set)), id: id, style: style, children: [(title || (prevButton && nextButton)) && (jsxs("div", { className: "swiper-block__wrapper", children: [title && (jsx(Title, { className: "swiper-block__title", size: titleSize, textColor: titleTextColor, textWeight: titleWeight, children: title })), titleAfter, prevButton && nextButton && (jsxs("div", { className: "swiper-block__navigation", children: [jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] }))] })), jsx(Swiper$1, { className: clsx('swiper-block__swiper', swiperClass), ref: swiperRef, allowTouchMove: allowTouchMove, autoHeight: autoHeight !== null && autoHeight !== void 0 ? autoHeight : false, breakpoints: breakpoints, centeredSlides: true, direction: direction, freeMode: freeMode, init: isInit !== null && isInit !== void 0 ? isInit : true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { nextEl: nextEl, prevEl: prevEl } : false, normalizeSlideIndex: normalizeSlideIndex, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed !== null && speed !== void 0 ? speed : 500, onInit: onInitSwiper, onSlideChange: onSlideChange, onSlideNextTransitionEnd: onSlideNextTransitionEnd, onSlidePrevTransitionEnd: onSlidePrevTransitionEnd, onSwiper: onSwiper, onTransitionStart: onTransitionStart, onUpdate: onUpdate, children: children ||
                     (items === null || items === void 0 ? void 0 : items.map(function (item, i) { return (jsx(SwiperSlide, { className: clsx('swiper-block__item', swiperSlideClass, alignDirectionClass, alignClass), children: item }, "swiper-slide_".concat(i))); })) })] }));
 }
 Swiper.defaultProps = {
-    activeSlideIndex: 0,
     disabledButtonClass: 'swiper-button-disabled',
 };
 // https://github.com/nolimits4web/swiper/issues/3855#issuecomment-1050694342

package/dist/components/Switch.js

@@ -1,12 +1,20 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
+import { switchAppearance } from '../appearance/Switch.js';
 
+var switchConfig = {
+    appearance: switchAppearance,
+    setAppearance: function (newComponent) {
+        switchConfig.appearance = newComponent;
+    },
+};
 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, 
+    var id = props.id, appearance = props.appearance, checked = props.checked, className = props.className, disabled = props.disabled, set = props.set, size = props.size, onChange = props.onChange;
+    appearance && switchConfig.appearance && switchConfig.appearance[appearance];
+    return (jsxs("div", { className: clsx('switch', className, size && "switch_size_".concat(size), set && "switch_set_".concat(set)), children: [jsx("input", { className: "switch__checkbox", 
                 // @ts-expect-error
-                ref: ref, type: "checkbox", onChange: onChange }), jsx("div", { className: "switch__bg", children: "\u00A0" }), jsx("div", { className: "switch__toggle", children: "\u00A0" })] }));
+                ref: ref, checked: checked, disabled: disabled, id: id, type: "checkbox", onChange: onChange }), jsx("div", { className: "switch__bg", children: "\u00A0" }), jsx("div", { className: "switch__toggle", children: "\u00A0" })] }));
 });
 
-export { Switch };
+export { Switch, switchConfig };

package/dist/components/Tab.js

@@ -4,21 +4,21 @@ import clsx from 'clsx';
 import { tabAppearance } from '../appearance/Tab.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Badge } from '../Badge-BZYBmgBK.js';
-import { D as Divider } from '../Divider-U5UdY-ef.js';
-import { L as Link } from '../Link-CzC1kU5C.js';
-import { T as Text } from '../Text-kxGZButz.js';
+import { B as Badge } from '../Badge-DQnTpE4I.js';
+import { D as Divider } from '../Divider-DE2Q5J36.js';
+import { L as Link } from '../Link-CeQuavin.js';
+import { T as Text } from '../Text-DlSG_p4u.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
-import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../appearance/Badge.js';
-import '../tslib.es6-w7hdJ3oZ.js';
+import '../appearance/Divider.js';
+import '../tslib.es6-5FtW-kfi.js';
 import '../appearance/Text.js';
 
 var tabConfig = {