@itcase/ui-web 1.9.77

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

@@ -0,0 +1,118 @@
+import type { CSSProperties, ReactNode } from 'react';
+import { GeneratedId } from '@itcase/types-core';
+import { AlignProps, AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, DirectionProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps, WrapProps } from '@itcase/types-ui';
+import type { StyleAttributes } from '@itcase/ui-core/hooks';
+import { BadgeProps } from 'src/components/Badge/Badge.interface';
+import { DividerProps } from 'src/components/Divider/Divider.interface';
+import { IconProps } from 'src/components/Icon/Icon.interface';
+import { TextProps } from 'src/components/Text/Text.interface';
+type TabAppearanceProps = {
+    align?: AlignProps;
+    alignDirection?: DirectionProps;
+    badgeAppearance?: BadgeProps['appearance'];
+    badgeAppearanceSize?: AppearanceSizeKey;
+    badgeShape?: BadgeProps['shape'];
+    badgeSize?: BadgeProps['size'];
+    badgeTextColor?: BadgeProps['textColor'];
+    badgeTextSize?: BadgeProps['textSize'];
+    borderColor?: BorderColorProps;
+    borderColorActive?: BorderColorActiveProps;
+    dividerDirection?: DividerProps['direction'];
+    dividerFill?: DividerProps['fill'];
+    dividerFillActive?: DividerProps['fillActive'];
+    dividerFillActiveHover?: DividerProps['fillActiveHover'];
+    dividerFillDisabled?: DividerProps['fillDisabled'];
+    dividerFillHover?: DividerProps['fillHover'];
+    dividerSize?: DividerProps['size'];
+    fill?: FillProps;
+    fillActive?: FillActiveProps;
+    fillActiveHover?: FillHoverProps;
+    fillDisabled?: FillProps;
+    fillHover?: FillHoverProps;
+    icon?: IconProps['SvgImage'];
+    iconFill?: IconProps['fill'];
+    iconFillIcon?: IconProps['iconFill'];
+    iconFillSize?: IconProps['fillSize'];
+    iconShape?: IconProps['shape'];
+    iconSize?: IconProps['iconSize'];
+    iconSrc?: IconProps['imageSrc'];
+    justifyContent?: JustifyContentProps;
+    labelColor?: TextProps['textColor'];
+    labelColorActive?: TextProps['textColorActive'];
+    labelColorDisabled?: TextProps['textColorDisabled'];
+    labelTextAlign?: TextProps['textAlign'];
+    labelTextColor?: TextProps['textColor'];
+    labelTextColorActive?: TextProps['textColorActive'];
+    labelTextColorHover?: TextProps['textColorHover'];
+    labelTextGradient?: string;
+    labelTextSize?: TextProps['size'];
+    labelTextStyle?: TextProps['textStyle'];
+    labelTextWeight?: TextProps['textWeight'];
+    labelTextWrap?: TextProps['textWrap'];
+    linkFill?: FillProps;
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
+    type?: string;
+    width?: WidthProps;
+};
+type TabProps = StyleAttributes & TabAppearanceProps & {
+    after?: ReactNode;
+    appearance?: CompositeAppearanceKey;
+    badgeValue?: BadgeProps['value'];
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    href?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    label?: string;
+    link?: string;
+    onClick?: () => void;
+    onMouseEnter?: () => void;
+    rel?: string;
+    style?: CSSProperties;
+    target?: string;
+};
+type TabGroupAppearanceProps = {
+    align?: AlignProps;
+    alignDirection?: DirectionProps;
+    borderColor?: BorderColorProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
+    direction?: DirectionProps;
+    fill?: FillProps;
+    width?: WidthProps;
+    wrap?: WrapProps;
+};
+type TabsItem = {
+    badgeValue?: TabProps['badgeValue'];
+    icon?: TabProps['icon'];
+    iconSrc?: TabProps['iconSrc'];
+    isActive?: TabProps['isActive'];
+    key?: GeneratedId;
+    label?: TabProps['label'];
+    onClick?: TabProps['onClick'];
+};
+type TabGroupProps = StyleAttributes & TabGroupAppearanceProps & {
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    horizontalScroll?: boolean;
+    style?: CSSProperties;
+    tabAppearance?: TabProps['appearance'];
+    tabList?: TabsItem[];
+};
+type TabAppearanceKey = AppearanceKeysDefault | AppearanceSizeKey | AppearanceStyleKey;
+type TabAppearance = {
+    [key in TabAppearanceKey]?: TabAppearanceProps;
+};
+type TabConfig = {
+    appearance: TabAppearance;
+    setAppearance: (appearanceConfig: TabAppearance) => void;
+};
+export type { TabAppearance, TabConfig, TabGroupProps, TabProps };

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

@@ -0,0 +1,3 @@
+import type { TabGroupProps } from './Tab.interface';
+declare function TabGroup(props: TabGroupProps): import("react/jsx-runtime").JSX.Element;
+export { TabGroup };

package/dist/types/components/Tab/appearance/tabError.d.ts

@@ -0,0 +1,3 @@
+import { TabAppearance } from '../Tab.interface';
+declare const tabAppearanceError: TabAppearance;
+export { tabAppearanceError };

package/dist/types/components/Tab/appearance/tabSize.d.ts

@@ -0,0 +1,3 @@
+import { TabAppearance } from '../Tab.interface';
+declare const tabAppearanceSize: TabAppearance;
+export { tabAppearanceSize };

package/dist/types/components/Tab/appearance/tabStyle.d.ts

@@ -0,0 +1,3 @@
+import { TabAppearance } from '../Tab.interface';
+declare const tabAppearanceStyle: TabAppearance;
+export { tabAppearanceStyle };

package/dist/types/components/Tab/appearance/tabSuccess.d.ts

@@ -0,0 +1,3 @@
+import { TabAppearance } from '../Tab.interface';
+declare const tabAppearanceSuccess: TabAppearance;
+export { tabAppearanceSuccess };

package/dist/types/components/Tab/appearance/tabSurface.d.ts

@@ -0,0 +1,3 @@
+import { TabAppearance } from '../Tab.interface';
+declare const tabAppearanceSurface: TabAppearance;
+export { tabAppearanceSurface };

package/dist/types/components/Tab/appearance/tabWarning.d.ts

@@ -0,0 +1,3 @@
+import { TabAppearance } from '../Tab.interface';
+declare const tabAppearanceWarning: TabAppearance;
+export { tabAppearanceWarning };

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

@@ -0,0 +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/Tab/stories/__mock__/index.d.ts

@@ -0,0 +1,22 @@
+declare const tabListMock: {
+    tabList: ({
+        key: number;
+        label: string;
+        isActive: boolean;
+        badgeValue?: undefined;
+        icon?: undefined;
+    } | {
+        key: number;
+        label: string;
+        badgeValue: number;
+        isActive: boolean;
+        icon?: undefined;
+    } | {
+        key: number;
+        label: string;
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        isActive: boolean;
+        badgeValue?: undefined;
+    })[];
+};
+export { tabListMock };

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

@@ -0,0 +1,3 @@
+import { TextAppearance } from './Text.interface';
+declare const textAppearance: TextAppearance;
+export { textAppearance };

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

@@ -0,0 +1,4 @@
+import type { TextConfig, TextProps } from './Text.interface';
+declare const textConfig: TextConfig;
+declare function Text(props: TextProps): import("react/jsx-runtime").JSX.Element;
+export { Text, textConfig };

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

@@ -0,0 +1,45 @@
+import { CSSProperties, ReactNode } from 'react';
+import { AppearanceSizeKey, TextAlignProps, TextColorActiveHoverProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextFontProps, TextSizeProps, TextStyleProps, TextTagProps, TextWeightProps, TextWrapProps } from '@itcase/types-ui';
+import { StyleAttributes } from '@itcase/ui-core/hooks';
+type TextAppearanceProps = {
+    cursor?: string;
+    font?: TextFontProps;
+    size?: TextSizeProps;
+    textAlign?: TextAlignProps;
+    textColor?: TextColorProps;
+    textColorActive?: TextColorActiveProps;
+    textColorActiveHover?: TextColorActiveHoverProps;
+    textColorDisabled?: TextColorProps;
+    textColorGradient?: string;
+    textColorHover?: TextColorHoverProps | TextColorProps;
+    textFont?: TextFontProps;
+    textStyle?: TextStyleProps;
+    textTruncate?: boolean;
+    textWeight?: TextWeightProps;
+    textWrap?: TextWrapProps;
+};
+type TextProps = StyleAttributes & TextAppearanceProps & {
+    after?: string;
+    appearance?: AppearanceSizeKey;
+    before?: string;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    onClick?: () => void;
+    onDoubleClick?: () => void;
+    style?: CSSProperties;
+    tag?: TextTagProps;
+};
+type TextAppearanceKey = AppearanceSizeKey;
+type TextAppearance = {
+    [key in TextAppearanceKey]?: TextAppearanceProps;
+};
+type TextConfig = {
+    appearance: TextAppearance;
+    setAppearance: (appearanceConfig: TextAppearance) => void;
+};
+export type { TextAppearance, TextConfig, TextProps };

package/dist/types/components/Text/appearance/textSize.d.ts

@@ -0,0 +1,3 @@
+import { TextAppearance } from '../Text.interface';
+declare const textAppearanceSize: TextAppearance;
+export { textAppearanceSize };

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

@@ -0,0 +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/Textarea.appearance.d.ts

@@ -0,0 +1,3 @@
+import { TextareaAppearance } from './Textarea.interface';
+declare const textareaAppearance: TextareaAppearance;
+export { textareaAppearance };

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

@@ -0,0 +1,4 @@
+import type { TextareaConfig, TextareaProps } from './Textarea.interface';
+declare const textareaConfig: TextareaConfig;
+declare function Textarea(props: TextareaProps): import("react/jsx-runtime").JSX.Element;
+export { Textarea, textareaConfig };

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

@@ -0,0 +1,48 @@
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceStateDefault, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { StyleAttributes } from '@itcase/ui-core/hooks';
+import { IconProps } from 'src/components/Icon/Icon.interface';
+import { TextProps } from 'src/components/Text/Text.interface';
+type TextareaAppearanceProps = {
+    borderColor?: BorderColorProps;
+    borderColorHover?: BorderColorHoverProps;
+    borderHover?: BorderColorHoverProps;
+    borderWidth?: BorderWidthProps;
+    caret?: FillProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    iconClearFill?: IconProps['iconFill'];
+    placeholderTextColor?: TextProps['textColor'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
+    textColor?: TextProps['textColor'];
+    textSize?: TextProps['size'];
+    textWeight?: TextProps['textWeight'];
+    width?: WidthProps;
+};
+type TextareaProps = StyleAttributes & TextareaAppearanceProps & {
+    id?: string;
+    appearance?: CompositeAppearanceStateDefault;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    name?: string;
+    onBlur?: () => void;
+    onChange?: () => void;
+    onFocus?: () => void;
+    onKeyDown?: () => void;
+    placeholder?: string;
+    value?: string;
+};
+type AppearanceKeys = AppearanceShapeKey | AppearanceSizeKey | AppearanceStateKeysDefault | AppearanceStyleKey;
+type TextareaAppearance = {
+    [key in AppearanceKeys]?: TextareaAppearanceProps;
+};
+type TextareaConfig = {
+    appearance: TextareaAppearance;
+    setAppearance: (appearanceConfig: TextareaAppearance) => void;
+};
+export type { TextareaAppearance, TextareaConfig, TextareaProps };

package/dist/types/components/Textarea/appearance/textareaDefault.d.ts

@@ -0,0 +1,3 @@
+import { TextareaAppearance } from '../Textarea.interface';
+declare const textareaAppearanceDefault: TextareaAppearance;
+export { textareaAppearanceDefault };

package/dist/types/components/Textarea/appearance/textareaDisabled.d.ts

@@ -0,0 +1,3 @@
+import { TextareaAppearance } from '../Textarea.interface';
+declare const textareaAppearanceDisabled: TextareaAppearance;
+export { textareaAppearanceDisabled };

package/dist/types/components/Textarea/appearance/textareaError.d.ts

@@ -0,0 +1,3 @@
+import { TextareaAppearance } from '../Textarea.interface';
+declare const textareaAppearanceError: TextareaAppearance;
+export { textareaAppearanceError };

package/dist/types/components/Textarea/appearance/textareaRequire.d.ts

@@ -0,0 +1,3 @@
+import { TextareaAppearance } from '../Textarea.interface';
+declare const textareaAppearanceRequire: TextareaAppearance;
+export { textareaAppearanceRequire };

package/dist/types/components/Textarea/appearance/textareaShape.d.ts

@@ -0,0 +1,3 @@
+import { TextareaAppearance } from '../Textarea.interface';
+declare const textareaAppearanceShape: TextareaAppearance;
+export { textareaAppearanceShape };

package/dist/types/components/Textarea/appearance/textareaSize.d.ts

@@ -0,0 +1,3 @@
+import { TextareaAppearance } from '../Textarea.interface';
+declare const textareaAppearanceSize: TextareaAppearance;
+export { textareaAppearanceSize };

package/dist/types/components/Textarea/appearance/textareaStyle.d.ts

@@ -0,0 +1,3 @@
+import { TextareaAppearance } from '../Textarea.interface';
+declare const textareaAppearanceStyle: TextareaAppearance;
+export { textareaAppearanceStyle };

package/dist/types/components/Textarea/appearance/textareaSuccess.d.ts

@@ -0,0 +1,3 @@
+import { TextareaAppearance } from '../Textarea.interface';
+declare const textareaAppearanceSuccess: TextareaAppearance;
+export { textareaAppearanceSuccess };

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

@@ -0,0 +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/Tile.appearance.d.ts

@@ -0,0 +1,3 @@
+import { TileAppearance } from './Tile.interface';
+declare const tileAppearance: TileAppearance;
+export { tileAppearance };

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

@@ -0,0 +1,4 @@
+import type { TileConfig, TileProps } from './Tile.interface';
+declare const tileConfig: TileConfig;
+declare function Tile(props: TileProps): import("react/jsx-runtime").JSX.Element;
+export { Tile, tileConfig };

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

@@ -0,0 +1,79 @@
+import { CSSProperties, ReactNode } from 'react';
+import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextAlignProps, TextWeightProps, TextWrapProps } from '@itcase/types-ui';
+import { StyleAttributes } from '@itcase/ui-core/hooks';
+import { BadgeProps } from 'src/components/Badge/Badge.interface';
+import { IconProps } from 'src/components/Icon/Icon.interface';
+import { TextProps } from 'src/components/Text/Text.interface';
+import { TitleProps } from 'src/components/Title/Title.interface';
+type TileAppearanceProps = {
+    alignDirection?: DirectionProps;
+    badgeAppearance?: BadgeProps['appearance'];
+    badgeAppearanceSize?: AppearanceSizeKey;
+    badgeShape?: BadgeProps['shape'];
+    badgeSize?: BadgeProps['size'];
+    badgeTextColor?: BadgeProps['textColor'];
+    badgeTextSize?: BadgeProps['size'];
+    borderColor?: BorderColorProps;
+    borderColorHover?: BorderColorHoverProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
+    descTextColor?: TextProps['textColor'];
+    descTextSize?: TextProps['size'];
+    descTextWrap?: TextProps['textWrap'];
+    direction?: DirectionProps;
+    fill?: FillProps;
+    fillActive?: FillActiveProps;
+    fillActiveHover?: FillActiveHoverProps;
+    fillDisabled?: FillProps;
+    fillHover?: FillHoverProps;
+    iconAppearance?: IconProps['appearance'];
+    iconFill?: IconProps['fill'];
+    iconFillIcon?: IconProps['iconFill'];
+    iconFillSize?: IconProps['fillSize'];
+    iconShape?: IconProps['shape'];
+    iconSize?: IconProps['iconSize'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
+    textColor?: TextProps['textColor'];
+    textSize?: TextProps['size'];
+    titleTextColor?: TitleProps['textColor'];
+    titleTextSize?: TitleProps['size'];
+};
+type TileProps = StyleAttributes & TileAppearanceProps & {
+    after?: ReactNode;
+    align?: AlignProps;
+    appearance?: CompositeAppearanceKey;
+    badge?: string;
+    badgeAppearance?: AppearanceKeysDefault;
+    badgeValue?: number | string;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    desc?: string;
+    direction?: DirectionProps;
+    icon?: IconProps['SvgImage'];
+    iconClick?: IconProps['onClick'];
+    iconSrc?: IconProps['imageSrc'];
+    isSkeleton?: boolean;
+    onClick?: () => void;
+    style?: CSSProperties;
+    text?: string;
+    textWrap?: TextWrapProps;
+    title?: string;
+    titleTextAlign?: TextAlignProps;
+    titleTextWeight?: TextWeightProps;
+    titleTextWrap?: TextWrapProps;
+    type?: string;
+};
+type TileAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type TileAppearance = {
+    [key in TileAppearanceKey]?: TileAppearanceProps;
+};
+type TileConfig = {
+    appearance: TileAppearance;
+    setAppearance: (appearanceConfig: TileAppearance) => void;
+};
+export type { TileAppearance, TileAppearanceProps, TileConfig, TileProps };

package/dist/types/components/Tile/appearance/tileShape.d.ts

@@ -0,0 +1,3 @@
+import type { TileAppearance } from '../Tile.interface';
+declare const tileAppearanceShape: TileAppearance;
+export { tileAppearanceShape };

package/dist/types/components/Tile/appearance/tileSize.d.ts

@@ -0,0 +1,3 @@
+import type { TileAppearance } from '../Tile.interface';
+declare const tileAppearanceSize: TileAppearance;
+export { tileAppearanceSize };

package/dist/types/components/Tile/appearance/tileStyle.d.ts

@@ -0,0 +1,3 @@
+import type { TileAppearance } from '../Tile.interface';
+declare const tileAppearanceStyle: TileAppearance;
+export { tileAppearanceStyle };

package/dist/types/components/Tile/appearance/tileSurface.d.ts

@@ -0,0 +1,3 @@
+import type { TileAppearance } from '../Tile.interface';
+declare const tileAppearanceSurface: TileAppearance;
+export { tileAppearanceSurface };

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

@@ -0,0 +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/Title.appearance.d.ts

@@ -0,0 +1,3 @@
+import { TitleAppearance } from './Title.interface';
+declare const titleAppearance: TitleAppearance;
+export { titleAppearance };

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

@@ -0,0 +1,4 @@
+import type { TitleConfig, TitleProps } from './Title.interface';
+declare const titleConfig: TitleConfig;
+declare function Title(props: TitleProps): import("react/jsx-runtime").JSX.Element;
+export { Title, titleConfig };

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

@@ -0,0 +1,76 @@
+import { CSSProperties, ReactNode } from 'react';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceStateKeysDefault, AppearanceStyleKey, AppearanceTitleSizeKey, BorderColorHoverProps, BorderColorProps, CompositeAppearanceTitleKey, DirectionHVProps, FillHoverProps, FillProps, SvgFillHoverProps, SvgFillProps, TextColorProps, TextSizeProps, TextTagProps, TitleSizeProps } from '@itcase/types-ui';
+import { StyleAttributes } from '@itcase/ui-core/hooks';
+import { IconProps } from 'src/components/Icon/Icon.interface';
+import { TextProps } from 'src/components/Text/Text.interface';
+type TitleAppearanceProps = {
+    borderColor?: BorderColorProps;
+    borderHover?: BorderColorHoverProps;
+    direction?: string;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    iconAfter?: IconProps['SvgImage'];
+    iconAfterFill?: IconProps['fill'];
+    iconAfterFillIcon?: IconProps['iconFill'];
+    iconAfterFillSize?: IconProps['fillSize'];
+    iconAfterShape?: IconProps['shape'];
+    iconAfterSize?: IconProps['iconSize'];
+    iconAfterSrc?: IconProps['imageSrc'];
+    iconBadgeAppearance?: IconProps['badgeAppearance'];
+    iconBadgeShape?: IconProps['badgeShape'];
+    iconBadgeSize?: IconProps['badgeSize'];
+    iconBadgeTextColor?: TextColorProps;
+    iconBadgeTextSize?: TextSizeProps;
+    iconBadgeValue?: IconProps['badgeValue'];
+    iconBefore?: IconProps['SvgImage'];
+    iconBeforeFill?: IconProps['fill'];
+    iconBeforeFillIcon?: IconProps['iconFill'];
+    iconBeforeFillSize?: IconProps['fillSize'];
+    iconBeforeShape?: IconProps['shape'];
+    iconBeforeSize?: IconProps['iconSize'];
+    iconBeforeSrc?: IconProps['imageSrc'];
+    onClickIconAfter?: () => void;
+    onClickIconBefore?: () => void;
+    size?: TitleSizeProps;
+    svgFill?: SvgFillProps;
+    svgFillHover?: SvgFillHoverProps;
+    textAlign?: TextProps['textAlign'];
+    textColor?: TextProps['textColor'];
+    textColorActive?: TextProps['textColorActive'];
+    textColorActiveHover?: TextProps['textColorActiveHover'];
+    textColorDisabled?: string;
+    textColorHover?: TextProps['textColorHover'];
+    textFont?: string;
+    textStyle?: string;
+    textTruncate?: TextProps['textTruncate'];
+    textWeight?: TextProps['textWeight'];
+    textWrap?: TextProps['textWrap'];
+    wrapperDirection?: DirectionHVProps;
+};
+type TitleProps = StyleAttributes & TitleAppearanceProps & {
+    after?: string;
+    afterWrapper?: string;
+    appearance?: CompositeAppearanceTitleKey;
+    before?: string;
+    beforeWrapper?: string;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    onClick?: () => void;
+    style?: CSSProperties;
+    tag?: TextTagProps;
+    text?: string;
+};
+type TitleAppearanceKey = AppearanceShapeKey | AppearanceStyleKey | AppearanceTitleSizeKey | (AppearanceKeysDefault | AppearanceStateKeysDefault);
+type TitleAppearance = {
+    [key in TitleAppearanceKey]?: TitleAppearanceProps;
+};
+type TitleConfig = {
+    appearance: TitleAppearance;
+    setAppearance: (appearanceConfig: TitleAppearance) => void;
+};
+export type { TitleAppearance, TitleConfig, TitleProps };

package/dist/types/components/Title/appearance/titleAccent.d.ts

@@ -0,0 +1,3 @@
+import { TitleAppearance } from '../Title.interface';
+declare const titleAppearanceAccent: TitleAppearance;
+export { titleAppearanceAccent };

package/dist/types/components/Title/appearance/titleDanger.d.ts

@@ -0,0 +1,3 @@
+import { TitleAppearance } from '../Title.interface';
+declare const titleAppearanceDanger: TitleAppearance;
+export { titleAppearanceDanger };

package/dist/types/components/Title/appearance/titleDisabled.d.ts

@@ -0,0 +1,3 @@
+import { TitleAppearance } from '../Title.interface';
+declare const titleAppearanceDisabled: TitleAppearance;
+export { titleAppearanceDisabled };

package/dist/types/components/Title/appearance/titleError.d.ts

@@ -0,0 +1,3 @@
+import { TitleAppearance } from '../Title.interface';
+declare const titleAppearanceError: TitleAppearance;
+export { titleAppearanceError };

package/dist/types/components/Title/appearance/titleExtra.d.ts

@@ -0,0 +1,3 @@
+import { TitleAppearance } from '../Title.interface';
+declare const titleAppearanceExtra: TitleAppearance;
+export { titleAppearanceExtra };

package/dist/types/components/Title/appearance/titleInfo.d.ts

@@ -0,0 +1,3 @@
+import { TitleAppearance } from '../Title.interface';
+declare const titleAppearanceInfo: TitleAppearance;
+export { titleAppearanceInfo };

package/dist/types/components/Title/appearance/titleRequire.d.ts

@@ -0,0 +1,3 @@
+import { TitleAppearance } from '../Title.interface';
+declare const titleAppearanceRequire: TitleAppearance;
+export { titleAppearanceRequire };

package/dist/types/components/Title/appearance/titleSize.d.ts

@@ -0,0 +1,3 @@
+import { TitleAppearance } from '../Title.interface';
+declare const titleAppearanceSize: TitleAppearance;
+export { titleAppearanceSize };

package/dist/types/components/Title/appearance/titleSpecial.d.ts

@@ -0,0 +1,3 @@
+import { TitleAppearance } from '../Title.interface';
+declare const titleAppearanceSpecial: TitleAppearance;
+export { titleAppearanceSpecial };

package/dist/types/components/Title/appearance/titleStyle.d.ts

@@ -0,0 +1,3 @@
+import { TitleAppearance } from '../Title.interface';
+declare const titleAppearanceStyle: TitleAppearance;
+export { titleAppearanceStyle };

package/dist/types/components/Title/appearance/titleSuccess.d.ts

@@ -0,0 +1,3 @@
+import { TitleAppearance } from '../Title.interface';
+declare const titleAppearanceSuccess: TitleAppearance;
+export { titleAppearanceSuccess };

package/dist/types/components/Title/appearance/titleSurface.d.ts

@@ -0,0 +1,3 @@
+import { TitleAppearance } from '../Title.interface';
+declare const titleAppearanceSurface: TitleAppearance;
+export { titleAppearanceSurface };

package/dist/types/components/Title/appearance/titleWarning.d.ts

@@ -0,0 +1,3 @@
+import { TitleAppearance } from '../Title.interface';
+declare const titleAppearanceWarning: TitleAppearance;
+export { titleAppearanceWarning };

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

@@ -0,0 +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.appearance.d.ts

@@ -0,0 +1,3 @@
+import { TooltipAppearance } from './Tooltip.interface';
+declare const tooltipAppearance: TooltipAppearance;
+export { tooltipAppearance };