@itcase/ui-web 1.9.77

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

@@ -0,0 +1,26 @@
+declare const notificationsMock: ({
+    id: string;
+    type: "float";
+    title: string;
+    status: "error";
+    text: string;
+} | {
+    id: string;
+    type: "float";
+    title: string;
+    status: "warning";
+    text: string;
+} | {
+    id: string;
+    type: "float";
+    title: string;
+    status: "info";
+    text: string;
+} | {
+    id: string;
+    type: "float";
+    title: string;
+    status: "success";
+    text: string;
+})[];
+export { notificationsMock };

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

@@ -0,0 +1,3 @@
+import { OverlayAppearance } from './Overlay.interface';
+declare const overlayAppearance: OverlayAppearance;
+export { overlayAppearance };

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

@@ -0,0 +1,4 @@
+import type { OverlayConfig, OverlayProps } from './Overlay.interface';
+declare const overlayConfig: OverlayConfig;
+declare function Overlay(props: OverlayProps): import("react/jsx-runtime").JSX.Element;
+export { Overlay, overlayConfig };

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

@@ -0,0 +1,27 @@
+import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+import { AppearanceOverlayKey, BlurProps, FillProps, OpacityProps } from '@itcase/types-ui';
+import { StyleAttributes } from '@itcase/ui-core/hooks';
+type OverlayAppearanceProps = {
+    blur?: BlurProps;
+    fill?: FillProps;
+    opacity?: OpacityProps;
+};
+type OverlayProps = OverlayAppearanceProps & StyleAttributes & {
+    appearance?: AppearanceOverlayKey;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isOverlay?: boolean;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    style?: CSSProperties;
+};
+type OverlayAppearanceKey = AppearanceOverlayKey;
+type OverlayAppearance = {
+    [key in OverlayAppearanceKey]?: OverlayAppearanceProps;
+};
+type OverlayConfig = {
+    appearance: OverlayAppearance;
+    setAppearance: (appearanceConfig: OverlayAppearance) => void;
+};
+export type { OverlayAppearance, OverlayConfig, OverlayProps };

package/dist/types/components/Overlay/appearance/overlayDefault.d.ts

@@ -0,0 +1,3 @@
+import { OverlayAppearance } from '../Overlay.interface';
+declare const overlayAppearanceDefault: OverlayAppearance;
+export { overlayAppearanceDefault };

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

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

@@ -0,0 +1,3 @@
+import { PaginationAppearance } from './Pagination.interface';
+declare const paginationAppearance: PaginationAppearance;
+export { paginationAppearance };

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

@@ -0,0 +1,4 @@
+import type { PaginationConfig, PaginationProps } from './Pagination.interface';
+declare const paginationConfig: PaginationConfig;
+declare function Pagination(props: PaginationProps): false | import("react/jsx-runtime").JSX.Element;
+export { Pagination, paginationConfig };

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

@@ -0,0 +1,114 @@
+import { type ReactNode } from 'react';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
+import { StyleAttributes } from '@itcase/ui-core/hooks';
+import { DropdownItemProps, DropdownProps } from 'src/components/Dropdown/Dropdown.interface';
+import { IconProps } from 'src/components/Icon/Icon.interface';
+import { TextProps } from 'src/components/Text/Text.interface';
+type PaginationAppearanceProps = {
+    borderColor?: BorderColorProps;
+    builderIcon?: IconProps['SvgImage'];
+    builderIconFill?: IconProps['fill'];
+    builderIconFillIcon?: IconProps['iconFill'];
+    builderIconFillSize?: IconProps['fillSize'];
+    builderIconSize?: IconProps['iconSize'];
+    fill?: FillProps;
+    fillActive?: FillActiveProps;
+    fillActiveHover?: FillActiveHoverProps;
+    fillHover?: FillHoverProps;
+    fillInput?: FillProps;
+    fillInputHover?: FillHoverProps;
+    fillInputShape?: ShapeProps;
+    fillInputShapeStrength?: ShapeStrengthProps;
+    gap?: string;
+    justifyContent?: JustifyContentProps;
+    labelTextColor?: TextProps['textColor'];
+    labelTextColorHover?: TextProps['textColorHover'];
+    labelTextSize?: DropdownItemProps['labelTextSize'];
+    loaderFill?: FillProps;
+    loaderItemFill?: IconProps['iconFill'];
+    marginPagesDisplayed?: number;
+    nextIcon?: IconProps['SvgImage'];
+    nextIconFill?: IconProps['fill'];
+    nextIconFillIcon?: IconProps['iconFill'];
+    nextIconFillSize?: IconProps['fillSize'];
+    nextIconSize?: IconProps['iconSize'];
+    pageCountDescTextColor?: TextProps['textColor'];
+    pageCountDescTextSize?: TextProps['size'];
+    pageCountDropdownAlignment?: DropdownProps['alignment'];
+    pageCountDropdownElevation?: DropdownProps['elevation'];
+    pageCountDropdownFill?: DropdownProps['fill'];
+    pageCountDropdownFillHover?: DropdownProps['fillHover'];
+    pageCountDropdownItemDividerFill?: DropdownItemProps['dividerFill'];
+    pageCountDropdownItemDividerSize?: DropdownItemProps['dividerSize'];
+    pageCountDropdownItemFill?: DropdownItemProps['fill'];
+    pageCountDropdownItemFillActive?: DropdownItemProps['fillActive'];
+    pageCountDropdownItemFillActiveHover?: DropdownItemProps['fillActiveHover'];
+    pageCountDropdownItemFillHover?: DropdownItemProps['fillHover'];
+    pageCountDropdownItemLabelAlign?: DropdownItemProps['labelTextAlign'];
+    pageCountDropdownItemLabelColor?: DropdownItemProps['labelTextColor'];
+    pageCountDropdownItemLabelColorActive?: DropdownItemProps['labelTextColorActive'];
+    pageCountDropdownItemLabelColorActiveHover?: DropdownItemProps['labelTextColorActiveHover'];
+    pageCountDropdownItemLabelColorHover?: DropdownItemProps['labelTextColorHover'];
+    pageCountDropdownItemLabelSize?: DropdownItemProps['labelTextSize'];
+    pageCountDropdownItemLabelWrap?: DropdownItemProps['labelTextWrap'];
+    pageCountDropdownItemShowDivider?: DropdownItemProps['showDivider'];
+    pageCountDropdownItemSize?: DropdownItemProps['size'];
+    pageCountDropdownItemWidth?: DropdownItemProps['width'];
+    pageCountDropdownShape?: DropdownItemProps['shape'];
+    pageCountDropdownShapeStrength?: DropdownProps['shapeStrength'];
+    pageCountInputIcon?: IconProps['SvgImage'];
+    pageCountInputIconColor?: IconProps['iconFill'];
+    pageCountInputIconFillSize?: IconProps['fillSize'];
+    pageCountInputIconSrc?: IconProps['imageSrc'];
+    pageCountInputTextColor?: TextProps['textColor'];
+    pageCountInputTextSize?: TextProps['size'];
+    pageRangeDisplayed?: number;
+    previousIcon?: IconProps['SvgImage'];
+    previousIconFill?: IconProps['fill'];
+    previousIconFillIcon?: IconProps['iconFill'];
+    previousIconFillSize?: IconProps['fillSize'];
+    previousIconSize?: IconProps['iconSize'];
+    shape?: ShapeProps;
+    size?: SizeProps;
+    textColor?: TextProps['textColor'];
+    textColorActive?: TextProps['textColorActive'];
+    textColorActiveHover?: TextProps['textColorActiveHover'];
+    textColorHover?: TextProps['textColorHover'];
+    textSize?: TextProps['size'];
+};
+type PaginationProps = PaginationAppearanceProps & StyleAttributes & {
+    allItemsCount?: number;
+    appearance?: CompositeAppearanceKey;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isDisabled?: boolean;
+    isPageCount?: boolean;
+    isPageCountDropdownReversed?: boolean;
+    isPageLabelBuilder?: (page: number) => ReactNode;
+    isSkeleton?: boolean;
+    onChangePage: (arg: {
+        selected: number;
+    }) => void;
+    onChangePerPageCount: (perPageCount: number) => void;
+    /** @deprecated Use `onChangePage` instead */
+    onPageChange?: (arg: {
+        selected: number;
+    }) => void;
+    /** @deprecated Use `onChangePerPageCount` instead */
+    onPerPageCountChange?: (perPageCount: number) => void;
+    pageCountDesc?: string;
+    pageCountDropdownItemDividerDirection?: DirectionProps;
+    pageCountList?: number[];
+    pageNumber: number;
+    perPageCount?: number;
+};
+type AppearanceKeys = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type PaginationAppearance = {
+    [key in AppearanceKeys]?: PaginationAppearanceProps;
+};
+type PaginationConfig = {
+    appearance: PaginationAppearance;
+    setAppearance: (appearanceConfig: PaginationAppearance) => void;
+};
+export type { PaginationAppearance, PaginationConfig, PaginationProps };

package/dist/types/components/Pagination/appearance/paginationAccent.d.ts

@@ -0,0 +1,3 @@
+import { PaginationAppearance } from '../Pagination.interface';
+declare const paginationAppearanceAccent: PaginationAppearance;
+export { paginationAppearanceAccent };

package/dist/types/components/Pagination/appearance/paginationShape.d.ts

@@ -0,0 +1,3 @@
+import { PaginationAppearance } from '../Pagination.interface';
+declare const paginationAppearanceShape: PaginationAppearance;
+export { paginationAppearanceShape };

package/dist/types/components/Pagination/appearance/paginationSize.d.ts

@@ -0,0 +1,3 @@
+import { PaginationAppearance } from '../Pagination.interface';
+declare const paginationAppearanceSize: PaginationAppearance;
+export { paginationAppearanceSize };

package/dist/types/components/Pagination/appearance/paginationStyle.d.ts

@@ -0,0 +1,3 @@
+import { PaginationAppearance } from '../Pagination.interface';
+declare const paginationAppearanceStyle: PaginationAppearance;
+export { paginationAppearanceStyle };

package/dist/types/components/Pagination/appearance/paginationSurface.d.ts

@@ -0,0 +1,3 @@
+import { PaginationAppearance } from '../Pagination.interface';
+declare const paginationAppearanceSurface: PaginationAppearance;
+export { paginationAppearanceSurface };

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

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

@@ -0,0 +1,3 @@
+import { RadioAppearance } from './Radio.interface';
+declare const radioAppearance: RadioAppearance;
+export { radioAppearance };

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

@@ -0,0 +1,4 @@
+import type { RadioConfig, RadioProps } from './Radio.interface';
+declare const radioConfig: RadioConfig;
+declare function Radio(props: RadioProps): import("react/jsx-runtime").JSX.Element;
+export { Radio, radioConfig };

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

@@ -0,0 +1,53 @@
+import { ElementType } from 'react';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
+import { StyleAttributes } from '@itcase/ui-core/hooks';
+import { TextProps } from 'src/components/Text/Text.interface';
+type RadioAppearanceProps = {
+    borderColor?: BorderColorProps;
+    borderColorHover?: BorderColorHoverProps;
+    borderRadioColor?: BorderColorProps;
+    borderRadioColorActive?: BorderColorActiveProps;
+    borderRadioColorActiveHover?: BorderColorHoverProps;
+    borderRadioColorHover?: BorderColorHoverProps;
+    descTextColor?: TextProps['textColor'];
+    descTextSize?: TextProps['size'];
+    descTextWeight?: TextProps['textWeight'];
+    fill?: FillProps;
+    fillCheckmark?: FillProps;
+    fillHover?: FillHoverProps;
+    fillRadio?: FillProps;
+    fillRadioActive?: FillActiveProps;
+    fillRadioActiveHover?: FillActiveHoverProps;
+    fillRadioHover?: FillHoverProps;
+    labelTextColor?: TextProps['textColor'];
+    labelTextSize?: TextProps['size'];
+    labelTextWeight?: TextProps['textWeight'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
+};
+type RadioProps = RadioAppearanceProps & StyleAttributes & {
+    id?: string;
+    appearance?: CompositeAppearanceStateDefault;
+    checked?: boolean;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    desc?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    label?: string;
+    onChange?: () => void;
+    tag?: ElementType;
+    value?: string;
+};
+type RadioAppearanceKey = AppearanceShapeKey | AppearanceSizeKey | AppearanceStateKeysDefault | AppearanceStyleKey;
+type RadioAppearance = {
+    [key in RadioAppearanceKey]?: RadioAppearanceProps;
+};
+type RadioConfig = {
+    appearance: RadioAppearance;
+    setAppearance: (newComponent: RadioAppearance) => void;
+};
+export type { RadioAppearance, RadioConfig, RadioProps };

package/dist/types/components/Radio/appearance/radioDefault.d.ts

@@ -0,0 +1,3 @@
+import { RadioAppearance } from '../Radio.interface';
+declare const radioAppearanceDefault: RadioAppearance;
+export { radioAppearanceDefault };

package/dist/types/components/Radio/appearance/radioDisabled.d.ts

@@ -0,0 +1,3 @@
+import { RadioAppearance } from '../Radio.interface';
+declare const radioAppearanceDisabled: RadioAppearance;
+export { radioAppearanceDisabled };

package/dist/types/components/Radio/appearance/radioError.d.ts

@@ -0,0 +1,3 @@
+import { RadioAppearance } from '../Radio.interface';
+declare const radioAppearanceError: RadioAppearance;
+export { radioAppearanceError };

package/dist/types/components/Radio/appearance/radioRequire.d.ts

@@ -0,0 +1,3 @@
+import { RadioAppearance } from '../Radio.interface';
+declare const radioAppearanceRequire: RadioAppearance;
+export { radioAppearanceRequire };

package/dist/types/components/Radio/appearance/radioShape.d.ts

@@ -0,0 +1,3 @@
+import { RadioAppearance } from '../Radio.interface';
+declare const radioAppearanceShape: RadioAppearance;
+export { radioAppearanceShape };

package/dist/types/components/Radio/appearance/radioSize.d.ts

@@ -0,0 +1,3 @@
+import { RadioAppearance } from '../Radio.interface';
+declare const radioAppearanceSize: RadioAppearance;
+export { radioAppearanceSize };

package/dist/types/components/Radio/appearance/radioStyle.d.ts

@@ -0,0 +1,3 @@
+import { RadioAppearance } from '../Radio.interface';
+declare const radioAppearanceStyle: RadioAppearance;
+export { radioAppearanceStyle };

package/dist/types/components/Radio/appearance/radioSuccess.d.ts

@@ -0,0 +1,3 @@
+import { RadioAppearance } from '../Radio.interface';
+declare const radioAppearanceSuccess: RadioAppearance;
+export { radioAppearanceSuccess };

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

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

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

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

@@ -0,0 +1,34 @@
+import { CSSProperties, ReactNode } from 'react';
+import { FillHoverProps, FillProps, ShapeProps, WidthProps } from '@itcase/types-ui';
+import { StyleAttributes } from '@itcase/ui-core/hooks';
+type RangeSliderAppearanceProps = {
+    fill?: FillProps;
+    fillHandle?: FillProps;
+    fillHandleDragging?: FillProps;
+    fillHandleDraggingHover?: FillHoverProps;
+    fillHandleHover?: FillHoverProps;
+    fillRail?: FillProps;
+    fillTrack?: FillProps;
+    shape?: ShapeProps;
+    width?: WidthProps;
+};
+type RangeSliderProps = RangeSliderAppearanceProps & StyleAttributes & {
+    after?: ReactNode;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    disabled?: boolean;
+    max?: number;
+    min?: number;
+    onChangeSlider?: (value: number | number[]) => void;
+    pushable?: boolean;
+    range?: boolean;
+    set?: string;
+    step?: number;
+    style?: CSSProperties;
+    value?: number;
+    vertical?: boolean;
+};
+export type { RangeSliderProps };

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

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

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

@@ -0,0 +1,3 @@
+import { ResponseAppearance } from './Response.interface';
+declare const responseAppearance: ResponseAppearance;
+export { responseAppearance };

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

@@ -0,0 +1,63 @@
+declare const RESPONSE_MESSAGES: {
+    error: {
+        appearance: string;
+        title: string;
+        desc: string;
+        primaryButtonAppearance: string;
+        primaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+    };
+    errorAccessDenied: {
+        appearance: string;
+        title: string;
+        desc: string;
+        code: string;
+        imageSrc: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        primaryButtonAppearance: string;
+        primaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+    };
+    errorNetwork: {
+        appearance: string;
+        title: string;
+        desc: string;
+        imageSrc: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        primaryButtonAppearance: string;
+        primaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+    };
+    fail: {
+        appearance: string;
+        primaryButtonAppearance: string;
+        primaryButtonLabel: string;
+    };
+    nothingFound: {
+        appearance: string;
+        title: string;
+        desc: string;
+        primaryButtonAppearance: string;
+        primaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+    };
+    empty: {
+        appearance: string;
+        title: string;
+        desc: string;
+        code: string;
+        primaryButtonAppearance: string;
+        primaryButtonLabel: string;
+    };
+    warning: {
+        appearance: string;
+        title: string;
+        primaryButtonAppearance: string;
+        primaryButtonLabel: string;
+        secondaryButtonAppearance: string;
+        secondaryButtonLabel: string;
+    };
+};
+export { RESPONSE_MESSAGES };

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

@@ -0,0 +1,65 @@
+import { ComponentType, SVGProps } from 'react';
+import type { ResponseConfig } from './Response.interface';
+declare const responseConfig: ResponseConfig;
+declare const Response: import("react").ForwardRefExoticComponent<Omit<{
+    borderColor?: import("@itcase/types-ui").BorderColorProps;
+    borderColorHover?: import("@itcase/types-ui").BorderColorHoverProps;
+    borderType?: import("@itcase/types-ui").BorderTypeProps;
+    borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+    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").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?: ComponentType<SVGProps<SVGSVGElement>> | import("../Icon").IconProps["SvgImage"];
+    svgPathFill?: import("@itcase/types-ui").SvgFillProps;
+    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("@itcase/ui-core/hooks").StyleAttributes & {
+    after?: import("react").ReactNode;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceResponseKeys;
+    before?: import("react").ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    desc?: string;
+    isBottomButton?: boolean;
+    isSkeleton?: boolean;
+    onClickPrimaryButton?: import("src/components/Button").ButtonProps["onClick"];
+    onClickSecondaryButton?: import("src/components/Button").ButtonProps["onClick"];
+    primaryButton?: import("react").ReactNode;
+    secondaryButton?: import("react").ReactNode;
+    showPrimaryButton?: boolean;
+    showSecondaryButton?: boolean;
+    style?: import("react").CSSProperties;
+    title?: string;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Response, responseConfig };

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

@@ -0,0 +1,77 @@
+import { ComponentType, CSSProperties, ReactNode, SVGProps } from 'react';
+import { AppearanceResponseKeys, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceResponseKeys, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SvgFillProps } from '@itcase/types-ui';
+import { StyleAttributes } from '@itcase/ui-core/hooks';
+import { ButtonProps } from 'src/components/Button/Button.interface';
+import { IconProps } from 'src/components/Icon/Icon.interface';
+import { TextProps } from 'src/components/Text/Text.interface';
+type ResponseAppearanceProps = {
+    borderColor?: BorderColorProps;
+    borderColorHover?: BorderColorHoverProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
+    descTextColor?: TextProps['textColor'];
+    descTextSize?: TextProps['size'];
+    descTextWeight?: TextProps['textWeight'];
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    imageSrc?: IconProps['imageSrc'];
+    primaryButtonAfter?: ButtonProps['after'];
+    primaryButtonAppearance?: ButtonProps['appearance'];
+    primaryButtonBefore?: ButtonProps['before'];
+    primaryButtonFill?: ButtonProps['fill'];
+    primaryButtonFillHover?: ButtonProps['fillHover'];
+    primaryButtonLabel?: ButtonProps['label'];
+    primaryButtonLabelTextColor?: ButtonProps['labelTextColor'];
+    primaryButtonLabelTextSize?: ButtonProps['labelTextSize'];
+    primaryButtonShape?: ButtonProps['shape'];
+    primaryButtonSize?: ButtonProps['size'];
+    primaryButtonWidth?: ButtonProps['width'];
+    secondaryButtonAfter?: ButtonProps['after'];
+    secondaryButtonAppearance?: ButtonProps['appearance'];
+    secondaryButtonBefore?: ButtonProps['before'];
+    secondaryButtonFill?: ButtonProps['fill'];
+    secondaryButtonFillHover?: ButtonProps['fillHover'];
+    secondaryButtonLabel?: ButtonProps['label'];
+    secondaryButtonLabelTextColor?: ButtonProps['labelTextColor'];
+    secondaryButtonLabelTextSize?: ButtonProps['labelTextSize'];
+    secondaryButtonShape?: ButtonProps['shape'];
+    secondaryButtonSize?: ButtonProps['size'];
+    secondaryButtonWidth?: ButtonProps['width'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    svgFill?: SvgFillProps;
+    SvgImage?: ComponentType<SVGProps<SVGSVGElement>> | IconProps['SvgImage'];
+    svgPathFill?: SvgFillProps;
+    svgSrc?: IconProps['imageSrc'];
+    titleTextColor?: TextProps['textColor'];
+    titleTextSize?: TextProps['size'];
+    titleTextWeight?: TextProps['textWeight'];
+};
+type AppearanceKeys = AppearanceResponseKeys | AppearanceStyleKey;
+type ResponseAppearance = {
+    [key in AppearanceKeys]?: ResponseAppearanceProps;
+};
+type ResponseConfig = {
+    appearance: ResponseAppearance;
+    setAppearance: (appearanceConfig: ResponseAppearance) => void;
+};
+type ResponseProps = ResponseAppearanceProps & StyleAttributes & {
+    after?: ReactNode;
+    appearance?: CompositeAppearanceResponseKeys;
+    before?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    desc?: string;
+    isBottomButton?: boolean;
+    isSkeleton?: boolean;
+    onClickPrimaryButton?: ButtonProps['onClick'];
+    onClickSecondaryButton?: ButtonProps['onClick'];
+    primaryButton?: ReactNode;
+    secondaryButton?: ReactNode;
+    showPrimaryButton?: boolean;
+    showSecondaryButton?: boolean;
+    style?: CSSProperties;
+    title?: string;
+};
+export type { ResponseAppearance, ResponseConfig, ResponseProps };

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

@@ -0,0 +1,3 @@
+import { ResponseAppearance } from '../Response.interface';
+declare const responseAppearanceConfirm: ResponseAppearance;
+export { responseAppearanceConfirm };

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

@@ -0,0 +1,3 @@
+import { ResponseAppearance } from '../Response.interface';
+declare const responseAppearanceDanger: ResponseAppearance;
+export { responseAppearanceDanger };

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

@@ -0,0 +1,3 @@
+import { ResponseAppearance } from '../Response.interface';
+declare const responseAppearanceEmpty: ResponseAppearance;
+export { responseAppearanceEmpty };

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

@@ -0,0 +1,3 @@
+import { ResponseAppearance } from '../Response.interface';
+declare const responseAppearanceError: ResponseAppearance;
+export { responseAppearanceError };

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

@@ -0,0 +1,3 @@
+import { ResponseAppearance } from '../Response.interface';
+declare const responseAppearanceFail: ResponseAppearance;
+export { responseAppearanceFail };

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

@@ -0,0 +1,3 @@
+import { ResponseAppearance } from '../Response.interface';
+declare const responseAppearanceNothingFound: ResponseAppearance;
+export { responseAppearanceNothingFound };

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

@@ -0,0 +1,3 @@
+import { ResponseAppearance } from '../Response.interface';
+declare const responseAppearanceRefresh: ResponseAppearance;
+export { responseAppearanceRefresh };

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

@@ -0,0 +1,3 @@
+import { ResponseAppearance } from '../Response.interface';
+declare const responseAppearanceStyle: ResponseAppearance;
+export { responseAppearanceStyle };