@itcase/ui-web 1.9.77

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

@@ -0,0 +1,29 @@
+import type { LogoConfig } from './Logo.interface';
+declare const logoConfig: LogoConfig;
+declare const Logo: import("react").ForwardRefExoticComponent<Omit<{
+    alt?: string;
+    size?: string;
+    source?: string;
+    src?: string;
+    title?: string;
+} & import("@itcase/ui-core/hooks").StyleAttributes & {
+    align?: import("@itcase/types-ui").AlignProps;
+    alignDirection?: import("@itcase/types-ui").DirectionProps;
+    alignItems?: import("@itcase/types-ui").AlignProps;
+    alt?: string;
+    appearance?: "accentPrimary" | "accentSecondary" | "accentTertiary" | "accentQuaternary" | "specialPrimary" | "specialSecondary" | "specialTertiary" | "specialQuaternary" | "extraPrimary" | "extraSecondary" | "extraTertiary" | "extraQuaternary" | "surfacePrimary" | "surfaceSecondary" | "surfaceTertiary" | "surfaceQuaternary" | "errorPrimary" | "errorSecondary" | "errorTertiary" | "errorQuaternary" | "warningPrimary" | "warningSecondary" | "warningTertiary" | "warningQuaternary" | "successPrimary" | "successSecondary" | "successTertiary" | "successQuaternary" | "infoPrimary" | "infoSecondary" | "infoTertiary" | "infoQuaternary" | "dangerPrimary" | "dangerSecondary" | "dangerTertiary" | "dangerQuaternary" | "disabledPrimary" | "disabledSecondary" | "disabledTertiary" | "disabledQuaternary" | "accentMutedPrimary" | "accentMutedQuaternary" | "accentMutedSecondary" | "accentMutedTertiary" | "dangerMutedPrimary" | "dangerMutedQuaternary" | "dangerMutedSecondary" | "dangerMutedTertiary" | "disabledMutedPrimary" | "disabledMutedQuaternary" | "disabledMutedSecondary" | "disabledMutedTertiary" | "errorMutedPrimary" | "errorMutedQuaternary" | "errorMutedSecondary" | "errorMutedTertiary" | "extraMutedPrimary" | "extraMutedQuaternary" | "extraMutedSecondary" | "extraMutedTertiary" | "gradientPrimary" | "infoMutedPrimary" | "infoMutedQuaternary" | "infoMutedSecondary" | "infoMutedTertiary" | "specialMutedPrimary" | "specialMutedQuaternary" | "specialMutedSecondary" | "specialMutedTertiary" | "successMutedPrimary" | "successMutedQuaternary" | "successMutedSecondary" | "successMutedTertiary" | "surfaceMutedPrimary" | "surfaceMutedQuaternary" | "surfaceMutedSecondary" | "surfaceMutedTertiary" | "warningMutedPrimary" | "warningMutedQuaternary" | "warningMutedSecondary" | "warningMutedTertiary";
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    href?: string;
+    isSkeleton?: boolean;
+    link?: string;
+    mode?: string;
+    size?: import("@itcase/types-ui").SizeProps;
+    source?: string;
+    src?: string;
+    style?: import("react").CSSProperties;
+    title?: string;
+    width?: import("@itcase/types-ui").WidthProps;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Logo, logoConfig };

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

@@ -0,0 +1,39 @@
+import { CSSProperties } from 'react';
+import { AlignProps, AppearanceKeysDefault, DirectionProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { StyleAttributes } from '@itcase/ui-core/hooks';
+type LogoAppearanceProps = {
+    alt?: string;
+    size?: string;
+    source?: string;
+    src?: string;
+    title?: string;
+};
+type AppearanceKeys = AppearanceKeysDefault & {};
+type LogoAppearance = {
+    [key in AppearanceKeys]?: LogoAppearanceProps;
+};
+type LogoConfig = {
+    appearance: LogoAppearance | undefined;
+    setAppearance: (appearanceConfig: LogoAppearance) => void;
+};
+type LogoProps = LogoAppearanceProps & StyleAttributes & {
+    align?: AlignProps;
+    alignDirection?: DirectionProps;
+    alignItems?: AlignProps;
+    alt?: string;
+    appearance?: AppearanceKeys;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    href?: string;
+    isSkeleton?: boolean;
+    link?: string;
+    mode?: string;
+    size?: SizeProps;
+    source?: string;
+    src?: string;
+    style?: CSSProperties;
+    title?: string;
+    width?: WidthProps;
+};
+export type { LogoConfig, LogoProps };

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

@@ -0,0 +1,2 @@
+export { Logo, logoConfig } from './Logo';
+export type { LogoConfig, LogoProps } from './Logo.interface';

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

@@ -0,0 +1,3 @@
+import { MenuItemAppearance } from './MenuItem.interface';
+declare const menuItemAppearance: MenuItemAppearance;
+export { menuItemAppearance };

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

@@ -0,0 +1,4 @@
+import type { MenuItemConfig, MenuItemProps } from './MenuItem.interface';
+declare const menuItemConfig: MenuItemConfig;
+declare function MenuItem(props: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+export { MenuItem, menuItemConfig };

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

@@ -0,0 +1,99 @@
+import type { CSSProperties, ElementType, ReactNode } from 'react';
+import type { LinkProps } from 'react-scroll';
+import type { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, ArrowPosition, BorderColorProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, TextSizeProps, UnderlineProps } from '@itcase/types-ui';
+import { StyleAttributes } from '@itcase/ui-core/hooks';
+import type { IconProps } from '../Icon/Icon.interface';
+import type { TextProps } from '../Text/Text.interface';
+import type { RCComponentTooltipWrapperPlacement, TooltipProps, TooltipWrapperProps } from '../Tooltip/Tooltip.interface';
+type MenuItemAppearanceProps = {
+    align?: AlignProps;
+    alignDirection?: DirectionProps;
+    borderColor?: BorderColorProps;
+    cursor?: string;
+    direction?: DirectionProps;
+    fill?: FillProps;
+    fillActive?: FillActiveProps;
+    fillActiveHover?: FillActiveHoverProps;
+    fillHover?: FillHoverProps;
+    iconAfter?: IconProps['SvgImage'];
+    iconAfterFill?: IconProps['fill'];
+    iconAfterFillIcon?: IconProps['iconFill'];
+    iconAfterFillSize?: IconProps['fillSize'];
+    iconAfterShape?: IconProps['shape'];
+    iconAfterSize?: IconProps['iconSize'];
+    iconAfterSrc?: IconProps['imageSrc'];
+    iconBadgeAppearance?: IconProps['badgeAppearance'];
+    iconBadgeShape?: IconProps['badgeShape'];
+    iconBadgeSize?: IconProps['badgeSize'];
+    iconBadgeTextColor?: 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'];
+    isSkeleton?: boolean;
+    justifyContent?: JustifyContentProps;
+    labelStyle?: TextProps['textStyle'];
+    labelTextActiveColor?: TextProps['textColorActive'];
+    labelTextActiveColorHover?: TextProps['textColorActiveHover'];
+    labelTextColor?: TextProps['textColor'];
+    labelTextColorDisabled?: TextProps['textColor'];
+    labelTextColorHover?: TextProps['textColorHover'];
+    labelTextSize?: TextProps['size'];
+    labelWeight?: TextProps['textWeight'];
+    labelWrap?: TextProps['textWrap'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: TextSizeProps;
+    tooltipFill?: TooltipProps['fill'];
+    tooltipShape?: TooltipProps['shape'];
+    tooltipShapeStrength?: TooltipProps['shapeStrength'];
+    tooltipSize?: TooltipProps['size'];
+    tooltipText?: TooltipProps['text'];
+    tooltipTextColor?: TooltipProps['textColor'];
+    tooltipTextSize?: TooltipProps['textSize'];
+    tooltipTitle?: TooltipProps['title'];
+    tooltipTitleTextColor?: TooltipProps['titleColor'];
+    type?: string;
+};
+type MenuItemProps = MenuItemAppearanceProps & StyleAttributes & {
+    after?: string;
+    appearance?: CompositeAppearanceKey;
+    before?: string;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    easing?: string;
+    href?: LinkProps['href'];
+    htmlFor?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    label?: string;
+    link?: LinkProps['href'];
+    LinkComponent?: ElementType;
+    onClick?: () => void;
+    onDoubleClick?: () => void;
+    rel?: LinkProps['rel'];
+    showTooltip?: boolean;
+    style?: CSSProperties;
+    target?: LinkProps['target'];
+    tooltipAppearance?: TooltipProps['appearance'];
+    tooltipArrowPosition?: ArrowPosition;
+    tooltipContent?: TooltipWrapperProps['tooltipContent'];
+    tooltipPlacement?: RCComponentTooltipWrapperPlacement;
+    underline?: UnderlineProps;
+};
+type MenuItemAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type MenuItemAppearance = {
+    [key in MenuItemAppearanceKey]?: MenuItemAppearanceProps;
+};
+type MenuItemConfig = {
+    appearance: MenuItemAppearance;
+    setAppearance: (appearanceConfig: MenuItemAppearance) => void;
+};
+export type { MenuItemAppearance, MenuItemConfig, MenuItemProps };

package/dist/types/components/MenuItem/appearance/menuItemAccent.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceAccent: MenuItemAppearance;
+export { menuItemAppearanceAccent };

package/dist/types/components/MenuItem/appearance/menuItemError.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceError: MenuItemAppearance;
+export { menuItemAppearanceError };

package/dist/types/components/MenuItem/appearance/menuItemShape.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceShape: MenuItemAppearance;
+export { menuItemAppearanceShape };

package/dist/types/components/MenuItem/appearance/menuItemSize.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceSize: MenuItemAppearance;
+export { menuItemAppearanceSize };

package/dist/types/components/MenuItem/appearance/menuItemStyle.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceStyle: MenuItemAppearance;
+export { menuItemAppearanceStyle };

package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceSurface: MenuItemAppearance;
+export { menuItemAppearanceSurface };

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

@@ -0,0 +1,3 @@
+export { MenuItem, menuItemConfig } from './MenuItem';
+export { menuItemAppearance } from './MenuItem.appearance';
+export type { MenuItemAppearance, MenuItemConfig, MenuItemProps, } from './MenuItem.interface';

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

@@ -0,0 +1,3 @@
+import { ModalAppearance } from './Modal.interface';
+declare const modalAppearance: ModalAppearance;
+export { modalAppearance };

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

@@ -0,0 +1,61 @@
+import React from 'react';
+import type { ModalConfig, ModalRef } from './Modal.interface';
+declare const modalConfig: ModalConfig;
+declare const Modal: React.ForwardRefExoticComponent<{
+    borderColor?: import("@itcase/types-ui").BorderColorProps;
+    borderType?: import("@itcase/types-ui").BorderTypeProps;
+    borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+    closeIcon?: boolean;
+    closeIconAppearance?: import("src/components/Icon").IconProps["appearance"];
+    closeIconAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
+    closeIconFillSize?: import("src/components/Icon").IconProps["fillSize"];
+    closeIconImage?: import("src/components/Icon").IconProps["SvgImage"];
+    closeIconShape?: import("src/components/Icon").IconProps["shape"];
+    closeIconSize?: import("src/components/Icon").IconProps["iconSize"];
+    elevation?: import("@itcase/types-ui").ElevationProps;
+    fill?: import("@itcase/types-ui").FillProps;
+    isDisabled?: boolean;
+    isOpen?: boolean;
+    itemFill?: import("@itcase/types-ui").ItemFillProps;
+    overlayFill?: import("src/components/Overlay").OverlayProps["fill"];
+    overlayOpacity?: import("src/components/Overlay").OverlayProps["opacity"];
+    print?: boolean;
+    shape?: import("@itcase/types-ui").ShapeProps;
+    shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+    size?: import("@itcase/types-ui").SizeProps;
+    textColor?: import("../Text").TextProps["textColor"];
+    textSize?: import("../Text").TextProps["size"];
+    titleTextColor?: import("src/components/Title").TitleProps["textColor"];
+    titleTextColorHover?: import("src/components/Title").TitleProps["textColorHover"];
+    titleTextSize?: import("src/components/Title").TitleProps["size"];
+    titleTextTruncate?: import("src/components/Title").TitleProps["textTruncate"];
+    titleTextWeight?: import("src/components/Title").TitleProps["textWeight"];
+    titleTextWidth?: import("@itcase/types-ui").WidthProps;
+    titleTextWrap?: import("src/components/Title").TitleProps["textWrap"];
+} & import("@itcase/ui-core/hooks").StyleAttributes & {
+    id?: string;
+    absoluteHeader?: boolean;
+    after?: React.ReactNode;
+    appearance?: import("@itcase/types-ui").CompositeAppearanceKey;
+    before?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    contentClassName?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isCloseOnBlur?: boolean;
+    isOverlay?: boolean;
+    isScrollOnOpen?: boolean;
+    isSetFocusOnOpen?: boolean;
+    isSkeleton?: boolean;
+    modalIdQuerySelector?: string;
+    modalQuerySelector?: string;
+    onClickOverlay: import("src/components/Overlay").OverlayProps["onClick"];
+    onCloseModal?: () => void;
+    onOpenModal?: () => void;
+    scroll?: boolean;
+    stickyHeader?: boolean;
+    style?: React.CSSProperties;
+    title?: string;
+} & React.RefAttributes<ModalRef>>;
+export { Modal, modalConfig };

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

@@ -0,0 +1,80 @@
+import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+import { AppearanceIconSizeKey, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, ElevationProps, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { StyleAttributes } from '@itcase/ui-core/hooks';
+import { IconProps } from 'src/components/Icon/Icon.interface';
+import { OverlayProps } from 'src/components/Overlay/Overlay.interface';
+import { TextProps } from 'src/components/Text/Text.interface';
+import { TitleProps } from 'src/components/Title/Title.interface';
+type ModalAppearanceProps = {
+    borderColor?: BorderColorProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
+    closeIcon?: boolean;
+    closeIconAppearance?: IconProps['appearance'];
+    closeIconAppearanceSize?: AppearanceIconSizeKey;
+    closeIconFillSize?: IconProps['fillSize'];
+    closeIconImage?: IconProps['SvgImage'];
+    closeIconShape?: IconProps['shape'];
+    closeIconSize?: IconProps['iconSize'];
+    elevation?: ElevationProps;
+    fill?: FillProps;
+    isDisabled?: boolean;
+    isOpen?: boolean;
+    itemFill?: ItemFillProps;
+    overlayFill?: OverlayProps['fill'];
+    overlayOpacity?: OverlayProps['opacity'];
+    print?: boolean;
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
+    textColor?: TextProps['textColor'];
+    textSize?: TextProps['size'];
+    titleTextColor?: TitleProps['textColor'];
+    titleTextColorHover?: TitleProps['textColorHover'];
+    titleTextSize?: TitleProps['size'];
+    titleTextTruncate?: TitleProps['textTruncate'];
+    titleTextWeight?: TitleProps['textWeight'];
+    titleTextWidth?: WidthProps;
+    titleTextWrap?: TitleProps['textWrap'];
+};
+type ModalProps = ModalAppearanceProps & StyleAttributes & {
+    id?: string;
+    absoluteHeader?: boolean;
+    after?: ReactNode;
+    appearance?: CompositeAppearanceKey;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    contentClassName?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isCloseOnBlur?: boolean;
+    isOverlay?: boolean;
+    isScrollOnOpen?: boolean;
+    isSetFocusOnOpen?: boolean;
+    isSkeleton?: boolean;
+    modalIdQuerySelector?: string;
+    modalQuerySelector?: string;
+    onClickOverlay: OverlayProps['onClick'];
+    onCloseModal?: () => void;
+    onOpenModal?: () => void;
+    scroll?: boolean;
+    stickyHeader?: boolean;
+    style?: CSSProperties;
+    title?: string;
+};
+type ModalRef = {
+    closeModal: MouseEventHandler<HTMLDivElement>;
+    isOpen: boolean;
+    modalElement: Element | HTMLDivElement | null;
+    openModal: () => void;
+};
+type ModalAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type ModalAppearance = {
+    [key in ModalAppearanceKey]?: ModalAppearanceProps;
+};
+type ModalConfig = {
+    appearance: ModalAppearance;
+    setAppearance: (appearanceConfig: ModalAppearance) => void;
+};
+export type { ModalAppearance, ModalConfig, ModalProps, ModalRef };

package/dist/types/components/Modal/ModalLoader.d.ts

@@ -0,0 +1,2 @@
+declare function ModalLoader(): import("react/jsx-runtime").JSX.Element;
+export { ModalLoader };

package/dist/types/components/Modal/appearance/modalShape.d.ts

@@ -0,0 +1,3 @@
+import { ModalAppearance } from '../Modal.interface';
+declare const modalAppearanceShape: ModalAppearance;
+export { modalAppearanceShape };

package/dist/types/components/Modal/appearance/modalSize.d.ts

@@ -0,0 +1,3 @@
+import { ModalAppearance } from '../Modal.interface';
+declare const modalAppearanceSize: ModalAppearance;
+export { modalAppearanceSize };

package/dist/types/components/Modal/appearance/modalStyle.d.ts

@@ -0,0 +1,3 @@
+import { ModalAppearance } from '../Modal.interface';
+declare const modalAppearanceStyle: ModalAppearance;
+export { modalAppearanceStyle };

package/dist/types/components/Modal/appearance/modalSurface.d.ts

@@ -0,0 +1,3 @@
+import { ModalAppearance } from '../Modal.interface';
+declare const modalAppearanceSurface: ModalAppearance;
+export { modalAppearanceSurface };

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

@@ -0,0 +1,5 @@
+import { Modal, modalConfig } from './Modal';
+import { modalAppearance } from './Modal.appearance';
+import { ModalLoader } from './ModalLoader';
+export { Modal, modalAppearance, modalConfig, ModalLoader };
+export type { ModalAppearance, ModalConfig, ModalProps, ModalRef, } from './Modal.interface';

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

@@ -0,0 +1,3 @@
+import { ModalSheetBottomAppearance } from './ModalSheetBottom.interface';
+declare const modalSheetBottomAppearance: ModalSheetBottomAppearance;
+export { modalSheetBottomAppearance };

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { ModalSheetBottomRef } from './ModalSheetBottom.interface';
+declare const ModalSheetBottom: React.ForwardRefExoticComponent<{
+    fill?: import("@itcase/types-ui").FillProps;
+    titleTextColor?: import("src/components/Title").TitleProps["textColor"];
+    titleTextColorHover?: import("src/components/Title").TitleProps["textColorHover"];
+    titleTextSize?: import("src/components/Title").TitleProps["size"];
+    titleTextTruncate?: import("src/components/Title").TitleProps["textTruncate"];
+    titleTextWeight?: import("src/components/Title").TitleProps["textWeight"];
+    titleTextWidth?: import("src/components/Title").TitleProps["width"];
+    titleTextWrap?: import("src/components/Title").TitleProps["textWrap"];
+    zeroPadding?: boolean;
+} & Partial<import("react-modal-sheet").SheetProps> & {
+    appearance?: import("@itcase/types-ui").AppearanceSizeKey;
+    children?: React.ReactNode;
+    closeButton?: React.ReactNode;
+    dataTestId?: string;
+    dataTour?: string;
+    initialIsOpen?: boolean;
+    isDisabled?: boolean;
+    onCloseModalSheetBottom?: () => void;
+    onOpenModalSheetBottom?: () => void;
+    style?: React.CSSProperties;
+    title?: string;
+} & React.RefAttributes<ModalSheetBottomRef>>;
+export { ModalSheetBottom };

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

@@ -0,0 +1,42 @@
+import { CSSProperties, ReactNode } from 'react';
+import { SheetProps } from 'react-modal-sheet';
+import { AppearanceSizeKey, FillProps } from '@itcase/types-ui';
+import { TitleProps } from 'src/components/Title/Title.interface';
+type ModalSheetBottomRef = {
+    closeModal: ModalSheetBottomProps['onCloseModalSheetBottom'];
+    isOpen: boolean;
+    openModal: ModalSheetBottomProps['onOpenModalSheetBottom'];
+};
+type ModalSheetBottomAppearanceProps = {
+    fill?: FillProps;
+    titleTextColor?: TitleProps['textColor'];
+    titleTextColorHover?: TitleProps['textColorHover'];
+    titleTextSize?: TitleProps['size'];
+    titleTextTruncate?: TitleProps['textTruncate'];
+    titleTextWeight?: TitleProps['textWeight'];
+    titleTextWidth?: TitleProps['width'];
+    titleTextWrap?: TitleProps['textWrap'];
+    zeroPadding?: boolean;
+};
+type ModalSheetBottomProps = ModalSheetBottomAppearanceProps & Partial<SheetProps> & {
+    appearance?: AppearanceSizeKey;
+    children?: ReactNode;
+    closeButton?: ReactNode;
+    dataTestId?: string;
+    dataTour?: string;
+    initialIsOpen?: boolean;
+    isDisabled?: boolean;
+    onCloseModalSheetBottom?: () => void;
+    onOpenModalSheetBottom?: () => void;
+    style?: CSSProperties;
+    title?: string;
+};
+type ModalSheetBottomAppearanceKey = AppearanceSizeKey & {};
+type ModalSheetBottomAppearance = {
+    [key in ModalSheetBottomAppearanceKey]?: ModalSheetBottomAppearanceProps;
+};
+type ModalSheetBottomConfig = {
+    appearance: ModalSheetBottomAppearance;
+    setAppearance: (appearanceConfig: ModalSheetBottomAppearance) => void;
+};
+export type { ModalSheetBottomAppearance, ModalSheetBottomConfig, ModalSheetBottomProps, ModalSheetBottomRef, };

package/dist/types/components/ModalSheetBottom/appearance/modalSheetBottomSize.d.ts

@@ -0,0 +1,3 @@
+import { ModalSheetBottomAppearance } from '../ModalSheetBottom.interface';
+declare const modalSheetBottomAppearanceSize: ModalSheetBottomAppearance;
+export { modalSheetBottomAppearanceSize };

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

@@ -0,0 +1,3 @@
+export { ModalSheetBottom } from './ModalSheetBottom';
+export { modalSheetBottomAppearance } from './ModalSheetBottom.appearance';
+export type { ModalSheetBottomAppearance, ModalSheetBottomConfig, ModalSheetBottomProps, ModalSheetBottomRef, } from './ModalSheetBottom.interface';

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

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from './Notification.interface';
+declare const notificationAppearance: NotificationAppearance;
+export { notificationAppearance };

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

@@ -0,0 +1,4 @@
+import type { NotificationConfig, NotificationProps } from './Notification.interface';
+declare const notificationConfig: NotificationConfig;
+declare function Notification(props: NotificationProps): import("react/jsx-runtime").JSX.Element;
+export { Notification, notificationConfig };

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

@@ -0,0 +1,73 @@
+import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+import { GeneratedId } from '@itcase/types-core';
+import { AppearanceIconSizeKey, AppearanceNotificationKeys, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceNotificationKeys, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } 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 { LoaderProps } from 'src/components/Loader/Loader.interface';
+import { TextProps } from 'src/components/Text/Text.interface';
+type NotificationAppearanceProps = {
+    borderColor?: BorderColorProps;
+    buttonAppearance?: ButtonProps['appearance'];
+    buttonLabel?: ButtonProps['label'];
+    closeIcon?: IconProps['SvgImage'];
+    closeIconAppearance?: IconProps['appearance'];
+    closeIconAppearanceSize?: AppearanceIconSizeKey;
+    closeIconSrc?: IconProps['imageSrc'];
+    descTextColor?: TextProps['textColor'];
+    descTextSize?: TextProps['size'];
+    elevation?: ElevationProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    loaderAppearance?: LoaderProps['appearance'];
+    loaderAppearanceSize?: AppearanceSizeKey;
+    loaderFill?: LoaderProps['fill'];
+    loaderItemFill?: LoaderProps['itemFill'];
+    loaderSize?: LoaderProps['size'];
+    loaderType?: LoaderProps['type'];
+    set?: string;
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
+    status?: string;
+    text?: string;
+    textColor?: TextProps['textColor'];
+    textSize?: TextProps['size'];
+    titleTextColor?: TextProps['textColor'];
+    titleTextSize?: TextProps['size'];
+    width?: WidthProps;
+};
+type NotificationProps = NotificationAppearanceProps & StyleAttributes & {
+    id?: GeneratedId;
+    after?: ReactNode;
+    appearance?: CompositeAppearanceNotificationKeys;
+    before?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isLoading?: boolean;
+    isSkeleton?: boolean;
+    onClickButton?: MouseEventHandler<HTMLButtonElement>;
+    onClickClose?: (targetId?: GeneratedId) => void;
+    style?: CSSProperties;
+    title?: string;
+    type?: string;
+};
+type NotificationWrapperProps = {
+    className?: string;
+    closeButton?: ReactNode;
+    dataTestId?: string;
+    dataTour?: string;
+    set?: string;
+    size?: SizeProps;
+    type?: string;
+};
+type NotificationAppearanceKeys = AppearanceNotificationKeys | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type NotificationAppearance = {
+    [key in NotificationAppearanceKeys]?: NotificationAppearanceProps;
+};
+type NotificationConfig = {
+    appearance: NotificationAppearance;
+    setAppearance: (appearanceConfig: NotificationAppearance) => void;
+};
+export type { NotificationAppearance, NotificationConfig, NotificationProps, NotificationWrapperProps, };

package/dist/types/components/Notification/NotificationWrapper.d.ts

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

package/dist/types/components/Notification/appearance/notificationDefault.d.ts

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from '../Notification.interface';
+declare const notificationAppearanceDefault: NotificationAppearance;
+export { notificationAppearanceDefault };

package/dist/types/components/Notification/appearance/notificationError.d.ts

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from '../Notification.interface';
+declare const notificationAppearanceError: NotificationAppearance;
+export { notificationAppearanceError };

package/dist/types/components/Notification/appearance/notificationInfo.d.ts

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from '../Notification.interface';
+declare const notificationAppearanceInfo: NotificationAppearance;
+export { notificationAppearanceInfo };

package/dist/types/components/Notification/appearance/notificationShape.d.ts

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from '../Notification.interface';
+declare const notificationAppearanceShape: NotificationAppearance;
+export { notificationAppearanceShape };

package/dist/types/components/Notification/appearance/notificationSize.d.ts

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from '../Notification.interface';
+declare const notificationAppearanceSize: NotificationAppearance;
+export { notificationAppearanceSize };

package/dist/types/components/Notification/appearance/notificationStyle.d.ts

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from '../Notification.interface';
+declare const notificationAppearanceStyle: NotificationAppearance;
+export { notificationAppearanceStyle };

package/dist/types/components/Notification/appearance/notificationSuccess.d.ts

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from '../Notification.interface';
+declare const notificationAppearanceSuccess: NotificationAppearance;
+export { notificationAppearanceSuccess };

package/dist/types/components/Notification/appearance/notificationWarning.d.ts

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from '../Notification.interface';
+declare const notificationAppearanceWarning: NotificationAppearance;
+export { notificationAppearanceWarning };

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

@@ -0,0 +1,5 @@
+import { Notification, notificationConfig } from './Notification';
+import { notificationAppearance } from './Notification.appearance';
+import { NotificationWrapper } from './NotificationWrapper';
+export type { NotificationAppearance, NotificationConfig, NotificationProps, NotificationWrapperProps, } from './Notification.interface';
+export { Notification, notificationAppearance, notificationConfig, NotificationWrapper, };