@soma-vertical-web/multi-lib 0.0.16 → 0.0.18

package/layout/index.d.ts

@@ -11,11 +11,65 @@ export declare const layout: {
             displayName: string;
         };
         FreightCalculation: ({ className, sellerId, skuId, quantity, size, seller, local, CONSTANTS_PROPS, }: import('../types/layout/team-components/FreightCalculation').FreightCalculationProps) => import("react/jsx-runtime").JSX.Element;
+        Header: {
+            ({ tipBar, miniCart, UserMenu, SearchModal }: import('../types/layout/team-components/Header').HeaderContainerProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
         Link: ({ children, adornments, className, disableUnderline, href, mode, size, title, onClick, disablePadding, ...props }: import('./team-component/Link/interfaces').TeamLinkProps) => import("react/jsx-runtime").JSX.Element;
         Media: {
             Image: ({ alt, className, objectFit, ...props }: import('../types/layout/team-components/Media').CustomImageProps) => import("react/jsx-runtime").JSX.Element;
             Video: ({ videoRef, ...props }: import('../types/layout/team-components/Media').VideoProps) => import("react/jsx-runtime").JSX.Element;
         };
+        ProductCard: {
+            Actions: {
+                ({ callback, children, className, data, isKit, ...props }: import('../types/layout/team-components/ProductCard').ActionsProps): import("react/jsx-runtime").JSX.Element | null;
+                displayName: string;
+            };
+            BuyButton: {
+                ({ className, isKit, ...props }: import('../types/layout/team-components/ProductCard').BuyButtonProps): import("react/jsx-runtime").JSX.Element;
+                displayName: string;
+            };
+            Header: {
+                ({ product, tag, size }: import('../types/layout/team-components/ProductCard').HeaderProps): import("react/jsx-runtime").JSX.Element;
+                displayName: string;
+            };
+            Media: {
+                ({ className, children, hasPriority, showVideo, ...props }: import('../types/global/product').ProductCardMediaProps): import("react/jsx-runtime").JSX.Element;
+                displayName: string;
+            };
+            Root: {
+                ({ children, className, index, isMobile, item, size, order, outStock, shelfTitle, CONSTANTS, WishListToggle, ...props }: import('../types/layout/team-components/ProductCard').RootProps): import("react/jsx-runtime").JSX.Element;
+                displayName: string;
+            };
+            OutStock: {
+                ({ className, callback, children, ...props }: import('../types/layout/team-components/ProductCard').OutStockProps): import("react/jsx-runtime").JSX.Element | null;
+                displayName: string;
+            };
+            Price: {
+                ({ className, hasDecimal, ...props }: import('../types/layout/team-components/ProductCard').PriceProps): import("react/jsx-runtime").JSX.Element;
+                displayName: string;
+            };
+            SizeSelector: {
+                ({ callback, className, children, setNotify, ...props }: import('../types/layout/team-components/ProductCard/Selectors').SizeSelectorProps): import("react/jsx-runtime").JSX.Element;
+                displayName: string;
+            };
+            StyleSelector: {
+                ({ callback, className, data, images, findTexture, ...props }: import('../types/layout/team-components/ProductCard/Selectors').StyleSelectorProps): import("react/jsx-runtime").JSX.Element;
+                displayName: string;
+            };
+            Title: {
+                ({ tag, className, }: import('../types/layout/team-components/ProductCard').TitleProps): import("react/jsx-runtime").JSX.Element;
+                displayName: string;
+            };
+            Video: {
+                ({ className, url, poster, ...props }: import('../types/layout/team-components/ProductCard').VideoProps): import("react/jsx-runtime").JSX.Element;
+                displayName: string;
+            };
+            Wrapper: {
+                ({ children, className, type, ...props }: import('../types/layout/team-components/ProductCard').WrapperProps): import("react/jsx-runtime").JSX.Element;
+                displayName: string;
+            };
+        };
     };
     template: {
         pdp: typeof pdp;

package/layout/team-component/Header/Composite/Bag.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+
+declare const Bag: {
+    ({ id }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Bag;

package/layout/team-component/Header/Composite/Categories.d.ts

@@ -0,0 +1,5 @@
+declare const Categories: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Categories;

package/layout/team-component/Header/Composite/HeaderDesktopWrapper.d.ts

@@ -0,0 +1,7 @@
+import { HeaderWrappersProps } from '../../../../types/layout/team-components/Header';
+
+declare const HeaderDesktopWrapper: {
+    ({ UserMenu, SearchModal }: HeaderWrappersProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default HeaderDesktopWrapper;

package/layout/team-component/Header/Composite/HeaderMobileWrapper.d.ts

@@ -0,0 +1,7 @@
+import { HeaderWrappersProps } from '../../../../types/layout/team-components/Header';
+
+declare const HeaderMobileWrapper: {
+    ({ UserMenu, SearchModal }: HeaderWrappersProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default HeaderMobileWrapper;

package/layout/team-component/Header/Composite/SearchButton.d.ts

@@ -0,0 +1,6 @@
+import { ComponentType } from 'react';
+
+declare function SearchButton({ SearchModal }: {
+    SearchModal: ComponentType<any>;
+}): import("react/jsx-runtime").JSX.Element;
+export default SearchButton;

package/layout/team-component/Header/Composite/SubMenu.d.ts

@@ -0,0 +1,5 @@
+declare const SubMenu: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SubMenu;

package/layout/team-component/Header/Composite/WishList.d.ts

@@ -0,0 +1,5 @@
+declare const WishList: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default WishList;

package/layout/team-component/Header/index.d.ts

@@ -0,0 +1,7 @@
+import { HeaderContainerProps } from '../../../types/layout/team-components/Header';
+
+declare const Header: {
+    ({ tipBar, miniCart, UserMenu, SearchModal }: HeaderContainerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Header;

package/layout/team-component/Menu/Composite/Common/Thumbnail.d.ts

@@ -0,0 +1,7 @@
+import { ThumbNailProps } from '../../../../../types/layout/team-components/Menu';
+
+declare const Thumbnail: {
+    ({ thumbnails, category, isMobile, callBack, }: ThumbNailProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Thumbnail;

package/layout/team-component/Menu/Composite/Desktop/Categories.d.ts

@@ -0,0 +1,7 @@
+import { CategoriesProps } from '../../../../../types/layout/team-components/Menu/Desktop';
+
+declare const Categories: {
+    ({ children, dividerOnRight, subMenu, ...props }: CategoriesProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Categories;

package/layout/team-component/Menu/Composite/Desktop/MenuRoot.d.ts

@@ -0,0 +1,4 @@
+import { MenuRootProps } from '../../../../../types/layout/team-components/Menu/Desktop';
+
+declare const _default: import('react').ComponentType<MenuRootProps>;
+export default _default;

package/layout/team-component/Menu/Composite/Desktop/SubCategories/SubCategories.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+
+declare const SubCategories: {
+    ({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SubCategories;

package/layout/team-component/Menu/Composite/Mobile/Body/MenuBody.d.ts

@@ -0,0 +1,7 @@
+import { MenuBodyProps } from '../../../../../../types/layout/team-components/Menu/Mobile';
+
+declare const MenuBody: {
+    ({ className, ...props }: MenuBodyProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default MenuBody;

package/layout/team-component/Menu/Composite/Mobile/Body/MenuCategories.d.ts

@@ -0,0 +1,7 @@
+import { MenuCategoriesProps } from '../../../../../../types/layout/team-components/Menu/Mobile';
+
+declare const MenuCategories: {
+    ({ children, mobileBannerAlt, mobileBannerSrc, onClick, textColor, ...props }: MenuCategoriesProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default MenuCategories;

package/layout/team-component/Menu/Composite/Mobile/Body/MenuCategoriesWrapper.d.ts

@@ -0,0 +1,7 @@
+import { MenuCategoriesWrapperProps } from '../../../../../../types/layout/team-components/Menu/Mobile';
+
+declare const MenuCategoriesWrapper: {
+    ({ children, link, }: MenuCategoriesWrapperProps): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    displayName: string;
+};
+export default MenuCategoriesWrapper;

package/layout/team-component/Menu/Composite/Mobile/Body/SubMenu/SubMenu.d.ts

@@ -0,0 +1,5 @@
+declare const SubMenu: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SubMenu;

package/layout/team-component/Menu/Composite/Mobile/Body/SubMenu/SubMenuItem.d.ts

@@ -0,0 +1,7 @@
+import { SubMenuItemProps } from '../../../../../../../types/layout/team-components/Menu/Mobile';
+
+declare const SubMenuItem: {
+    ({ submenu }: SubMenuItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SubMenuItem;

package/layout/team-component/Menu/Composite/Mobile/Body/SubMenu/SubMenuSubCategory.d.ts

@@ -0,0 +1,7 @@
+import { SubMenuSubCategoryProps } from '../../../../../../../types/layout/team-components/Menu/Mobile';
+
+declare const SubMenuSubCategory: {
+    ({ subcategory, submenuLabel, }: SubMenuSubCategoryProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SubMenuSubCategory;

package/layout/team-component/Menu/Composite/Mobile/Header/MenuHeaderContainer.d.ts

@@ -0,0 +1,5 @@
+declare const MenuHeaderContainer: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default MenuHeaderContainer;

package/layout/team-component/Menu/Composite/Mobile/Header/MenuHeaderNavLinks.d.ts

@@ -0,0 +1,7 @@
+import { MenuHeaderNavLinksProps } from '../../../../../../types/layout/team-components/Menu/Mobile';
+
+declare const MenuHeaderNavLinks: {
+    ({ navigationLinks }: MenuHeaderNavLinksProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export default MenuHeaderNavLinks;

package/layout/team-component/Menu/Composite/Mobile/Header/MenuHeaderWrapper.d.ts

@@ -0,0 +1,7 @@
+import { MenuHeaderWrapperProps } from '../../../../../../types/layout/team-components/Menu/Mobile';
+
+declare const MenuHeaderWrapper: {
+    ({ title, subtitle }: MenuHeaderWrapperProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default MenuHeaderWrapper;

package/layout/team-component/Menu/Composite/Mobile/MenuRoot.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('react').ComponentType<{
+    children?: import('react').ReactNode | undefined;
+}>;
+export default _default;

package/layout/team-component/Menu/Composite/Mobile/Navigation/NavigationBar.d.ts

@@ -0,0 +1,5 @@
+declare const NavigationBar: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default NavigationBar;

package/layout/team-component/Menu/Composite/Mobile/Navigation/NavigationBarItem.d.ts

@@ -0,0 +1,7 @@
+import { NavigationBarItemProps } from '../../../../../../types/layout/team-components/Menu/Mobile';
+
+declare const NavigationBarItem: {
+    ({ children, ...props }: NavigationBarItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default NavigationBarItem;

package/layout/team-component/Menu/MenuDesktop.d.ts

@@ -0,0 +1,12 @@
+declare const MenuDesktop: {
+    Root: import('react').ComponentType<import('../../../types/layout/team-components/Menu/Desktop').MenuRootProps>;
+    Categories: {
+        ({ children, dividerOnRight, subMenu, ...props }: import('../../../types/layout/team-components/Menu/Desktop').CategoriesProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Thumbnail: {
+        ({ thumbnails, category, isMobile, callBack, }: import('../../../types/layout/team-components/Menu').ThumbNailProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export default MenuDesktop;

package/layout/team-component/Menu/MenuMobile.d.ts

@@ -0,0 +1,18 @@
+declare const MenuMobile: {
+    Root: import('react').ComponentType<{
+        children?: import('react').ReactNode | undefined;
+    }>;
+    NavigationBar: {
+        (): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Header: {
+        (): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Body: {
+        ({ className, ...props }: import('../../../types/layout/team-components/Menu/Mobile').MenuBodyProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export default MenuMobile;

package/layout/team-component/ProductCard/Composite/Actions/Actions.d.ts

@@ -0,0 +1,7 @@
+import { ActionsProps } from '../../../../../types/layout/team-components/ProductCard';
+
+declare const Actions: {
+    ({ callback, children, className, data, isKit, ...props }: ActionsProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export default Actions;

package/layout/team-component/ProductCard/Composite/Actions/BuyButton.d.ts

@@ -0,0 +1,7 @@
+import { BuyButtonProps } from '../../../../../types/layout/team-components/ProductCard';
+
+declare const BuyButton: {
+    ({ className, isKit, ...props }: BuyButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default BuyButton;

package/layout/team-component/ProductCard/Composite/Actions/Header.d.ts

@@ -0,0 +1,7 @@
+import { HeaderProps } from '../../../../../types/layout/team-components/ProductCard';
+
+declare const Header: {
+    ({ product, tag, size }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Header;

package/layout/team-component/ProductCard/Composite/Media/Media.d.ts

@@ -0,0 +1,7 @@
+import { ProductCardMediaProps } from '../../../../../types/global/product';
+
+declare const Media: {
+    ({ className, children, hasPriority, showVideo, ...props }: ProductCardMediaProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Media;

package/layout/team-component/ProductCard/Composite/Media/Video.d.ts

@@ -0,0 +1,7 @@
+import { VideoProps } from '../../../../../types/layout/team-components/ProductCard';
+
+declare const Video: {
+    ({ className, url, poster, ...props }: VideoProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Video;

package/layout/team-component/ProductCard/Composite/OutStock.d.ts

@@ -0,0 +1,7 @@
+import { OutStockProps } from '../../../../types/layout/team-components/ProductCard';
+
+declare const OutStock: {
+    ({ className, callback, children, ...props }: OutStockProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export default OutStock;

package/layout/team-component/ProductCard/Composite/Price.d.ts

@@ -0,0 +1,7 @@
+import { PriceProps } from '../../../../types/layout/team-components/ProductCard';
+
+declare const Price: {
+    ({ className, hasDecimal, ...props }: PriceProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Price;

package/layout/team-component/ProductCard/Composite/Root.d.ts

@@ -0,0 +1,7 @@
+import { RootProps } from '../../../../types/layout/team-components/ProductCard';
+
+declare const Root: {
+    ({ children, className, index, isMobile, item, size, order, outStock, shelfTitle, CONSTANTS, WishListToggle, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Root;

package/layout/team-component/ProductCard/Composite/Selectors/SizeSelector/Item.d.ts

@@ -0,0 +1,7 @@
+import { SizeSelectorItemProps } from '../../../../../../types/layout/team-components/ProductCard/Selectors';
+
+declare const Item: {
+    ({ disabled, label, size, value, onClick, ...props }: SizeSelectorItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Item;

package/layout/team-component/ProductCard/Composite/Selectors/SizeSelector/SkuItem.d.ts

@@ -0,0 +1,7 @@
+import { SizeSkuItemProps } from '../../../../../../types/layout/team-components/ProductCard/Selectors';
+
+declare const SkuItem: {
+    ({ active, callback, selectedSku, item, setNotify, }: SizeSkuItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SkuItem;

package/layout/team-component/ProductCard/Composite/Selectors/SizeSelector.d.ts

@@ -0,0 +1,7 @@
+import { SizeSelectorProps } from '../../../../../types/layout/team-components/ProductCard/Selectors';
+
+declare const SizeSelector: {
+    ({ callback, className, children, setNotify, ...props }: SizeSelectorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SizeSelector;

package/layout/team-component/ProductCard/Composite/Selectors/StyleSelector.d.ts

@@ -0,0 +1,7 @@
+import { StyleSelectorProps } from '../../../../../types/layout/team-components/ProductCard/Selectors';
+
+declare const StyleSelector: {
+    ({ callback, className, data, images, findTexture, ...props }: StyleSelectorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default StyleSelector;

package/layout/team-component/ProductCard/Composite/Title.d.ts

@@ -0,0 +1,7 @@
+import { TitleProps } from '../../../../types/layout/team-components/ProductCard';
+
+declare const Title: {
+    ({ tag, className, }: TitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Title;

package/layout/team-component/ProductCard/Composite/Wrapper.d.ts

@@ -0,0 +1,7 @@
+import { WrapperProps } from '../../../../types/layout/team-components/ProductCard';
+
+declare const Wrapper: {
+    ({ children, className, type, ...props }: WrapperProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Wrapper;

package/layout/team-component/ProductCard/ProductCard.d.ts

@@ -0,0 +1,51 @@
+declare const ProductCard: {
+    Actions: {
+        ({ callback, children, className, data, isKit, ...props }: import('../../../types/layout/team-components/ProductCard').ActionsProps): import("react/jsx-runtime").JSX.Element | null;
+        displayName: string;
+    };
+    BuyButton: {
+        ({ className, isKit, ...props }: import('../../../types/layout/team-components/ProductCard').BuyButtonProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Header: {
+        ({ product, tag, size }: import('../../../types/layout/team-components/ProductCard').HeaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Media: {
+        ({ className, children, hasPriority, showVideo, ...props }: import('../../../types/global/product').ProductCardMediaProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Root: {
+        ({ children, className, index, isMobile, item, size, order, outStock, shelfTitle, CONSTANTS, WishListToggle, ...props }: import('../../../types/layout/team-components/ProductCard').RootProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    OutStock: {
+        ({ className, callback, children, ...props }: import('../../../types/layout/team-components/ProductCard').OutStockProps): import("react/jsx-runtime").JSX.Element | null;
+        displayName: string;
+    };
+    Price: {
+        ({ className, hasDecimal, ...props }: import('../../../types/layout/team-components/ProductCard').PriceProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    SizeSelector: {
+        ({ callback, className, children, setNotify, ...props }: import('../../../types/layout/team-components/ProductCard/Selectors').SizeSelectorProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    StyleSelector: {
+        ({ callback, className, data, images, findTexture, ...props }: import('../../../types/layout/team-components/ProductCard/Selectors').StyleSelectorProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Title: {
+        ({ tag, className, }: import('../../../types/layout/team-components/ProductCard').TitleProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Video: {
+        ({ className, url, poster, ...props }: import('../../../types/layout/team-components/ProductCard').VideoProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Wrapper: {
+        ({ children, className, type, ...props }: import('../../../types/layout/team-components/ProductCard').WrapperProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export default ProductCard;

package/layout/team-component/ProductCard/helpers.d.ts

@@ -0,0 +1,18 @@
+import { HasVariant } from '../../../types/global/product';
+import { ProductCardProps } from '../../../types/layout/team-components/ProductCard';
+
+export declare const getAspectRatio: (aspectRatio: string) => number;
+export declare const setVideoPlay: (isIntersection: boolean, element: HTMLVideoElement | null, url?: string) => void;
+export declare const disableSKU: (item: HasVariant) => boolean;
+export declare const getFirstImages: (images: ProductCardProps["image"]) => ProductCardProps["image"];
+export declare const getSKUName: (item: HasVariant, key?: string) => string;
+export declare const removeSlashes: (text: string) => string;
+export declare const getValidOffer: (offers: HasVariant["offers"]["offers"], mainSellerId: string) => {
+    listPrice: number;
+    price: number;
+    availability: string;
+    quantity?: number;
+    seller: {
+        identifier: string;
+    };
+} | undefined;

package/layout/team-component/ProductCard/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ProductCard';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soma-vertical-web/multi-lib",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {