@soma-vertical-web/multi-lib-sacurai 0.0.1

package/types/layout/team-components/Footer/index.d.ts

@@ -0,0 +1,61 @@
+import { IAdornment } from '@soma-vertical-web/foundations';
+import { IFooterContent, PaymentInfo, SocialMedia } from '../../../cms/ContentTypes/Footer';
+import { HTMLAttributes, ReactNode } from 'react';
+import { ICONSType } from '../../../constants';
+
+export interface IFooter {
+    className?: string;
+    data: IFooterContent;
+    adornment?: Omit<IAdornment, 'start' | 'end'>;
+    payments?: PaymentInfo;
+    socialInfo?: SocialMedia;
+    socialMedias?: Array<{
+        link: string;
+        icon: string;
+    }>;
+    LEGAL_INFORMATION_TEXT: string;
+    ICONS: ICONSType;
+    hasFooterStamps?: boolean;
+}
+export interface IFooterProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export interface IFooterWrapperProps extends IFooterProps {
+    adornment?: Omit<IAdornment, 'start' | 'end'>;
+    legalTextSlot?: React.ReactNode;
+}
+export interface IFooterLegalInformation extends HTMLAttributes<HTMLDivElement> {
+    text: string;
+}
+export interface IFooterColumnProps extends HTMLAttributes<HTMLDivElement> {
+    name?: string;
+    nameIcon?: string;
+    maxWidth?: number;
+    rowAlignContent?: string;
+    columnAlignContent?: string;
+    columnAlignItems?: string;
+    textAlignContent?: string;
+    textAlignItems?: string;
+    children?: ReactNode;
+    ICONS: ICONSType;
+}
+export interface IFooterItemProps extends HTMLAttributes<HTMLDivElement> {
+    type?: 'menu' | 'social-media' | 'payment';
+    children?: ReactNode;
+    paymentDisclaimer?: string;
+    paymentTitle?: string;
+    iconSize?: number;
+    icons?: string[];
+    iconLink?: Array<{
+        link: string;
+        icon: string;
+    }>;
+    link?: string;
+    rowAlignContent?: string;
+    columnAlignContent?: string;
+    columnAlignItems?: string;
+    textAlignContent?: string;
+    textAlignItems?: string;
+    collumnName?: string;
+    collumnNameIcon?: string;
+}

package/types/layout/team-components/Form/index.d.ts

@@ -0,0 +1,45 @@
+import { default as React, FormEvent, HTMLAttributes, PropsWithChildren } from 'react';
+import { FormStatus } from '../Newsletter';
+import { ICONSType } from '../../../constants';
+
+type SizeField = 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
+export type Fields = {
+    label: string;
+    name: string;
+    required?: boolean;
+    width?: string | SizeField;
+};
+export interface IFormGroup {
+    groupLabel: string;
+    fields: Fields[];
+}
+export interface IFormProps extends HTMLAttributes<HTMLDivElement>, FormConstantsProps, PropsWithChildren {
+    masterDataEntity: string | undefined;
+    groups: IFormGroup[];
+    postFn: (args: any) => Promise<any>;
+    actionName?: string;
+    originName?: string;
+    POPUP_SUBMITTED_STORAGE: string;
+}
+export interface IFormData {
+    [key: string]: string;
+}
+export interface IFormContext {
+    formErrors: Array<string>;
+    handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    submitForm: (event: FormEvent) => void;
+    formData: IFormData;
+    status: FormStatus;
+    fieldMessage?: string;
+    success: boolean;
+    setSuccess: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export interface FormConstantsProps extends HTMLAttributes<HTMLDivElement> {
+    FORM_CONFIGS: {
+        successMessage: string;
+        errorMessage: string;
+        returnButton: string;
+    };
+    ICONS: ICONSType;
+}
+export {};

package/types/layout/team-components/FreightCalculation/index.d.ts

@@ -0,0 +1,284 @@
+import { TagProps } from '@soma-vertical-web/core-components/src/lib/Tag/interfaces';
+import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
+import { FREIGHT_CALCULATIONType } from '../../../constants';
+
+export interface FreightOption {
+    id: string;
+    name: string;
+    price: number;
+    shippingEstimate: string;
+}
+export interface PostalCodeInputProps {
+    size: TagProps['size'];
+    skuId: string;
+    sellerId: string;
+    quantity: number;
+    setError: Dispatch<SetStateAction<string>>;
+    setIsButtonClicked: Dispatch<SetStateAction<boolean>>;
+    onUpdateFreightItems: (items: any[]) => void;
+    freightConfig: FREIGHT_CALCULATIONType;
+    toolTipZIndex: number;
+    local?: string;
+    component?: ReactNode;
+}
+export interface PostalCodeContainerProps {
+    children?: ReactNode;
+}
+export interface DeliveryStatusBarProps {
+    message: string;
+    seller?: string;
+    size?: TagProps['size'];
+    setError?: Dispatch<SetStateAction<string>>;
+}
+export interface DeliveryInfoProps {
+    freightConfig: FREIGHT_CALCULATIONType;
+    toolTipZIndex: number;
+    icon: string;
+    title: string;
+    subtitle?: string;
+    packageUnit?: string;
+    packageCount: number;
+    labelDescription?: string;
+}
+export interface FreightOptionProps {
+    id: string;
+    value: string;
+    title: string;
+    paragraph?: string;
+    radioValue: string;
+    changeValue: (id: string) => void;
+}
+export interface FreightOptionContainerProps {
+    children?: ReactNode;
+}
+export interface FreightOptionGridProps {
+    children?: ReactNode;
+}
+export interface ShippingFreightContainerProps {
+    children?: ReactNode;
+    className?: string;
+}
+export interface ShippingFreightProps {
+    children?: ReactNode;
+    freightConfig: FREIGHT_CALCULATIONType;
+}
+export interface FreightCalculationProps {
+    size: TagProps['size'];
+    seller: string;
+    sellerId: string;
+    skuId: string;
+    quantity: number;
+    CONSTANTS_PROPS: {
+        freightConfig: FREIGHT_CALCULATIONType;
+        toolTipZIndex: number;
+        deliveryInfoBoxesAllowed?: boolean;
+        currency?: string;
+    };
+    className?: string;
+    local?: string;
+}
+interface Offering {
+    type: string;
+    id: string;
+    name: string;
+    allowGiftMessage: boolean;
+    attachmentOfferings: any[];
+    price: number;
+}
+interface PriceTag {
+    name: string;
+    value: number;
+    rawValue: number;
+    isPercentual: boolean;
+    identifier: string | null;
+    owner: string;
+}
+interface PriceDefinition {
+    calculatedSellingPrice: number;
+    total: number;
+    sellingPrices: {
+        value: number;
+        quantity: number;
+    }[];
+    reason: string | null;
+}
+interface Item {
+    id: string;
+    requestIndex: number;
+    quantity: number;
+    seller: string;
+    sellerChain: string[];
+    tax: number;
+    priceValidUntil: string;
+    price: number;
+    listPrice: number;
+    rewardValue: number;
+    sellingPrice: number;
+    offerings: Offering[];
+    priceTags: PriceTag[];
+    measurementUnit: string;
+    unitMultiplier: number;
+    parentItemIndex: number | null;
+    parentAssemblyBinding: string | null;
+    availability: string;
+    catalogProvider: string;
+    priceDefinition: PriceDefinition;
+    priceTable: string | null;
+}
+interface RateAndBenefitIdentifier {
+    id: string;
+    name: string;
+    featured: boolean;
+    description: string;
+    matchedParameters: {
+        [key: string]: string;
+    };
+    additionalInfo: string | null;
+    triggeredBy: string | null;
+}
+interface RatesAndBenefitsData {
+    rateAndBenefitsIdentifiers: RateAndBenefitIdentifier[];
+    teaser: any[];
+}
+interface SellerMerchantInstallment {
+    id: string;
+    count: number;
+    hasInterestRate: boolean;
+    interestRate: number;
+    value: number;
+    total: number;
+}
+interface Installment {
+    count: number;
+    hasInterestRate: boolean;
+    interestRate: number;
+    value: number;
+    total: number;
+    sellerMerchantInstallments: SellerMerchantInstallment[];
+}
+interface InstallmentOption {
+    paymentSystem: string;
+    bin: string | null;
+    paymentName: string;
+    paymentGroupName: string;
+    value: number;
+    installments: Installment[];
+}
+interface PaymentSystem {
+    id: number;
+    name: string;
+    groupName: string;
+    validator: any;
+    stringId: string;
+    template: string;
+    requiresDocument: boolean;
+    displayDocument: boolean;
+    isCustom: boolean;
+    description: string | null;
+    requiresAuthentication: boolean;
+    dueDate: string;
+    availablePayments: any;
+}
+interface PaymentData {
+    installmentOptions: InstallmentOption[];
+    paymentSystems: PaymentSystem[];
+    payments: any[];
+    giftCards: any[];
+    giftCardMessages: any[];
+    availableAccounts: any[];
+    availableTokens: any[];
+    availableAssociations: Record<string, any>;
+}
+interface DeliveryId {
+    courierId: string;
+    warehouseId: string;
+    dockId: string;
+    courierName: string;
+    quantity: number;
+    kitItemDetails: any[];
+}
+interface PickupStoreInfo {
+    isPickupStore: boolean;
+    friendlyName: string | null;
+    address: string | null;
+    additionalInfo: string | null;
+    dockId: string | null;
+}
+interface SLA {
+    id: string;
+    deliveryChannel: string;
+    name: string;
+    deliveryIds: DeliveryId[];
+    shippingEstimate: string;
+    shippingEstimateDate: string | null;
+    lockTTL: string | null;
+    availableDeliveryWindows: any[];
+    deliveryWindow: string | null;
+    price: number;
+    listPrice: number;
+    tax: number;
+    pickupStoreInfo: PickupStoreInfo;
+    pickupPointId: string | null;
+    pickupDistance: number;
+    polygonName: string;
+    transitTime: string;
+}
+interface DeliveryChannel {
+    id: string;
+}
+interface LogisticsInfo {
+    itemIndex: number;
+    addressId: string | null;
+    selectedSla: string | null;
+    selectedDeliveryChannel: string | null;
+    quantity: number;
+    shipsTo: string[];
+    slas: SLA[];
+    deliveryChannels: DeliveryChannel[];
+}
+interface ItemPurchaseCondition {
+    id: string;
+    seller: string;
+    sellerChain: string[];
+    slas: SLA[];
+    price: number;
+    listPrice: number;
+}
+interface PurchaseConditions {
+    itemPurchaseConditions: ItemPurchaseCondition[];
+}
+interface Total {
+    id: string;
+    name: string;
+    value: number;
+}
+export interface ShippingSimulationResponse {
+    items: Item[];
+    ratesAndBenefitsData: RatesAndBenefitsData;
+    paymentData: PaymentData;
+    selectableGifts: any[];
+    marketingData: any;
+    postalCode: string;
+    country: string;
+    logisticsInfo: LogisticsInfo[];
+    messages: any[];
+    purchaseConditions: PurchaseConditions;
+    pickupPoints: any[];
+    subscriptionData: any;
+    totals: Total[];
+    itemMetadata: any;
+    allowMultipleDeliveries: boolean;
+}
+export interface FreightTooltipProps {
+    parent: HTMLElement;
+    isOpen: boolean;
+    freightConfig: FREIGHT_CALCULATIONType;
+    toolTipZIndex: number;
+    contentRef?: MutableRefObject<HTMLDivElement | null>;
+    left?: number;
+    target?: MutableRefObject<HTMLDivElement | null>;
+    top?: number;
+    delay?: number;
+    gap?: number;
+}
+export {};

package/types/layout/team-components/Header/index.d.ts

@@ -0,0 +1,81 @@
+import { SolidVariantsType, VariantsType } from '@soma-vertical-web/core-components/src/lib/Header/interfaces';
+import { Dispatch, PropsWithChildren, ReactNode, RefObject, SetStateAction } from 'react';
+import { HeaderCategories, HeaderNavLinks } from '../../../cms/ContentTypes/Header';
+import { AddToCartProviderProps } from '../../team-components/AddToCart';
+import { ALIGNMENT_MENUType, COMPONENT_LISTType, ICONSType, MENU_MOB_BTN_SIDEType, MENU_INFOType, MENU_NAVIGATION_BAR_ALLOWEDType, Z_INDEX_WARType, StoreConfigType, MINICART_CONFIGType, NAME_SPLIT_SYMBOLType, PLP_NOT_RESULTType, TEXTURE_IMAGEType, TOGGLE_STYLE_MODIFIERType, TIPBAR_CONFIGSType } from '../../../constants';
+import { DataSubmenu } from '../../../cms/Sections/HeaderSubmenu';
+
+export type HeaderPositionsType = 'absolute' | 'relative';
+type HEADER_CONSTANTS = {
+    addToCart: AddToCartProviderProps['CONSTANTS'];
+    header: {
+        ALIGNMENT_MENU: ALIGNMENT_MENUType;
+        COMPONENT_LIST: COMPONENT_LISTType;
+        HEADER_CONFIGS: HeaderConfigsType;
+        ICONS: ICONSType;
+        MENU_INFO: MENU_INFOType;
+        MENU_NAVIGATION_BAR_ALLOWED: MENU_NAVIGATION_BAR_ALLOWEDType;
+        Z_INDEX_WAR: Z_INDEX_WARType;
+        MENU_MOB_BTN_SIDE?: MENU_MOB_BTN_SIDEType;
+    };
+    minicart: {
+        ICONS: ICONSType;
+        MINICART_CONFIG: MINICART_CONFIGType;
+        NAME_SPLIT_SYMBOL: NAME_SPLIT_SYMBOLType;
+        PLP_NOT_RESULT: PLP_NOT_RESULTType;
+        TIPBAR_CONFIGS: TIPBAR_CONFIGSType;
+        TEXTURE_IMAGE: TEXTURE_IMAGEType;
+        TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;
+        Z_INDEX_WAR: Z_INDEX_WARType;
+        storeConfig: StoreConfigType;
+    };
+};
+export interface HeaderContextProps extends HeaderProviderProps {
+    structureRef: RefObject<HTMLDivElement | null>;
+    rootRef: RefObject<HTMLDivElement | null>;
+    tipbarRef: RefObject<HTMLDivElement | null>;
+    userMenuMobileRef: RefObject<HTMLButtonElement | null>;
+    userMenuDesktopRef: RefObject<HTMLButtonElement | null>;
+}
+export interface HeaderProviderProps extends PropsWithChildren {
+    headerData: {
+        titleIcon?: string;
+        title?: string;
+        subtitle?: string;
+        navigationLinks?: HeaderNavLinks[];
+        categories: HeaderCategories[];
+        subMenus: DataSubmenu[];
+    };
+    CONSTANTS: HEADER_CONSTANTS;
+    storeConfig: StoreConfigType;
+}
+export type HeaderCategoryContext = {
+    currentCategory: string | null;
+    setCurrentCategory: Dispatch<SetStateAction<string | null>>;
+    handleCloseMenu: VoidFunction;
+    handleChangeSubMenuOpened: (value: string | null) => void;
+};
+export type HeaderScrollBehaviorType = {
+    [key1 in 'desktop' | 'mobile']: {
+        [key2 in 'header' | 'tipbar']: {
+            scrollYBreakPoint: number | 'ownHeight';
+            hideOnScrollingDown: boolean;
+        };
+    };
+};
+export type HeaderConfigsType = {
+    default_variant: VariantsType;
+    home_default_variant: VariantsType;
+    interactive_variant: SolidVariantsType;
+    default_position: HeaderPositionsType;
+    home_default_position: HeaderPositionsType;
+    logo_svg?: string;
+};
+export interface HeaderContainerProps {
+    tipBar?: ReactNode;
+    minicartStyleModifiers?: string;
+    menuV2?: ReactNode;
+    storeConfig: StoreConfigType;
+    className?: string;
+}
+export {};

package/types/layout/team-components/HelpButton/index.d.ts

@@ -0,0 +1,31 @@
+import { TMode, TSizesSmallExtended } from '@soma-vertical-web/foundations';
+import { FormatHelpButtonProps, HelpButtonContentType } from '../../../cms/ContentTypes/HelpButton';
+import { HTMLAttributes, PropsWithChildren } from 'react';
+import { ICONSType } from '../../../constants';
+
+export interface HelpButtonProps extends HTMLAttributes<HTMLDivElement> {
+    iconLabel?: string;
+    buttonLabel?: string;
+    data?: FormatHelpButtonProps;
+    ICONS: ICONSType;
+}
+export interface HelpButtonWrapperProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface HelpButtonCallToActionProps extends PropsWithChildren {
+}
+export interface HelpButtonBodyDataProps {
+    type: HelpButtonContentType;
+    id: string;
+    title: string;
+    subtitle: string;
+    description: string;
+    buttonLabel?: string;
+    buttonHref?: string;
+    buttonMode?: TMode;
+    buttonSize?: TSizesSmallExtended;
+    buttonIcon?: string;
+}
+export interface HelpButtonBodyProps {
+    data?: HelpButtonBodyDataProps[];
+    ICONS: ICONSType;
+}

package/types/layout/team-components/ImageZoom/index.d.ts

@@ -0,0 +1,70 @@
+import { ButtonProps } from '@soma-vertical-web/core-components/src/lib/Button/interfaces';
+import { ImageType } from '../../../global/product';
+import { ButtonHTMLAttributes, Dispatch, HTMLAttributes, PropsWithChildren, ReactNode, RefObject, SetStateAction } from 'react';
+import { ICONSType, PRODUCT_IMAGE_DIMENSIONSType, Z_INDEX_WARType } from '../../../constants';
+import { QuickShopProps } from '../../templates/QuickShop/index';
+
+interface CommonProps {
+    images: ImageType[];
+    selectedImageIndex: number;
+    onThumbnailClick: (index: number) => void;
+}
+export interface ImageDesktopProps extends CommonProps {
+    PRODUCT_IMAGE_DIMENSIONS: PRODUCT_IMAGE_DIMENSIONSType;
+}
+export interface ImageZoomProps extends CommonProps {
+    handleClose: () => void;
+    isDesktopOpen: boolean;
+    isMobileOpen: boolean;
+}
+export interface ImageMobileProps {
+    imgRef: RefObject<HTMLImageElement>;
+    image: ImageZoomMobileProps['images'][0];
+    PRODUCT_IMAGE_DIMENSIONS: PRODUCT_IMAGE_DIMENSIONSType;
+}
+export type ImagesThumbsProps = CommonProps;
+export interface ImageZoomMobileProps extends HTMLAttributes<HTMLDivElement> {
+    images: ImageType[];
+    items_per_page?: number;
+    gap?: number;
+    loop?: boolean;
+    direction?: 'horizontal' | 'vertical';
+    ICONS: ICONSType;
+    PRODUCT_IMAGE_DIMENSIONS: PRODUCT_IMAGE_DIMENSIONSType;
+}
+export interface MobileWrapperProps extends HTMLAttributes<HTMLDivElement> {
+    Z_INDEX_WAR: Z_INDEX_WARType;
+}
+export interface ButtonCloseProps extends ButtonProps {
+    onClose: () => void;
+    btnAdornment?: {
+        buttonClosed: ReactNode;
+    };
+    ICONS: ICONSType;
+}
+export interface ShopBagProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    skuSelectModal: () => void;
+}
+export interface ImageZoomRootProps extends Omit<QuickShopProps, 'callBackProductAdded'> {
+    images: ImageType[];
+    initialSelectedImageIndex?: number;
+    setShowImageZoom: Dispatch<SetStateAction<{
+        show: boolean;
+        initialIndex: number;
+    }>>;
+    PRODUCT_IMAGE_DIMENSIONS: PRODUCT_IMAGE_DIMENSIONSType;
+}
+export type BlurImageProps = {
+    image: ImageType;
+};
+export interface WrapperDesktopProps extends PropsWithChildren {
+    Z_INDEX_WAR: Z_INDEX_WARType;
+}
+export type CarouselProps = {
+    images: ImageZoomMobileProps['images'];
+    setCurrent: Dispatch<SetStateAction<number>>;
+    setFirstImgLoaded: Dispatch<SetStateAction<boolean>>;
+    ICONS: ICONSType;
+    PRODUCT_IMAGE_DIMENSIONS: PRODUCT_IMAGE_DIMENSIONSType;
+};
+export {};

package/types/layout/team-components/Media/index.d.ts

@@ -0,0 +1,12 @@
+import { VideoHTMLAttributes } from 'react';
+
+export declare const ObjectFitsDefault: readonly ["contain", "cover", "fill", "none"];
+type ObjectFit = (typeof ObjectFitsDefault)[number];
+interface MediaObjectFit {
+    objectFit?: ObjectFit;
+}
+export type CustomImageProps = any & MediaObjectFit;
+export interface VideoProps extends VideoHTMLAttributes<HTMLVideoElement> {
+    videoRef?: React.RefObject<HTMLVideoElement>;
+}
+export {};

package/types/layout/team-components/Menu/Desktop/index.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from 'react';
+import { ThumbnailsType } from '..';
+import { HeaderProviderProps } from '../../Header';
+
+export interface MenuRootProps extends HTMLAttributes<HTMLDivElement> {
+    dividerOnBottom?: boolean;
+}
+export interface CategoriesProps extends HTMLAttributes<HTMLDivElement> {
+    subMenu: HeaderProviderProps['headerData']['subMenus'][0];
+    dividerOnRight?: boolean;
+}
+export type SubCategoriesContainerProps = {
+    thumbnails: ThumbnailsType;
+    category: string;
+};

package/types/layout/team-components/Menu/Mobile/Body/Category/index.d.ts

@@ -0,0 +1,23 @@
+import { HeaderCategories, HeaderDataProps } from 'libs/multi-lib/src/types/cms/ContentTypes/Header';
+import { HTMLAttributes } from 'react';
+
+export type BannerProps = HTMLAttributes<HTMLElement> & HeaderCategories;
+export interface CategoryProps extends HTMLAttributes<HTMLElement> {
+    label: string;
+}
+export interface ListProps extends Pick<SubCategoryProps, 'onHandleOut'> {
+    subCategory: HeaderDataProps['subMenus'][0]['subCategories'][0];
+    submenuLabel: string;
+}
+export interface SubCategoryProps {
+    current?: HeaderDataProps['subMenus'][0];
+    onHandleOut: (label: string, subMenu: string) => void;
+}
+export interface SubCategoryProps {
+    current?: HeaderDataProps['subMenus'][0];
+    onHandleOut: (label: string, subMenu: string) => void;
+}
+export interface TitleProps extends Pick<SubCategoryProps, 'onHandleOut'> {
+    subCategory: HeaderDataProps['subMenus'][0]['subCategories'][0];
+    submenuLabel: string;
+}

package/types/layout/team-components/Menu/Mobile/Body/index.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+
+export type BodyProps = HTMLAttributes<HTMLDivElement>;

package/types/layout/team-components/Menu/Mobile/index.d.ts

@@ -0,0 +1,52 @@
+import { ButtonProps } from '@soma-vertical-web/core-components/src/lib/Button/interfaces';
+import { CSSProperties, HTMLAttributes, PropsWithChildren } from 'react';
+import { NavigationLinksType, SubCategoryType, SubmenuType, ThumbnailsType } from '..';
+
+export interface MenuHeaderWrapperProps {
+    title?: string;
+    subtitle?: string;
+}
+export type MenuMobileProps = {
+    menuOpen: boolean;
+    setMenuOpen: (value: boolean) => void;
+};
+export interface MenuRootProps extends HTMLAttributes<HTMLDivElement> {
+    width?: CSSProperties['width'] | 'full';
+    menuIsOpen?: boolean;
+    parent: HTMLElement;
+    setMenuIsOpen?: (value: boolean) => void;
+}
+export type MenuHeaderNavLinksProps = {
+    navigationLinks: NavigationLinksType;
+};
+export type MenuBodyProps = HTMLAttributes<HTMLDivElement>;
+export type SubMenuItemProps = {
+    submenu: SubmenuType;
+};
+export interface MenuCategoriesWrapperProps extends PropsWithChildren {
+    link: string | null;
+}
+export interface MenuCategoriesProps extends HTMLAttributes<HTMLElement> {
+    mobileBannerSrc?: string;
+    mobileBannerAlt?: string;
+    textColor?: string;
+}
+export type SubMenuMobileProps = MenuRootProps;
+export type SubMenuThumbnailsMobileProps = {
+    thumbnails: ThumbnailsType;
+};
+export type SubMenuThumbnailMobileProps = HTMLAttributes<HTMLDivElement>;
+export type SubMenuSubCategoryProps = {
+    subcategory: SubCategoryType;
+    submenuLabel: string;
+};
+export interface NavigationBarItemProps extends ButtonProps {
+    last?: boolean;
+}
+export type ContextProps = PropsWithChildren & CommonProps;
+export interface CommonProps {
+    menuIsOpen: boolean;
+    setMenuIsOpen: (value: boolean) => void;
+    userMenuIsOpen: boolean;
+    setUserMenuIsOpen: (value: boolean) => void;
+}