@itcase/ui 1.9.71 → 1.9.72

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("../../hooks/useStyles/styleAttributes.interface").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 '../../hooks/useStyles/styleAttributes.interface';
+import { ButtonProps } from '../Button/Button.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../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 };

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+declare const responseIcon: {
+    Confirm: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    Danger: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    Empty: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    Error: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    Fail: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    NothingFound: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    Refresh: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    Search: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    Success: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    UnableLoadData: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    Warning: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+};
+export { responseIcon };

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

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

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

@@ -0,0 +1,11 @@
+declare const SVGContent: import("react").ForwardRefExoticComponent<Omit<import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    svgFill?: import("@itcase/types-ui").SvgFillProps;
+    svgFillHover?: import("@itcase/types-ui").SvgFillProps;
+} & {
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    src?: string;
+    SvgImage?: import("react").ComponentType<import("react").SVGProps<SVGSVGElement>> | import("../Icon").IconProps["SvgImage"];
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { SVGContent };

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

@@ -0,0 +1,16 @@
+import { ComponentType, SVGProps } from 'react';
+import { SvgFillProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+type SVGContentAppearanceProps = {
+    svgFill?: SvgFillProps;
+    svgFillHover?: SvgFillProps;
+};
+type SVGContentProps = StyleAttributes & SVGContentAppearanceProps & {
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    src?: string;
+    SvgImage?: ComponentType<SVGProps<SVGSVGElement>> | IconProps['SvgImage'];
+};
+export type { SVGContentProps };

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { CSSProperties, ReactNode } from 'react';
+import { ScrollContainer } from 'react-indiana-drag-scroll';
+import { BorderColorProps, BorderTypeProps, BorderWidthProps, ElevationProps, FillHoverProps, FillProps, HeightProps, WidthProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+type ScrollOnDragAppearanceProps = {
+    borderColor?: BorderColorProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
+    dataTestId?: string;
+    dataTour?: string;
+    elevation?: ElevationProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    height?: HeightProps;
+    width?: WidthProps;
+};
+type ScrollOnDragProps = ScrollOnDragAppearanceProps & StyleAttributes & {
+    children?: ReactNode;
+    className?: string;
+    isScrollbar?: boolean;
+    scrollContainerProps?: typeof ScrollContainer;
+    style?: CSSProperties;
+};
+export type { ScrollOnDragProps };

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

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

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

@@ -0,0 +1,3 @@
+import { ScrollToViewProps } from './ScrollToView.interface';
+declare const ScrollToView: import("react").ComponentClass<import("react-scroll").ScrollLinkProps<ScrollToViewProps>, any>;
+export { ScrollToView };

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

@@ -0,0 +1,24 @@
+import { CSSProperties, ElementType, ReactNode } from 'react';
+import { AlignProps, DirectionProps, JustifyContentProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { TextProps } from '../Text/Text.interface';
+type ScrollToViewAppearanceProps = {
+    align?: AlignProps;
+    alignDirection?: DirectionProps;
+    direction?: DirectionProps;
+    justifyContent?: JustifyContentProps;
+    textColor?: TextProps['textColor'];
+    textColorActive?: TextProps['textColorActive'];
+    textColorHover?: TextProps['textColorHover'];
+};
+type ScrollToViewProps = ScrollToViewAppearanceProps & StyleAttributes & {
+    id?: string;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    onClick?: () => void;
+    styles?: CSSProperties;
+    tag?: ElementType;
+};
+export type { ScrollToViewProps };

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+type ScrollbarProps = StyleAttributes & {
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isNoDefaultStyles?: boolean;
+    noDefaultStyles?: boolean;
+    onScroll?: () => void;
+    scrollbarWidth?: number;
+    scrollHeight?: number | string;
+};
+export type { ScrollbarProps };

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

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

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

@@ -0,0 +1,3 @@
+import { SearchAppearance } from './Search.interface';
+declare const searchAppearance: SearchAppearance;
+export { searchAppearance };

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

@@ -0,0 +1,79 @@
+import { CSSProperties, ReactNode } from 'react';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextWeightProps, WidthProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+type SearchAppearanceProps = {
+    borderColor?: BorderColorProps;
+    borderColorHover?: BorderColorHoverProps;
+    borderHover?: BorderColorHoverProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
+    fill?: FillProps;
+    iconAfter?: IconProps['imageSrc'];
+    iconAfterFill?: IconProps['iconFill'];
+    iconAfterSize?: IconProps['size'];
+    iconAfterSrc?: IconProps['imageSrc'];
+    iconBefore?: IconProps['SvgImage'];
+    iconBeforeFill?: IconProps['iconFill'];
+    iconBeforeSize?: IconProps['size'];
+    iconBeforeSrc?: IconProps['imageSrc'];
+    iconClear?: IconProps['SvgImage'];
+    iconClearFill?: IconProps['iconFill'];
+    iconClearSize?: IconProps['size'];
+    iconClearSrc?: IconProps['imageSrc'];
+    inputFill?: FillProps;
+    inputTextColor?: TextProps['textColor'];
+    inputTextSize?: TextProps['size'];
+    inputTextStyle?: TextProps['textStyle'];
+    inputTextWeight?: TextWeightProps;
+    placeholderTextColor?: TextProps['textColor'];
+    placeholderTextSize?: TextProps['size'];
+    placeholderTextStyle?: TextProps['textStyle'];
+    placeholderTextWeight?: TextProps['textWeight'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
+    width?: WidthProps;
+};
+type SearchProps = SearchAppearanceProps & StyleAttributes & {
+    after?: ReactNode;
+    appearance?: CompositeAppearanceStateDefault;
+    before?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    onChange?: (targetValue: string) => void;
+    onClickClean?: () => void;
+    onFocus?: (() => void) | undefined;
+    onKeyDown?: (() => void) | undefined;
+    placeholder?: string;
+    style?: CSSProperties;
+    value?: string;
+};
+type SearchResultAppearanceProps = {
+    fill?: FillProps;
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+};
+type SearchResultProps = SearchResultAppearanceProps & StyleAttributes & {
+    after?: ReactNode;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    scrollHeight: number;
+};
+type AppearanceKeys = AppearanceShapeKey | AppearanceSizeKey | AppearanceStateKeysDefault | AppearanceStyleKey;
+type SearchAppearance = {
+    [key in AppearanceKeys]?: SearchAppearanceProps;
+};
+type SearchConfig = {
+    appearance: SearchAppearance;
+    setAppearance: (appearanceConfig: SearchAppearance) => void;
+};
+export type { SearchAppearance, SearchConfig, SearchProps, SearchResultProps };

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

@@ -0,0 +1,54 @@
+import React from 'react';
+import type { SearchConfig } from './Search.interface';
+declare const searchInputConfig: SearchConfig;
+declare const SearchInput: React.ForwardRefExoticComponent<{
+    borderColor?: import("@itcase/types-ui").BorderColorProps;
+    borderColorHover?: import("@itcase/types-ui").BorderColorHoverProps;
+    borderHover?: import("@itcase/types-ui").BorderColorHoverProps;
+    borderType?: import("@itcase/types-ui").BorderTypeProps;
+    borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+    fill?: import("@itcase/types-ui").FillProps;
+    iconAfter?: import("src/components/Icon").IconProps["imageSrc"];
+    iconAfterFill?: import("src/components/Icon").IconProps["iconFill"];
+    iconAfterSize?: import("src/components/Icon").IconProps["size"];
+    iconAfterSrc?: import("src/components/Icon").IconProps["imageSrc"];
+    iconBefore?: import("src/components/Icon").IconProps["SvgImage"];
+    iconBeforeFill?: import("src/components/Icon").IconProps["iconFill"];
+    iconBeforeSize?: import("src/components/Icon").IconProps["size"];
+    iconBeforeSrc?: import("src/components/Icon").IconProps["imageSrc"];
+    iconClear?: import("src/components/Icon").IconProps["SvgImage"];
+    iconClearFill?: import("src/components/Icon").IconProps["iconFill"];
+    iconClearSize?: import("src/components/Icon").IconProps["size"];
+    iconClearSrc?: import("src/components/Icon").IconProps["imageSrc"];
+    inputFill?: import("@itcase/types-ui").FillProps;
+    inputTextColor?: import("src/components/Text").TextProps["textColor"];
+    inputTextSize?: import("src/components/Text").TextProps["size"];
+    inputTextStyle?: import("src/components/Text").TextProps["textStyle"];
+    inputTextWeight?: import("@itcase/types-ui").TextWeightProps;
+    placeholderTextColor?: import("src/components/Text").TextProps["textColor"];
+    placeholderTextSize?: import("src/components/Text").TextProps["size"];
+    placeholderTextStyle?: import("src/components/Text").TextProps["textStyle"];
+    placeholderTextWeight?: import("src/components/Text").TextProps["textWeight"];
+    shape?: import("@itcase/types-ui").ShapeProps;
+    shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+    size?: import("@itcase/types-ui").SizeProps;
+    width?: import("@itcase/types-ui").WidthProps;
+} & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    after?: React.ReactNode;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+    before?: React.ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    onChange?: (targetValue: string) => void;
+    onClickClean?: () => void;
+    onFocus?: (() => void) | undefined;
+    onKeyDown?: (() => void) | undefined;
+    placeholder?: string;
+    style?: React.CSSProperties;
+    value?: string;
+} & React.RefAttributes<HTMLInputElement>>;
+export { SearchInput, searchInputConfig };

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

@@ -0,0 +1,15 @@
+import React from 'react';
+declare const SearchResult: React.ForwardRefExoticComponent<{
+    fill?: import("@itcase/types-ui").FillProps;
+    shape?: import("@itcase/types-ui").ShapeProps;
+    shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+} & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    after?: React.ReactNode;
+    before?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    scrollHeight: number;
+} & React.RefAttributes<unknown>>;
+export { SearchResult };

package/dist/types/components/Search/appearance/searchDefault.d.ts

@@ -0,0 +1,3 @@
+import { SearchAppearance } from '../Search.interface';
+declare const searchAppearanceDefault: SearchAppearance;
+export { searchAppearanceDefault };

package/dist/types/components/Search/appearance/searchDisabled.d.ts

@@ -0,0 +1,3 @@
+import { SearchAppearance } from '../Search.interface';
+declare const searchAppearanceDisabled: SearchAppearance;
+export { searchAppearanceDisabled };

package/dist/types/components/Search/appearance/searchError.d.ts

@@ -0,0 +1,3 @@
+import { SearchAppearance } from '../Search.interface';
+declare const searchAppearanceError: SearchAppearance;
+export { searchAppearanceError };

package/dist/types/components/Search/appearance/searchRequire.d.ts

@@ -0,0 +1,3 @@
+import { SearchAppearance } from '../Search.interface';
+declare const searchAppearanceRequire: SearchAppearance;
+export { searchAppearanceRequire };

package/dist/types/components/Search/appearance/searchShape.d.ts

@@ -0,0 +1,3 @@
+import { SearchAppearance } from '../Search.interface';
+declare const searchAppearanceShape: SearchAppearance;
+export { searchAppearanceShape };

package/dist/types/components/Search/appearance/searchSize.d.ts

@@ -0,0 +1,3 @@
+import { SearchAppearance } from '../Search.interface';
+declare const searchAppearanceSize: SearchAppearance;
+export { searchAppearanceSize };

package/dist/types/components/Search/appearance/searchStyle.d.ts

@@ -0,0 +1,3 @@
+import { SearchAppearance } from '../Search.interface';
+declare const searchAppearanceStyle: SearchAppearance;
+export { searchAppearanceStyle };

package/dist/types/components/Search/appearance/searchSuccess.d.ts

@@ -0,0 +1,3 @@
+import { SearchAppearance } from '../Search.interface';
+declare const searchAppearanceSuccess: SearchAppearance;
+export { searchAppearanceSuccess };

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

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

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

@@ -0,0 +1,3 @@
+import { SegmentedAppearance } from './Segmented.interface';
+declare const segmentedAppearance: SegmentedAppearance;
+export { segmentedAppearance };

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

@@ -0,0 +1,4 @@
+import type { SegmentedConfig, SegmentedProps } from './Segmented.interface';
+declare const segmentedConfig: SegmentedConfig;
+declare const Segmented: (props: SegmentedProps) => import("react/jsx-runtime").JSX.Element;
+export { Segmented, segmentedConfig };