@itcase/ui-web 1.9.77

package/dist/types/components/Dropzone/appearance/default.d.ts

@@ -0,0 +1,20 @@
+declare const defaultDropzoneProps: {
+    fill: string;
+    fillHover: string;
+    hintTitle: string;
+    hintTitleTextColor: string;
+    hintTitleTextSize: string;
+    removeThumbText: string;
+    removeThumbTextColor: string;
+    removeThumbTextHoverColor: string;
+    removeThumbTextSize: string;
+    shape: string;
+    showFilename: boolean;
+    thumbBorderColor: string;
+    thumbBorderColorHover: string;
+    thumbBorderWidth: number;
+    thumbNameTextColor: string;
+    thumbNameTextSize: string;
+    isPreviews: boolean;
+};
+export { defaultDropzoneProps };

package/dist/types/components/Dropzone/appearance/dropzoneDefault.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceDefault: DropzoneAppearance;
+export { dropzoneAppearanceDefault };

package/dist/types/components/Dropzone/appearance/dropzoneDisabled.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceDisabled: DropzoneAppearance;
+export { dropzoneAppearanceDisabled };

package/dist/types/components/Dropzone/appearance/dropzoneError.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceError: DropzoneAppearance;
+export { dropzoneAppearanceError };

package/dist/types/components/Dropzone/appearance/dropzoneRequire.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceRequire: DropzoneAppearance;
+export { dropzoneAppearanceRequire };

package/dist/types/components/Dropzone/appearance/dropzoneShape.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceShape: DropzoneAppearance;
+export { dropzoneAppearanceShape };

package/dist/types/components/Dropzone/appearance/dropzoneSuccess.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceSuccess: DropzoneAppearance;
+export { dropzoneAppearanceSuccess };

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

@@ -0,0 +1,2 @@
+export { Dropzone } from './Dropzone';
+export type { DropzoneAppearance, DropzoneConfig, DropzoneFieldValuesList, DropzoneFileItem, DropzoneProps, } from './Dropzone.interface';

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

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

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

@@ -0,0 +1,139 @@
+import { CSSProperties, ElementType, ReactNode } from 'react';
+import { AlignProps, BorderColorProps, BorderTypeProps, DirectionProps, FillHoverProps, FillProps, JustifyContentProps, PositionProps, ShapeProps, WidthProps, WrapProps } from '@itcase/types-ui';
+import { StyleAttributes } from '@itcase/ui-core/hooks';
+type FlexAppearanceProps = {
+    alignContentDesktop?: JustifyContentProps;
+    alignContentMobile?: JustifyContentProps;
+    alignContentTablet?: JustifyContentProps;
+    alignItemsDesktop?: AlignProps;
+    alignItemsMobile?: AlignProps;
+    alignItemsTablet?: AlignProps;
+    border?: BorderColorProps;
+    borderColor?: BorderColorProps;
+    borderType?: BorderTypeProps;
+    children?: ReactNode;
+    className?: string;
+    dataId?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    direction?: DirectionProps;
+    directionDesktop?: DirectionProps;
+    directionMobile?: DirectionProps;
+    directionTablet?: DirectionProps;
+    fill?: FillProps;
+    fillDesktop?: FillProps;
+    fillMobile?: FillProps;
+    fillTablet?: FillProps;
+    flow?: string;
+    flowDesktop?: string;
+    flowMobile?: string;
+    flowTablet?: string;
+    gapWrapper?: string;
+    grow?: number;
+    justifyContent?: JustifyContentProps;
+    justifyContentDesktop?: JustifyContentProps;
+    justifyContentMobile?: JustifyContentProps;
+    justifyContentTablet?: JustifyContentProps;
+    justifyItems?: AlignProps;
+    justifyItemsDesktop?: AlignProps;
+    justifyItemsMobile?: AlignProps;
+    justifyItemsTablet?: AlignProps;
+    maxWidthWrapper?: string;
+    position?: PositionProps;
+    positionDesktop?: PositionProps;
+    positionMobile?: PositionProps;
+    positionTablet?: PositionProps;
+    shape?: ShapeProps;
+    shapeDesktop?: ShapeProps;
+    shapeMobile?: ShapeProps;
+    shapeTablet?: ShapeProps;
+    width?: WidthProps;
+    widthDesktop?: WidthProps;
+    widthMobile?: WidthProps;
+    widthTablet?: WidthProps;
+    wrap?: WrapProps;
+    wrapDesktop?: WrapProps;
+    wrapMobile?: WrapProps;
+    wrapTablet?: WrapProps;
+};
+type FlexProps = FlexAppearanceProps & StyleAttributes & {
+    id?: number;
+    children?: ReactNode;
+    className?: string;
+    dataId?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    onClick?: () => void;
+    print?: boolean;
+    style?: CSSProperties;
+    tag?: ElementType;
+    type?: string;
+};
+type FlexItemAppearanceProps = {
+    alignItems?: AlignProps;
+    alignItemsDesktop?: AlignProps;
+    alignItemsMobile?: AlignProps;
+    alignItemsTablet?: AlignProps;
+    alignSelfDesktop?: AlignProps;
+    alignSelfMobile?: AlignProps;
+    alignSelfTablet?: AlignProps;
+    columnEnd?: number;
+    columnEndDesktop?: number;
+    columnEndMobile?: number;
+    columnEndTablet?: number;
+    columnSpan?: string;
+    columnSpanDesktop?: string;
+    columnSpanMobile?: string;
+    columnSpanTablet?: string;
+    columnStart?: number;
+    columnStartDesktop?: number;
+    columnStartMobile?: number;
+    columnStartTablet?: number;
+    dataId?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    direction?: DirectionProps;
+    directionDesktop?: DirectionProps;
+    directionMobile?: DirectionProps;
+    directionTablet?: DirectionProps;
+    fill?: FillProps;
+    fillDesktop?: FillProps;
+    fillHover?: FillHoverProps;
+    fillMobile?: FillProps;
+    fillTablet?: FillProps;
+    grow?: number;
+    growDesktop?: number;
+    growMobile?: number;
+    growTablet?: number;
+    justifyContent?: JustifyContentProps;
+    justifyContentDesktop?: JustifyContentProps;
+    justifyContentMobile?: JustifyContentProps;
+    justifyContentTablet?: JustifyContentProps;
+    position?: PositionProps;
+    positionDesktop?: PositionProps;
+    positionMobile?: PositionProps;
+    positionTablet?: PositionProps;
+    shape?: ShapeProps;
+    shapeDesktop?: ShapeProps;
+    shapeMobile?: ShapeProps;
+    shapeTablet?: ShapeProps;
+    width?: WidthProps;
+    widthDesktop?: WidthProps;
+    widthMobile?: WidthProps;
+    widthTablet?: WidthProps;
+    wrap?: WrapProps;
+    wrapDesktop?: WrapProps;
+    wrapMobile?: WrapProps;
+    wrapTablet?: WrapProps;
+};
+type FlexItemProps = FlexItemAppearanceProps & StyleAttributes & {
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    htmlFor?: string;
+    print?: boolean;
+    style?: CSSProperties;
+    tag?: ElementType;
+};
+export type { FlexItemProps, FlexProps };

package/dist/types/components/Flex/FlexItem.d.ts

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

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

@@ -0,0 +1,4 @@
+import { Flex } from './Flex';
+import { FlexItem } from './FlexItem';
+export type { FlexItemProps, FlexProps } from './Flex.interface';
+export { Flex, FlexItem };

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

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

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

@@ -0,0 +1,143 @@
+import { CSSProperties, ElementType, ReactNode } from 'react';
+import { AlignProps, BorderColorProps, DirectionProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, WidthProps } from '@itcase/types-ui';
+import { StyleAttributes } from '@itcase/ui-core/hooks';
+type GridBaseAppearanceProps = {
+    alignContent?: AlignProps;
+    alignContentDesktop?: AlignProps;
+    alignContentMobile?: AlignProps;
+    alignContentTablet?: AlignProps;
+    alignItems?: AlignProps;
+    alignItemsDesktop?: AlignProps;
+    alignItemsMobile?: AlignProps;
+    alignItemsTablet?: AlignProps;
+    alignSelf?: AlignProps;
+    alignSelfDesktop?: AlignProps;
+    alignSelfMobile?: AlignProps;
+    alignSelfTablet?: AlignProps;
+    borderColor?: BorderColorProps;
+    columnEnd?: string;
+    columnEndDesktop?: string;
+    columnEndMobile?: string;
+    columnEndTablet?: string;
+    columnGap?: string;
+    columnGapDesktop?: string;
+    columnGapMobile?: string;
+    columnGapTablet?: string;
+    columns?: string;
+    columnsDesktop?: string;
+    columnsMobile?: string;
+    columnSpan?: string;
+    columnSpanDesktop?: string;
+    columnSpanMobile?: string;
+    columnSpanTablet?: string;
+    columnsTablet?: string;
+    columnStart?: string;
+    columnStartDesktop?: string;
+    columnStartMobile?: string;
+    columnStartTablet?: string;
+    direction?: DirectionProps;
+    fill?: FillProps;
+    fillDesktop?: FillProps;
+    fillHover?: FillHoverProps;
+    fillMobile?: FillProps;
+    fillTablet?: FillProps;
+    gap?: string;
+    gridBackground?: string;
+    gridBackgroundDesktop?: string;
+    gridBackgroundMobile?: string;
+    gridBackgroundTablet?: string;
+    gridBackgroundWrapper?: string;
+    gridBackgroundWrapperDesktop?: string;
+    gridBackgroundWrapperMobile?: string;
+    gridBackgroundWrapperTablet?: string;
+    gridTemplateColumns?: string;
+    justifyContent?: JustifyContentProps;
+    justifyContentDesktop?: JustifyContentProps;
+    justifyContentMobile?: JustifyContentProps;
+    justifyContentTablet?: JustifyContentProps;
+    justifyItems?: string;
+    justifyItemsDesktop?: string;
+    justifyItemsMobile?: string;
+    justifyItemsTablet?: string;
+    justifySelf?: string;
+    justifySelfDesktop?: string;
+    justifySelfMobile?: string;
+    justifySelfTablet?: string;
+    order?: string;
+    orderDesktop?: string;
+    orderMobile?: string;
+    orderTablet?: string;
+    rowEnd?: string;
+    rowEndDesktop?: string;
+    rowEndMobile?: string;
+    rowEndTablet?: string;
+    rowGap?: string;
+    rowGapDesktop?: string;
+    rowGapMobile?: string;
+    rowGapTablet?: string;
+    rows?: string;
+    rowsDesktop?: string;
+    rowsMobile?: string;
+    rowSpan?: string;
+    rowSpanDesktop?: string;
+    rowSpanMobile?: string;
+    rowSpanTablet?: string;
+    rowsTablet?: string;
+    rowStart?: string;
+    rowStartDesktop?: string;
+    rowStartMobile?: string;
+    rowStartTablet?: string;
+    shapeWrapper?: ShapeProps;
+    shapeWrapperDesktop?: ShapeProps;
+    shapeWrapperInner?: ShapeProps;
+    shapeWrapperInnerDesktop?: ShapeProps;
+    shapeWrapperInnerMobile?: ShapeProps;
+    shapeWrapperInnerTablet?: ShapeProps;
+    shapeWrapperMobile?: ShapeProps;
+    shapeWrapperTablet?: ShapeProps;
+    zIndex?: string;
+    zIndexDesktop?: string;
+    zIndexMobile?: string;
+    zIndexTablet?: string;
+};
+type GridItemProps = GridBaseAppearanceProps & StyleAttributes & {
+    id?: string;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    onClick?: () => void;
+    print?: boolean;
+    style?: CSSProperties;
+};
+type GridRowProps = GridBaseAppearanceProps & StyleAttributes & {
+    id?: string;
+    children?: ReactNode;
+    className?: string;
+    dataId?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    htmlFor?: string;
+    onClick?: () => void;
+    print?: boolean;
+    tag?: ElementType;
+};
+type GridProps = GridBaseAppearanceProps & StyleAttributes & {
+    id?: string;
+    after?: ReactNode;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    horizontalResizing?: WidthProps;
+    horizontalScroll?: boolean;
+    onClick?: () => void;
+    onDoubleClick?: () => void;
+    print?: boolean;
+    tag?: ElementType;
+    type?: string;
+    useGridSystem?: boolean;
+    verticalResizing?: WidthProps;
+};
+export type { GridItemProps, GridProps, GridRowProps };

package/dist/types/components/Grid/GridItem.d.ts

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

package/dist/types/components/Grid/GridRow.d.ts

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

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

@@ -0,0 +1,5 @@
+import { Grid } from './Grid';
+import { GridItem } from './GridItem';
+import { GridRow } from './GridRow';
+export type { GridItemProps, GridProps, GridRowProps } from './Grid.interface';
+export { Grid, GridItem, GridRow };

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

@@ -0,0 +1,3 @@
+import { GroupAppearance } from './Group.interface';
+declare const groupAppearance: GroupAppearance;
+export { groupAppearance };

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

@@ -0,0 +1,57 @@
+import React from 'react';
+import type { GroupConfig } from './Group.interface';
+declare const groupConfig: GroupConfig;
+declare const Group: React.ForwardRefExoticComponent<{
+    align?: import("@itcase/types-ui").AlignProps;
+    alignDirection?: import("@itcase/types-ui").DirectionProps;
+    border?: import("@itcase/types-ui").BorderColorProps;
+    borderColor?: import("@itcase/types-ui").BorderColorProps;
+    borderColorActive?: import("@itcase/types-ui").BorderColorActiveProps;
+    borderColorActiveHover?: import("@itcase/types-ui").BorderColorProps;
+    borderColorHover?: import("@itcase/types-ui").BorderColorProps;
+    borderType?: import("@itcase/types-ui").BorderTypeProps;
+    borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+    columns?: number;
+    direction?: import("@itcase/types-ui").DirectionProps;
+    elevation?: import("@itcase/types-ui").ElevationProps;
+    fill?: import("@itcase/types-ui").FillProps;
+    fillActive?: import("@itcase/types-ui").FillActiveProps;
+    fillActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
+    fillDisabled?: import("@itcase/types-ui").FillProps;
+    fillHover?: import("@itcase/types-ui").FillHoverProps;
+    flexGrow?: string;
+    height?: import("@itcase/types-ui").HeightProps;
+    hoverFilter?: string;
+    iconFillHover?: import("../Icon").IconProps["fillHover"];
+    justifyContent?: import("@itcase/types-ui").JustifyContentProps;
+    labelTextColor?: import("../Label").LabelProps["labelTextColor"];
+    shape?: import("@itcase/types-ui").ShapeProps;
+    shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+    stacking?: import("@itcase/types-ui").StackingProps;
+    textColor?: import("../Text").TextProps["textColor"];
+    textColorActive?: import("../Text").TextProps["textColorActive"];
+    textColorHover?: import("../Text").TextProps["textColorHover"];
+    width?: import("@itcase/types-ui").WidthProps;
+    wrap?: import("@itcase/types-ui").WrapProps;
+} & import("@itcase/ui-core/hooks").StyleAttributes & {
+    id?: import("@itcase/types-core").GeneratedId;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+    children?: React.ReactNode;
+    className?: string;
+    dataId?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    easing?: boolean;
+    htmlFor?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    name?: string;
+    onClick?: () => void;
+    onMouseDown?: () => void;
+    print?: boolean;
+    scroll?: boolean | import("@itcase/types-ui").DirectionProps;
+    set?: string;
+    style?: React.CSSProperties;
+    tag?: React.ElementType;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Group, groupConfig };

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

@@ -0,0 +1,70 @@
+import { CSSProperties, ElementType, ReactNode } from 'react';
+import { GeneratedId } from '@itcase/types-core';
+import { AlignProps, AppearanceKeysDefault, BorderColorActiveProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, DirectionProps, ElevationProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, HeightProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, StackingProps, WidthProps, WrapProps } from '@itcase/types-ui';
+import { StyleAttributes } from '@itcase/ui-core/hooks';
+import { IconProps } from 'src/components/Icon/Icon.interface';
+import { LabelProps } from 'src/components/Label/Label.interface';
+import { TextProps } from 'src/components/Text/Text.interface';
+type GroupAppearanceProps = {
+    align?: AlignProps;
+    alignDirection?: DirectionProps;
+    border?: BorderColorProps;
+    borderColor?: BorderColorProps;
+    borderColorActive?: BorderColorActiveProps;
+    borderColorActiveHover?: BorderColorProps;
+    borderColorHover?: BorderColorProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
+    columns?: number;
+    direction?: DirectionProps;
+    elevation?: ElevationProps;
+    fill?: FillProps;
+    fillActive?: FillActiveProps;
+    fillActiveHover?: FillActiveHoverProps;
+    fillDisabled?: FillProps;
+    fillHover?: FillHoverProps;
+    flexGrow?: string;
+    height?: HeightProps;
+    hoverFilter?: string;
+    iconFillHover?: IconProps['fillHover'];
+    justifyContent?: JustifyContentProps;
+    labelTextColor?: LabelProps['labelTextColor'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    stacking?: StackingProps;
+    textColor?: TextProps['textColor'];
+    textColorActive?: TextProps['textColorActive'];
+    textColorHover?: TextProps['textColorHover'];
+    width?: WidthProps;
+    wrap?: WrapProps;
+};
+type GroupProps = GroupAppearanceProps & StyleAttributes & {
+    id?: GeneratedId;
+    appearance?: CompositeAppearanceKey;
+    children?: ReactNode;
+    className?: string;
+    dataId?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    easing?: boolean;
+    htmlFor?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    name?: string;
+    onClick?: () => void;
+    onMouseDown?: () => void;
+    print?: boolean;
+    scroll?: boolean | DirectionProps;
+    set?: string;
+    style?: CSSProperties;
+    tag?: ElementType;
+};
+type AppearanceKeys = AppearanceKeysDefault & {};
+type GroupAppearance = {
+    [key in AppearanceKeys]?: GroupAppearanceProps;
+};
+type GroupConfig = {
+    appearance: GroupAppearance;
+    setAppearance: (appearanceConfig: GroupAppearance) => void;
+};
+export type { GroupAppearance, GroupConfig, GroupProps };

package/dist/types/components/Group/appearance/groupSurface.d.ts

@@ -0,0 +1,3 @@
+import { GroupAppearance } from '../Group.interface';
+declare const groupAppearanceSurface: GroupAppearance;
+export { groupAppearanceSurface };

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

@@ -0,0 +1,3 @@
+export { Group, groupConfig } from './Group';
+export { groupAppearance } from './Group.appearance';
+export type { GroupAppearance, GroupConfig, GroupProps, } from './Group.interface';

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

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

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

@@ -0,0 +1,34 @@
+import { CSSProperties, ReactNode } from 'react';
+import { AlignProps, BorderColorProps, BorderTypeProps, DirectionProps, ElevationProps, FillHoverProps, FillProps, HeightProps, JustifyContentProps, ShapeProps, TextColorProps, TextWeightProps, WidthProps, WrapProps } from '@itcase/types-ui';
+import { StyleAttributes } from '@itcase/ui-core/hooks';
+type HTMLContentAppearanceProps = {
+    align?: AlignProps;
+    alignDirection?: DirectionProps;
+    border?: BorderColorProps;
+    borderColor?: BorderColorProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: string;
+    columns?: number;
+    direction?: DirectionProps;
+    elevation?: ElevationProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    flexGrow?: number;
+    height?: HeightProps;
+    justifyContent?: JustifyContentProps;
+    shape?: ShapeProps;
+    textColor?: TextColorProps;
+    textWeight?: TextWeightProps;
+    width?: WidthProps;
+    wrap?: WrapProps;
+};
+type HTMLContentProps = HTMLContentAppearanceProps & StyleAttributes & {
+    children?: ReactNode;
+    className?: string;
+    content: string | TrustedHTML;
+    dataTestId?: string;
+    dataTour?: string;
+    onClick?: () => void;
+    style?: CSSProperties;
+};
+export type { HTMLContentProps };

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

@@ -0,0 +1,2 @@
+export { HTMLContent } from './HTMLContent';
+export type { HTMLContentProps } from './HTMLContent.interface';

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

@@ -0,0 +1,3 @@
+import { HeroTitleAppearance } from './HeroTitle.interface';
+declare const heroTitleAppearance: HeroTitleAppearance;
+export { heroTitleAppearance };

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

@@ -0,0 +1,4 @@
+import type { HeroTitleConfig, HeroTitleProps } from './HeroTitle.interface';
+declare const heroTitleConfig: HeroTitleConfig;
+declare function HeroTitle(props: HeroTitleProps): import("react/jsx-runtime").JSX.Element;
+export { HeroTitle, heroTitleConfig };

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

@@ -0,0 +1,77 @@
+import { CSSProperties, ElementType, ReactNode } from 'react';
+import { AppearanceHeadingSizeKey, DirectionProps, FillProps, SvgFillProps, TextAlignProps, TextWeightProps } 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';
+import { TitleProps } from 'src/components/Title/Title.interface';
+type HeroTitleAppearanceProps = {
+    direction?: DirectionProps;
+    directionWrapper?: string;
+    fill?: FillProps;
+    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?: IconProps['badgeTextColor'];
+    iconBadgeTextSize?: IconProps['badgeTextSize'];
+    iconBadgeValue?: IconProps['badgeValue'];
+    iconBefore?: IconProps['SvgImage'];
+    iconBeforeFill?: IconProps['fill'];
+    iconBeforeFillIcon?: IconProps['iconFill'];
+    iconBeforeFillSize?: IconProps['fillSize'];
+    iconBeforeShape?: IconProps['shape'];
+    iconBeforeSize?: IconProps['iconSize'];
+    iconBeforeSrc?: IconProps['imageSrc'];
+    size?: TitleProps['size'];
+    sizeDesktop?: TitleProps['size'];
+    sizeMobile?: TitleProps['size'];
+    sizeTablet?: TitleProps['size'];
+    svgFill?: SvgFillProps;
+    svgFillHover?: SvgFillProps;
+    textAlign?: TextAlignProps;
+    textColor?: TextProps['textColor'];
+    textColorActive?: TextProps['textColorActive'];
+    textColorGradient?: string;
+    textColorHover?: TextProps['textColorHover'];
+    textFont?: TextProps['font'];
+    textGradient?: string;
+    textStyle?: TextProps['textStyle'];
+    textTruncate?: boolean;
+    textWeight?: TextProps['textWeight'];
+    textWrap?: TextProps['textWrap'];
+    type?: string;
+    weight?: TextWeightProps;
+    wrapperDirection?: DirectionProps;
+};
+type HeroTitleProps = HeroTitleAppearanceProps & StyleAttributes & {
+    after?: ReactNode;
+    afterWrapper?: ReactNode;
+    appearance?: AppearanceKeys;
+    before?: ReactNode;
+    beforeWrapper?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    onClick?: () => void;
+    style?: CSSProperties;
+    tag?: ElementType;
+    text?: string;
+};
+type AppearanceKeys = AppearanceHeadingSizeKey & {};
+type HeroTitleAppearance = {
+    [key in AppearanceKeys]: HeroTitleAppearanceProps;
+};
+type HeroTitleConfig = {
+    appearance: HeroTitleAppearance;
+    setAppearance: (newComponent: HeroTitleAppearance) => void;
+};
+export type { HeroTitleAppearance, HeroTitleConfig, HeroTitleProps };

package/dist/types/components/HeroTitle/appearance/heroTitleSize.d.ts

@@ -0,0 +1,3 @@
+import { HeroTitleAppearance } from '../HeroTitle.interface';
+declare const heroTitleAppearanceSize: HeroTitleAppearance;
+export { heroTitleAppearanceSize };

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

@@ -0,0 +1,3 @@
+export { HeroTitle, heroTitleConfig } from './HeroTitle';
+export { heroTitleAppearance } from './HeroTitle.appearance';
+export type { HeroTitleAppearance, HeroTitleConfig, HeroTitleProps, } from './HeroTitle.interface';

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

@@ -0,0 +1,3 @@
+import { IconAppearance } from './Icon.interface';
+declare const iconAppearance: IconAppearance;
+export { iconAppearance };