@itcase/ui 1.9.71 → 1.9.72

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,59 @@
+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("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    id?: number | string;
+    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;
+    onMouseEnter?: React.MouseEventHandler;
+    onMouseLeave?: React.MouseEventHandler;
+    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,71 @@
+import { CSSProperties, ElementType, MouseEventHandler, ReactNode } from 'react';
+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 '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { LabelProps } from '../Label/Label.interface';
+import { TextProps } from '../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?: number | string;
+    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;
+    onMouseEnter?: MouseEventHandler;
+    onMouseLeave?: MouseEventHandler;
+    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/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 '../../hooks/useStyles/styleAttributes.interface';
+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 '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+import { TitleProps } from '../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 };

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

@@ -0,0 +1,41 @@
+import React, { SVGProps } from 'react';
+import type { IconConfig } from 'src/components/Icon/Icon.interface';
+declare const iconConfig: IconConfig;
+declare const Icon: React.ForwardRefExoticComponent<Omit<import("src/components/Icon/Icon.interface").IconAppearanceProps & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    id?: string;
+    after?: React.ReactNode;
+    align?: import("@itcase/types-ui").AlignProps;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceIconKeys;
+    badgeClass?: string;
+    badgeValue?: number | string;
+    before?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    href?: string;
+    icon?: string;
+    iconSrc?: string;
+    imageSrc?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    link?: string;
+    linkRel?: import("src/components/Link").LinkWrapperProps["rel"];
+    linkTarget?: import("src/components/Link").LinkWrapperProps["target"];
+    notification?: string;
+    onClick?: (event?: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    saveFillStroke?: boolean;
+    showTooltip?: boolean;
+    style?: React.CSSProperties;
+    SvgImage?: string;
+    svgImageStyles?: SVGProps<SVGSVGElement>;
+    text?: string;
+    title?: string;
+    tooltipText?: string;
+    tooltipTitle?: string;
+    type?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Icon, iconConfig };

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

@@ -0,0 +1,92 @@
+import { CSSProperties, MouseEvent, ReactNode, SVGProps } from 'react';
+import { AlignmentProps, AlignProps, AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CenteringProps, CompositeAppearanceIconKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, FillSizeProps, IconFillSizeProps, IconSizeProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizePXProps, TextColorProps, TextSizeProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { BadgeProps } from '../Badge/Badge.interface';
+import { LinkWrapperProps } from '../Link/Link.interface';
+import { TitleProps } from '../Title/Title.interface';
+import { TooltipProps } from '../Tooltip/Tooltip.interface';
+type IconAppearanceProps = {
+    alignment?: AlignmentProps;
+    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;
+    centering?: CenteringProps;
+    direction?: DirectionProps;
+    fill?: FillProps;
+    fillActive?: FillActiveProps;
+    fillActiveHover?: FillActiveHoverProps;
+    fillDisabled?: FillDisabledProps;
+    fillHover?: FillHoverProps;
+    fillSize?: FillSizeProps;
+    iconFill?: ItemFillProps;
+    iconFillActive?: ItemFillProps;
+    iconFillActiveHover?: ItemFillProps;
+    iconFillDisabled?: ItemFillProps;
+    iconFillHover?: ItemFillProps;
+    iconFillSize?: IconFillSizeProps;
+    iconShape?: ShapeProps;
+    iconSize?: IconSizeProps;
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizePXProps;
+    textColor?: TextColorProps;
+    textSize?: TextSizeProps;
+    titleTextColor?: TitleProps['textColor'];
+    titleTextSize?: TitleProps['size'];
+    tooltipAppearance?: TooltipProps['appearance'];
+    tooltipTextSize?: TooltipProps['textSize'];
+    tooltipTitleSize?: TooltipProps['titleSize'];
+};
+type IconProps = IconAppearanceProps & StyleAttributes & {
+    id?: string;
+    after?: ReactNode;
+    align?: AlignProps;
+    appearance?: CompositeAppearanceIconKeys;
+    badgeClass?: string;
+    badgeValue?: number | string;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    href?: string;
+    icon?: string;
+    iconSrc?: string;
+    imageSrc?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    link?: string;
+    linkRel?: LinkWrapperProps['rel'];
+    linkTarget?: LinkWrapperProps['target'];
+    notification?: string;
+    onClick?: (event?: MouseEvent<HTMLDivElement>) => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    saveFillStroke?: boolean;
+    showTooltip?: boolean;
+    style?: CSSProperties;
+    SvgImage?: string;
+    svgImageStyles?: SVGProps<SVGSVGElement>;
+    text?: string;
+    title?: string;
+    tooltipText?: string;
+    tooltipTitle?: string;
+    type?: string;
+};
+type IconAppearanceKey = AppearanceIconSizeKey | AppearanceKeysDefault | AppearanceShapeKey | AppearanceStyleKey;
+type IconAppearance = {
+    [key in IconAppearanceKey]?: IconAppearanceProps;
+};
+type IconConfig = {
+    appearance: IconAppearance;
+    setAppearance: (appearanceConfig: IconAppearance) => void;
+};
+export type { IconAppearance, IconAppearanceProps, IconConfig, IconProps };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+export { Icon, iconConfig } from './Icon';
+export { iconAppearance } from './Icon.appearance';
+export type { IconAppearance, IconAppearanceProps, IconConfig, IconProps, } from './Icon.interface';

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

@@ -0,0 +1,39 @@
+declare const Image: import("react").ForwardRefExoticComponent<Omit<{
+    borderColor?: import("@itcase/types-ui").BorderColorProps;
+    borderColorImage?: string;
+    borderType?: import("@itcase/types-ui").BorderTypeProps;
+    borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+    cursor?: string;
+    fill?: import("@itcase/types-ui").FillProps;
+    fillHover?: import("@itcase/types-ui").FillHoverProps;
+    height?: string;
+    horizontalAlign?: import("@itcase/types-ui").AlignProps;
+    imageHeight?: string;
+    imageWidth?: string;
+    resizeMode?: string;
+    shape?: import("@itcase/types-ui").ShapeProps;
+    verticalContentAlign?: import("@itcase/types-ui").AlignProps;
+    width?: import("@itcase/types-ui").WidthProps;
+} & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    after?: import("react").ReactNode;
+    alt?: string;
+    before?: import("react").ReactNode;
+    caption?: string;
+    children?: import("react").ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    imageClassName?: string;
+    imageWrapperClassName?: string;
+    isSkeleton?: boolean;
+    mode?: string;
+    onClick?: () => void;
+    onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;
+    overlay?: import("react").ReactNode;
+    placeholderUrl?: string;
+    src?: string | null;
+    style?: import("react").CSSProperties;
+    title?: string;
+    type?: string;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Image };

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

@@ -0,0 +1,43 @@
+import { CSSProperties, ReactNode } from 'react';
+import { AlignProps, BorderColorProps, BorderTypeProps, BorderWidthProps, FillHoverProps, FillProps, ShapeProps, WidthProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+type ImageAppearanceProps = {
+    borderColor?: BorderColorProps;
+    borderColorImage?: string;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
+    cursor?: string;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    height?: string;
+    horizontalAlign?: AlignProps;
+    imageHeight?: string;
+    imageWidth?: string;
+    resizeMode?: string;
+    shape?: ShapeProps;
+    verticalContentAlign?: AlignProps;
+    width?: WidthProps;
+};
+type ImageProps = ImageAppearanceProps & StyleAttributes & {
+    after?: ReactNode;
+    alt?: string;
+    before?: ReactNode;
+    caption?: string;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    imageClassName?: string;
+    imageWrapperClassName?: string;
+    isSkeleton?: boolean;
+    mode?: string;
+    onClick?: () => void;
+    onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;
+    overlay?: ReactNode;
+    placeholderUrl?: string;
+    src?: string | null;
+    style?: CSSProperties;
+    title?: string;
+    type?: string;
+};
+export type { ImageProps };

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

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

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

@@ -0,0 +1,3 @@
+import { InputAppearance } from './Input.interface';
+declare const inputAppearance: InputAppearance;
+export { inputAppearance };

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { InputConfig } from './Input.interface';
+declare const inputConfig: InputConfig;
+declare const Input: React.ForwardRefExoticComponent<import("./Input.interface").InputAppearanceProps & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    id?: string;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+    autocomplete?: string;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    index?: number | string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    name?: string;
+    onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
+    onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
+    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
+    onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event?: React.KeyboardEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    type?: string;
+    value?: string;
+} & React.RefAttributes<HTMLInputElement>>;
+export { Input, inputConfig };