@itcase/ui 1.9.59 → 1.9.60

package/dist/types/components/Modal/index.d.ts

@@ -1,4 +1,5 @@
 import { Modal, modalConfig } from './Modal';
 import { modalAppearance } from './Modal.appearance';
 import { ModalLoader } from './ModalLoader';
-export { Modal, modalConfig, modalAppearance, ModalLoader };
+export { Modal, modalAppearance, modalConfig, ModalLoader };
+export type { ModalAppearance, ModalConfig, ModalProps, ModalRef, } from './Modal.interface';

package/dist/types/components/ModalSheetBottom/ModalSheetBottom.d.ts

@@ -2,13 +2,13 @@ import React from 'react';
 import type { ModalSheetBottomRef } from './ModalSheetBottom.interface';
 declare const ModalSheetBottom: React.ForwardRefExoticComponent<{
     fill?: import("@itcase/types-ui").FillProps;
-    titleTextColor?: import("../Title/Title.interface").TitleProps["textColor"];
-    titleTextColorHover?: import("../Title/Title.interface").TitleProps["textColorHover"];
-    titleTextSize?: import("../Title/Title.interface").TitleProps["size"];
-    titleTextTruncate?: import("../Title/Title.interface").TitleProps["textTruncate"];
-    titleTextWeight?: import("../Title/Title.interface").TitleProps["textWeight"];
-    titleTextWidth?: import("../Title/Title.interface").TitleProps["width"];
-    titleTextWrap?: import("../Title/Title.interface").TitleProps["textWrap"];
+    titleTextColor?: import("src/components/Title").TitleProps["textColor"];
+    titleTextColorHover?: import("src/components/Title").TitleProps["textColorHover"];
+    titleTextSize?: import("src/components/Title").TitleProps["size"];
+    titleTextTruncate?: import("src/components/Title").TitleProps["textTruncate"];
+    titleTextWeight?: import("src/components/Title").TitleProps["textWeight"];
+    titleTextWidth?: import("src/components/Title").TitleProps["width"];
+    titleTextWrap?: import("src/components/Title").TitleProps["textWrap"];
     zeroPadding?: boolean;
 } & Partial<import("react-modal-sheet").SheetProps> & {
     appearance?: import("@itcase/types-ui").AppearanceSizeKey;

package/dist/types/components/ModalSheetBottom/index.d.ts

@@ -1,2 +1,3 @@
 export { ModalSheetBottom } from './ModalSheetBottom';
 export { modalSheetBottomAppearance } from './ModalSheetBottom.appearance';
+export type { ModalSheetBottomAppearance, ModalSheetBottomConfig, ModalSheetBottomProps, ModalSheetBottomRef, } from './ModalSheetBottom.interface';

package/dist/types/components/Notification/index.d.ts

@@ -1,4 +1,5 @@
 import { Notification, notificationConfig } from './Notification';
 import { notificationAppearance } from './Notification.appearance';
 import { NotificationWrapper } from './NotificationWrapper';
-export { NotificationWrapper, Notification, notificationConfig, notificationAppearance, };
+export { Notification, notificationAppearance, notificationConfig, NotificationWrapper, };
+export type { NotificationAppearance, NotificationConfig, NotificationProps, NotificationWrapperProps, } from './Notification.interface';

package/dist/types/components/Overlay/index.d.ts

@@ -1,2 +1,3 @@
 export { Overlay, overlayConfig } from './Overlay';
 export { overlayAppearance } from './Overlay.appearance';
+export type { OverlayAppearance, OverlayConfig, OverlayProps, } from './Overlay.interface';

package/dist/types/components/Pagination/index.d.ts

@@ -1,2 +1,3 @@
 export { Pagination, paginationConfig } from './Pagination';
 export { paginationAppearance } from './Pagination.appearance';
+export type { PaginationAppearance, PaginationConfig, PaginationProps, } from './Pagination.interface';

package/dist/types/components/Radio/index.d.ts

@@ -1,2 +1,3 @@
 export { Radio, radioConfig } from './Radio';
 export { radioAppearance } from './Radio.appearance';
+export type { RadioAppearance, RadioConfig, RadioProps, } from './Radio.interface';

package/dist/types/components/RangeSlider/index.d.ts

@@ -1 +1,2 @@
 export { RangeSlider } from './RangeSlider';
+export type { RangeSliderProps } from './RangeSlider.interface';

package/dist/types/components/Response/Response.d.ts

@@ -5,43 +5,43 @@ declare const Response: import("react").ForwardRefExoticComponent<Omit<{
     borderColorHover?: import("@itcase/types-ui").BorderColorHoverProps;
     borderType?: import("@itcase/types-ui").BorderTypeProps;
     borderWidth?: import("@itcase/types-ui").BorderWidthProps;
-    descTextColor?: import("../Text/Text.interface").TextProps["textColor"];
-    descTextSize?: import("../Text/Text.interface").TextProps["size"];
-    descTextWeight?: import("../Text/Text.interface").TextProps["textWeight"];
+    descTextColor?: import("src/components/Text").TextProps["textColor"];
+    descTextSize?: import("src/components/Text").TextProps["size"];
+    descTextWeight?: import("src/components/Text").TextProps["textWeight"];
     fill?: import("@itcase/types-ui").FillProps;
     fillHover?: import("@itcase/types-ui").FillHoverProps;
-    imageSrc?: import("../Icon/Icon.interface").IconProps["imageSrc"];
-    primaryButtonAfter?: import("../Button/Button.interface").ButtonProps["after"];
-    primaryButtonAppearance?: import("../Button/Button.interface").ButtonProps["appearance"];
-    primaryButtonBefore?: import("../Button/Button.interface").ButtonProps["before"];
-    primaryButtonFill?: import("../Button/Button.interface").ButtonProps["fill"];
-    primaryButtonFillHover?: import("../Button/Button.interface").ButtonProps["fillHover"];
-    primaryButtonLabel?: import("../Button/Button.interface").ButtonProps["label"];
-    primaryButtonLabelTextColor?: import("../Button/Button.interface").ButtonProps["labelTextColor"];
-    primaryButtonLabelTextSize?: import("../Button/Button.interface").ButtonProps["labelTextSize"];
-    primaryButtonShape?: import("../Button/Button.interface").ButtonProps["shape"];
-    primaryButtonSize?: import("../Button/Button.interface").ButtonProps["size"];
-    primaryButtonWidth?: import("../Button/Button.interface").ButtonProps["width"];
-    secondaryButtonAfter?: import("../Button/Button.interface").ButtonProps["after"];
-    secondaryButtonAppearance?: import("../Button/Button.interface").ButtonProps["appearance"];
-    secondaryButtonBefore?: import("../Button/Button.interface").ButtonProps["before"];
-    secondaryButtonFill?: import("../Button/Button.interface").ButtonProps["fill"];
-    secondaryButtonFillHover?: import("../Button/Button.interface").ButtonProps["fillHover"];
-    secondaryButtonLabel?: import("../Button/Button.interface").ButtonProps["label"];
-    secondaryButtonLabelTextColor?: import("../Button/Button.interface").ButtonProps["labelTextColor"];
-    secondaryButtonLabelTextSize?: import("../Button/Button.interface").ButtonProps["labelTextSize"];
-    secondaryButtonShape?: import("../Button/Button.interface").ButtonProps["shape"];
-    secondaryButtonSize?: import("../Button/Button.interface").ButtonProps["size"];
-    secondaryButtonWidth?: import("../Button/Button.interface").ButtonProps["width"];
+    imageSrc?: import("../Icon").IconProps["imageSrc"];
+    primaryButtonAfter?: import("src/components/Button").ButtonProps["after"];
+    primaryButtonAppearance?: import("src/components/Button").ButtonProps["appearance"];
+    primaryButtonBefore?: import("src/components/Button").ButtonProps["before"];
+    primaryButtonFill?: import("src/components/Button").ButtonProps["fill"];
+    primaryButtonFillHover?: import("src/components/Button").ButtonProps["fillHover"];
+    primaryButtonLabel?: import("src/components/Button").ButtonProps["label"];
+    primaryButtonLabelTextColor?: import("src/components/Button").ButtonProps["labelTextColor"];
+    primaryButtonLabelTextSize?: import("src/components/Button").ButtonProps["labelTextSize"];
+    primaryButtonShape?: import("src/components/Button").ButtonProps["shape"];
+    primaryButtonSize?: import("src/components/Button").ButtonProps["size"];
+    primaryButtonWidth?: import("src/components/Button").ButtonProps["width"];
+    secondaryButtonAfter?: import("src/components/Button").ButtonProps["after"];
+    secondaryButtonAppearance?: import("src/components/Button").ButtonProps["appearance"];
+    secondaryButtonBefore?: import("src/components/Button").ButtonProps["before"];
+    secondaryButtonFill?: import("src/components/Button").ButtonProps["fill"];
+    secondaryButtonFillHover?: import("src/components/Button").ButtonProps["fillHover"];
+    secondaryButtonLabel?: import("src/components/Button").ButtonProps["label"];
+    secondaryButtonLabelTextColor?: import("src/components/Button").ButtonProps["labelTextColor"];
+    secondaryButtonLabelTextSize?: import("src/components/Button").ButtonProps["labelTextSize"];
+    secondaryButtonShape?: import("src/components/Button").ButtonProps["shape"];
+    secondaryButtonSize?: import("src/components/Button").ButtonProps["size"];
+    secondaryButtonWidth?: import("src/components/Button").ButtonProps["width"];
     shape?: import("@itcase/types-ui").ShapeProps;
     shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
     svgFill?: import("@itcase/types-ui").SvgFillProps;
-    SvgImage?: import("../Icon/Icon.interface").IconProps["SvgImage"];
+    SvgImage?: import("../Icon").IconProps["SvgImage"];
     svgPathFill?: import("@itcase/types-ui").SvgFillProps;
-    svgSrc?: import("../Icon/Icon.interface").IconProps["imageSrc"];
-    titleTextColor?: import("../Text/Text.interface").TextProps["textColor"];
-    titleTextSize?: import("../Text/Text.interface").TextProps["size"];
-    titleTextWeight?: import("../Text/Text.interface").TextProps["textWeight"];
+    svgSrc?: import("../Icon").IconProps["imageSrc"];
+    titleTextColor?: import("src/components/Text").TextProps["textColor"];
+    titleTextSize?: import("src/components/Text").TextProps["size"];
+    titleTextWeight?: import("src/components/Text").TextProps["textWeight"];
 } & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
     after?: import("react").ReactNode;
     appearance?: import("@itcase/types-ui").CompositeAppearanceResponseKeys;
@@ -52,8 +52,8 @@ declare const Response: import("react").ForwardRefExoticComponent<Omit<{
     desc?: string;
     isBottomButton?: boolean;
     isSkeleton?: boolean;
-    onClickPrimaryButton?: import("../Button/Button.interface").ButtonProps["onClick"];
-    onClickSecondaryButton?: import("../Button/Button.interface").ButtonProps["onClick"];
+    onClickPrimaryButton?: import("src/components/Button").ButtonProps["onClick"];
+    onClickSecondaryButton?: import("src/components/Button").ButtonProps["onClick"];
     primaryButton?: import("react").ReactNode;
     secondaryButton?: import("react").ReactNode;
     showPrimaryButton?: boolean;

package/dist/types/components/Response/index.d.ts

@@ -3,3 +3,4 @@ import { Response, responseConfig } from './Response';
 import { responseAppearance } from './Response.appearance';
 import { RESPONSE_MESSAGES } from './Response.constant';
 export { Response, RESPONSE_MESSAGES, responseAppearance, responseConfig, responseIcon, };
+export type { ResponseAppearance, ResponseConfig, ResponseProps, } from './Response.interface';

package/dist/types/components/SVGContent/SVGContent.d.ts

@@ -6,6 +6,6 @@ declare const SVGContent: import("react").ForwardRefExoticComponent<Omit<import(
     dataTestId?: string;
     dataTour?: string;
     src?: string;
-    SvgImage?: import("../Icon/Icon.interface").IconProps["SvgImage"];
+    SvgImage?: import("../Icon").IconProps["SvgImage"];
 } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export { SVGContent };

package/dist/types/components/SVGContent/index.d.ts

@@ -1 +1,2 @@
 export { SVGContent } from './SVGContent';
+export type { SVGContentProps } from './SVGContent.interface';

package/dist/types/components/ScrollOnDrag/index.d.ts

@@ -1 +1,2 @@
 export { ScrollOnDrag } from './ScrollOnDrag';
+export type { ScrollOnDragProps } from './ScrollOnDrag.interface';

package/dist/types/components/ScrollToView/index.d.ts

@@ -1 +1,2 @@
 export { ScrollToView } from './ScrollToView';
+export type { ScrollToViewProps } from './ScrollToView.interface';

package/dist/types/components/Scrollbar/index.d.ts

@@ -1 +1,2 @@
 export { Scrollbar } from './Scrollbar';
+export type { ScrollbarProps } from './Scrollbar.interface';

package/dist/types/components/Search/SearchInput.d.ts

@@ -8,27 +8,27 @@ declare const SearchInput: React.ForwardRefExoticComponent<{
     borderType?: import("@itcase/types-ui").BorderTypeProps;
     borderWidth?: import("@itcase/types-ui").BorderWidthProps;
     fill?: import("@itcase/types-ui").FillProps;
-    iconAfter?: import("../Icon/Icon.interface").IconProps["imageSrc"];
-    iconAfterFill?: import("../Icon/Icon.interface").IconProps["iconFill"];
-    iconAfterSize?: import("../Icon/Icon.interface").IconProps["size"];
-    iconAfterSrc?: import("../Icon/Icon.interface").IconProps["imageSrc"];
-    iconBefore?: import("../Icon/Icon.interface").IconProps["SvgImage"];
-    iconBeforeFill?: import("../Icon/Icon.interface").IconProps["iconFill"];
-    iconBeforeSize?: import("../Icon/Icon.interface").IconProps["size"];
-    iconBeforeSrc?: import("../Icon/Icon.interface").IconProps["imageSrc"];
-    iconClear?: import("../Icon/Icon.interface").IconProps["SvgImage"];
-    iconClearFill?: import("../Icon/Icon.interface").IconProps["iconFill"];
-    iconClearSize?: import("../Icon/Icon.interface").IconProps["size"];
-    iconClearSrc?: import("../Icon/Icon.interface").IconProps["imageSrc"];
+    iconAfter?: import("src/components/Icon").IconProps["imageSrc"];
+    iconAfterFill?: import("src/components/Icon").IconProps["iconFill"];
+    iconAfterSize?: import("src/components/Icon").IconProps["size"];
+    iconAfterSrc?: import("src/components/Icon").IconProps["imageSrc"];
+    iconBefore?: import("src/components/Icon").IconProps["SvgImage"];
+    iconBeforeFill?: import("src/components/Icon").IconProps["iconFill"];
+    iconBeforeSize?: import("src/components/Icon").IconProps["size"];
+    iconBeforeSrc?: import("src/components/Icon").IconProps["imageSrc"];
+    iconClear?: import("src/components/Icon").IconProps["SvgImage"];
+    iconClearFill?: import("src/components/Icon").IconProps["iconFill"];
+    iconClearSize?: import("src/components/Icon").IconProps["size"];
+    iconClearSrc?: import("src/components/Icon").IconProps["imageSrc"];
     inputFill?: import("@itcase/types-ui").FillProps;
-    inputTextColor?: import("../Text/Text.interface").TextProps["textColor"];
-    inputTextSize?: import("../Text/Text.interface").TextProps["size"];
-    inputTextStyle?: import("../Text/Text.interface").TextProps["textStyle"];
+    inputTextColor?: import("src/components/Text").TextProps["textColor"];
+    inputTextSize?: import("src/components/Text").TextProps["size"];
+    inputTextStyle?: import("src/components/Text").TextProps["textStyle"];
     inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
-    placeholderTextColor?: import("../Text/Text.interface").TextProps["textColor"];
-    placeholderTextSize?: import("../Text/Text.interface").TextProps["size"];
-    placeholderTextStyle?: import("../Text/Text.interface").TextProps["textStyle"];
-    placeholderTextWeight?: import("../Text/Text.interface").TextProps["textWeight"];
+    placeholderTextColor?: import("src/components/Text").TextProps["textColor"];
+    placeholderTextSize?: import("src/components/Text").TextProps["size"];
+    placeholderTextStyle?: import("src/components/Text").TextProps["textStyle"];
+    placeholderTextWeight?: import("src/components/Text").TextProps["textWeight"];
     shape?: import("@itcase/types-ui").ShapeProps;
     shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
     size?: import("@itcase/types-ui").SizeProps;

package/dist/types/components/Search/index.d.ts

@@ -1,4 +1,5 @@
 import { searchAppearance } from './Search.appearance';
 import { SearchInput, searchInputConfig } from './SearchInput';
 import { SearchResult } from './SearchResult';
-export { SearchInput, searchInputConfig, searchAppearance, SearchResult };
+export { searchAppearance, SearchInput, searchInputConfig, SearchResult };
+export type { SearchAppearance, SearchConfig, SearchProps, SearchResultProps, } from './Search.interface';

package/dist/types/components/Segmented/index.d.ts

@@ -1,2 +1,3 @@
 export { Segmented, segmentedConfig } from './Segmented';
 export { segmentedAppearance } from './Segmented.appearance';
+export type { Segment, SegmentedAppearance, SegmentedConfig, SegmentedProps, } from './Segmented.interface';

package/dist/types/components/Select/index.d.ts

@@ -14,3 +14,4 @@ import { SelectPlaceholder } from './SelectPlaceholder';
 import { SelectSingleValue } from './SelectSingleValue';
 import { SelectValueContainer } from './SelectValueContainer';
 export { SelectContainer as Select, SelectClearIndicator, selectConfig, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, };
+export type { SelectAppearance, SelectAppearanceProps, SelectConfig, SelectProps, SelectPropsCustom, } from './Select.interface';

package/dist/types/components/Swiper/index.d.ts

@@ -1 +1,2 @@
 export { Swiper } from './Swiper';
+export type { SwiperProps } from './Swiper.interface';

package/dist/types/components/Switch/Switch.d.ts

@@ -3,8 +3,8 @@ import type { SwitchConfig } from './Switch.interface';
 declare const switchConfig: SwitchConfig;
 declare const Switch: React.ForwardRefExoticComponent<import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
     borderColor?: import("@itcase/types-ui").BorderColorProps;
-    descTextColor?: import("../Text/Text.interface").TextProps["textColor"];
-    descTextSize?: import("../Text/Text.interface").TextProps["size"];
+    descTextColor?: import("src/components/Text").TextProps["textColor"];
+    descTextSize?: import("src/components/Text").TextProps["size"];
     fill?: import("@itcase/types-ui").FillProps;
     fillActive?: import("@itcase/types-ui").FillActiveProps;
     fillActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
@@ -15,8 +15,8 @@ declare const Switch: React.ForwardRefExoticComponent<import("../../hooks/useSty
     fillToggleHover?: import("@itcase/types-ui").FillHoverProps;
     set?: string;
     size?: string;
-    titleTextColor?: import("../Text/Text.interface").TextProps["textColor"];
-    titleTextSize?: import("../Text/Text.interface").TextProps["size"];
+    titleTextColor?: import("src/components/Text").TextProps["textColor"];
+    titleTextSize?: import("src/components/Text").TextProps["size"];
 } & {
     id?: string;
     align?: import("@itcase/types-ui").AlignProps;

package/dist/types/components/Switch/index.d.ts

@@ -1,2 +1,3 @@
 export { Switch, switchConfig } from './Switch';
 export { switchAppearance } from './Switch.appearance';
+export type { SwitchAppearance, SwitchConfig, SwitchProps, } from './Switch.interface';

package/dist/types/components/Tab/index.d.ts

@@ -1,3 +1,4 @@
 export { Tab, tabConfig } from './Tab';
 export { tabAppearance } from './Tab.appearance';
+export type { TabAppearance, TabConfig, TabGroupProps, TabProps, } from './Tab.interface';
 export { TabGroup } from './TabGroup';

package/dist/types/components/Text/index.d.ts

@@ -1,2 +1,3 @@
 export { Text, textConfig } from './Text';
 export { textAppearance } from './Text.appearance';
+export type { TextAppearance, TextConfig, TextProps } from './Text.interface';

package/dist/types/components/Textarea/index.d.ts

@@ -1,2 +1,3 @@
 export { Textarea, textareaConfig } from './Textarea';
 export { textareaAppearance } from './Textarea.appearance';
+export type { TextareaAppearance, TextareaConfig, TextareaProps, } from './Textarea.interface';

package/dist/types/components/Tile/index.d.ts

@@ -1,2 +1,3 @@
 export { Tile, tileConfig } from './Tile';
 export { tileAppearance } from './Tile.appearance';
+export type { TileAppearance, TileAppearanceProps, TileConfig, TileProps, } from './Tile.interface';

package/dist/types/components/Title/index.d.ts

@@ -1,2 +1,3 @@
 export { Title, titleConfig } from './Title';
 export { titleAppearance } from './Title.appearance';
+export type { TitleAppearance, TitleConfig, TitleProps, } from './Title.interface';

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -17,12 +17,12 @@ declare const Tooltip: React.ForwardRefExoticComponent<import("../../hooks/useSt
     shape?: import("@itcase/types-ui").ShapeProps;
     shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
     size?: import("@itcase/types-ui").SizeProps;
-    textColor?: import("../Text/Text.interface").TextProps["textColor"];
-    textSize?: import("../Text/Text.interface").TextProps["size"];
-    textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
-    titleColor?: import("../Title/Title.interface").TitleProps["textColor"];
-    titleSize?: import("../Title/Title.interface").TitleProps["size"];
-    titleWeight?: import("../Title/Title.interface").TitleProps["textWeight"];
+    textColor?: import("src/components/Text").TextProps["textColor"];
+    textSize?: import("src/components/Text").TextProps["size"];
+    textWeight?: import("src/components/Text").TextProps["textWeight"];
+    titleColor?: import("src/components/Title").TitleProps["textColor"];
+    titleSize?: import("src/components/Title").TitleProps["size"];
+    titleWeight?: import("src/components/Title").TitleProps["textWeight"];
     wrap?: import("@itcase/types-ui").WrapProps;
 } & {
     after?: string;

package/dist/types/components/Tooltip/index.d.ts

@@ -1,2 +1,3 @@
 export { Tooltip, tooltipConfig } from './Tooltip';
 export { tooltipAppearance } from './Tooltip.appearance';
+export type { TooltipAppearance, TooltipConfig, TooltipProps, } from './Tooltip.interface';

package/dist/types/components/Video/index.d.ts

@@ -1 +1,2 @@
 export { Video } from './Video';
+export type { VideoProps } from './Video.interface';

package/dist/types/components/Warning/index.d.ts

@@ -1,2 +1,3 @@
 export { Warning, warningConfig } from './Warning';
 export { warningAppearance } from './Warning.appearance';
+export type { WarningAppearance, WarningConfig, WarningProps, } from './Warning.interface';

package/dist/utils.js

@@ -1,4 +1,4 @@
-export { m as mergeAppearanceKeys, s as setViewportProperty } from './primitives_es_BNlMaZfZ.js';
+export { m as mergeAppearanceKeys, s as setViewportProperty } from './primitives_es_BjyEnscF.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.59",
+  "version": "1.9.60",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",

package/dist/{primitives_cjs_DX--6Yn5.js → primitives_cjs_CnyJ13MJ.js}

@@ -891,6 +891,63 @@ const getTargetStyleAttributeKey = (styleKey, styleValue = '') => {
     return styleAttributeKey;
 };
 
+const textAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+    },
+    sizeXL: {
+        size: 'xl',
+    },
+    sizeL: {
+        size: 'l',
+    },
+    sizeM: {
+        size: 'm',
+    },
+    sizeS: {
+        size: 's',
+    },
+    sizeXS: {
+        size: 'xs',
+    },
+    sizeXXS: {
+        size: 'xxs',
+    },
+};
+
+const textAppearance = {
+    ...textAppearanceSize,
+};
+
+const textConfig = {
+    appearance: textAppearance,
+    setAppearance: (appearanceConfig) => {
+        textConfig.appearance = appearanceConfig;
+    },
+};
+function Text(props) {
+    const { appearance, className, dataTestId, dataTour, cursor, style, tag: Tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, onDoubleClick, children, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, textConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
+    const { styles: textStyles } = useStyles(props);
+    return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'text', sizeClass && `text_size_${sizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, textAlignClass && `text-align_${textAlignClass}`, isDisabled &&
+            textColorDisabledClass &&
+            `text-color_${textColorDisabledClass}`, !isActive &&
+            !isDisabled &&
+            textColorClass &&
+            `text-color_${textColorClass}`, !isActive &&
+            !isDisabled &&
+            textColorHoverClass &&
+            `text-color_hover_${textColorHoverClass}`, isActive &&
+            !isDisabled &&
+            textColorActiveHoverClass &&
+            `text-color_active_hover_${textColorActiveHoverClass}`, isActive &&
+            !isDisabled &&
+            textColorActiveClass &&
+            `text-color_active_${textColorActiveClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWrapClass && `word-wrap_${textWrapClass}`, textTruncateClass && `text-truncate_${textTruncateClass}`, isSkeleton && 'text_skeleton', widthClass && `width_${widthClass}`, cursorClass && `cursor_${cursorClass}`, onClick && (cursor || 'cursor_type_pointer')), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, textStyles, style), onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
+}
+
 const badgeAppearanceAccent = {
     accentPrimary: {
         fill: 'accentPrimary',
@@ -1124,63 +1181,6 @@ const badgeAppearance = {
     ...badgeAppearanceWarning,
 };
 
-const textAppearanceSize = {
-    sizeXXL: {
-        size: 'xxl',
-    },
-    sizeXL: {
-        size: 'xl',
-    },
-    sizeL: {
-        size: 'l',
-    },
-    sizeM: {
-        size: 'm',
-    },
-    sizeS: {
-        size: 's',
-    },
-    sizeXS: {
-        size: 'xs',
-    },
-    sizeXXS: {
-        size: 'xxs',
-    },
-};
-
-const textAppearance = {
-    ...textAppearanceSize,
-};
-
-const textConfig = {
-    appearance: textAppearance,
-    setAppearance: (appearanceConfig) => {
-        textConfig.appearance = appearanceConfig;
-    },
-};
-function Text(props) {
-    const { appearance, className, dataTestId, dataTour, cursor, style, tag: Tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, onDoubleClick, children, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, textConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
-    const { styles: textStyles } = useStyles(props);
-    return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'text', sizeClass && `text_size_${sizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, textAlignClass && `text-align_${textAlignClass}`, isDisabled &&
-            textColorDisabledClass &&
-            `text-color_${textColorDisabledClass}`, !isActive &&
-            !isDisabled &&
-            textColorClass &&
-            `text-color_${textColorClass}`, !isActive &&
-            !isDisabled &&
-            textColorHoverClass &&
-            `text-color_hover_${textColorHoverClass}`, isActive &&
-            !isDisabled &&
-            textColorActiveHoverClass &&
-            `text-color_active_hover_${textColorActiveHoverClass}`, isActive &&
-            !isDisabled &&
-            textColorActiveClass &&
-            `text-color_active_${textColorActiveClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWrapClass && `word-wrap_${textWrapClass}`, textTruncateClass && `text-truncate_${textTruncateClass}`, isSkeleton && 'text_skeleton', widthClass && `width_${widthClass}`, cursorClass && `cursor_${cursorClass}`, onClick && (cursor || 'cursor_type_pointer')), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, textStyles, style), onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
-}
-
 const badgeConfig = {
     appearance: badgeAppearance,
     setAppearance: (appearanceConfig) => {