@sonic-equipment/ui 0.0.23 → 0.0.24

package/dist/algolia/algolia-filter-section.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export interface RefinementListItem {
+    count: number;
+    highlighted?: string;
+    isRefined: boolean;
+    label: string;
+    value: string;
+}
+interface AlgoliaFilterSectionProps {
+    attribute: string;
+    children({ items, refine, }: {
+        items: RefinementListItem[];
+        refine(value: string): void;
+    }): React.ReactNode;
+    initialIsOpen?: boolean;
+}
+export declare function AlgoliaFilterSection({ attribute, children, initialIsOpen, }: AlgoliaFilterSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/algolia/algolia-multi-select-filter-section.d.ts

@@ -0,0 +1,5 @@
+interface AlgoliaMultiSelectFilterSectionProps {
+    attribute: string;
+}
+export declare function AlgoliaMultiSelectFilterSection({ attribute, }: AlgoliaMultiSelectFilterSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/algolia/algolia-provider.d.ts

@@ -1,16 +1,20 @@
 import { ReactNode } from 'react';
 import { SearchClient } from 'algoliasearch/lite';
+import { RouterProps } from 'instantsearch.js/es/middlewares/createRouterMiddleware';
+import { UiState } from 'instantsearch.js/es/types';
 interface AlgoliaContextType {
     online: boolean;
     setOnline: (online: boolean) => void;
     toggleOnline: VoidFunction;
 }
 interface AlgoliaProviderProps {
+    category: string;
     children: ReactNode;
     offlineSearchClient?: SearchClient;
     online?: boolean;
+    routing?: boolean | RouterProps<UiState, UiState> | undefined;
     searchClient: SearchClient;
 }
-export declare function AlgoliaProvider({ children, offlineSearchClient, online: _online, searchClient, }: AlgoliaProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function AlgoliaProvider({ category, children, offlineSearchClient, online: _online, routing, searchClient, }: AlgoliaProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useAlgolia(): AlgoliaContextType;
 export {};

package/dist/algolia/algolia-query-string-routing.d.ts

@@ -0,0 +1,3 @@
+import { RouterProps } from 'instantsearch.js/es/middlewares/createRouterMiddleware';
+import { UiState } from 'instantsearch.js/es/types';
+export declare const queryStringRouting: RouterProps<UiState, UiState>;

package/dist/badges/tag/tag.d.ts

@@ -1,5 +1,6 @@
+import { ReactNode } from 'react';
 interface TagProps {
-    children: string;
+    children: ReactNode;
 }
 export declare function Tag({ children }: TagProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/breadcrumbs/breadcrumb.d.ts

@@ -0,0 +1,9 @@
+interface Link {
+    href: string;
+    label: string;
+}
+export interface BreadcrumbProps {
+    links: Link[];
+}
+export declare function Breadcrumb({ links }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/breadcrumbs/breadcrumb.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+import { Link } from 'shared/providers/breadcrumb-provider';
+import { Breadcrumb } from './breadcrumb';
+declare const meta: {
+    component: typeof Breadcrumb;
+    parameters: {
+        layout: string;
+    };
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const FourLevels: Story;
+export declare const FourLevelsMobile: Story;
+export declare const TwoLevels: Story;
+export declare const TwoLevelsMobile: Story;
+export declare const Connected: StoryObj<{
+    links: Link[];
+}>;

package/dist/breadcrumbs/connected-breadcrumb.d.ts

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

package/dist/buttons/favorite/connected-favorite-button.d.ts

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

package/dist/cards/category-card/category-card.d.ts

@@ -0,0 +1,8 @@
+import { type ImageProps } from 'media/image/image';
+export interface CategoryCardProps {
+    href: string;
+    image: ImageProps;
+    isSelected?: boolean;
+    title: string;
+}
+export declare function CategoryCard({ href, image, isSelected, title, }: CategoryCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/cards/category-card/category-card.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+import { CategoryCard } from './category-card';
+declare const meta: {
+    component: typeof CategoryCard;
+    parameters: {
+        layout: string;
+    };
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const Selected: Story;

package/dist/cards/product-card/product-card.d.ts

@@ -1,14 +1,16 @@
 import { ReactElement } from 'react';
+import { PressEvent } from 'react-aria-components';
 import { ImageProps } from 'media/image/image';
 import type { ProductPrice as ProductPriceType } from 'shared/types/price';
 export interface ProductCardProps {
     addToCartButton: ReactElement;
     favoriteButton?: ReactElement;
+    href: string;
     image: ImageProps;
-    onClick: React.MouseEventHandler<HTMLDivElement>;
+    onClick?: (e: PressEvent) => void;
     price: ProductPriceType;
     sku: string;
     tag?: 'new' | 'sale';
     title: string;
 }
-export declare function ProductCard({ addToCartButton: AddToCartButton, favoriteButton: FavoriteButton, image: { alt, fit, src, title: imageTitle }, onClick, price, sku, tag, title, }: ProductCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductCard({ addToCartButton: AddToCartButton, favoriteButton: FavoriteButton, href, image: { alt, fit, src, title: imageTitle }, onClick, price, sku, tag, title, }: ProductCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/cards/product-card/product-card.stories.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
 import { StoryObj } from '@storybook/react';
 import { ProductCard } from './product-card';
 declare const meta: {
     args: {
         addToCartButton: import("react/jsx-runtime").JSX.Element;
         favoriteButton: import("react/jsx-runtime").JSX.Element;
+        href: string;
         image: {
             alt: string;
             fit: "contain";
             src: string;
             title: string;
         };
-        onClick: import("@vitest/spy").Mock<[event: React.MouseEvent<HTMLDivElement, MouseEvent>], void>;
+        onClick: import("@vitest/spy").Mock<[e: import("react-aria").PressEvent], void>;
         sku: string;
         tag: "new";
     };

package/dist/carousel/carousel-navigation-button.d.ts

@@ -0,0 +1,6 @@
+interface CarouselNavigationButtonProps {
+    direction: 'previous' | 'next';
+    isDisabled?: boolean;
+}
+export declare function CarouselNavigationButton({ direction, isDisabled, }: CarouselNavigationButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/carousel/carousel.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { SwiperOptions } from 'swiper/types';
+import 'swiper/css';
+export interface CarouselProps {
+    breakpoints?: SwiperOptions['breakpoints'];
+    hasNavigation?: boolean;
+    hasOverflow?: boolean;
+    navigationButtonsPosition?: 'top' | 'center';
+    slides: ReactNode[];
+    slidesPerView?: number | 'auto';
+    spaceBetween?: number;
+}
+export declare function Carousel({ breakpoints, hasNavigation, navigationButtonsPosition, slides, slidesPerView, spaceBetween, }: CarouselProps): import("react/jsx-runtime").JSX.Element;

package/dist/carousel/category-carousel/category-carousel.d.ts

@@ -0,0 +1,5 @@
+import { type CategoryCardProps } from 'cards/category-card/category-card';
+export interface CategoryCarouselProps {
+    categories: CategoryCardProps[];
+}
+export declare function CategoryCarousel({ categories }: CategoryCarouselProps): import("react/jsx-runtime").JSX.Element;

package/dist/carousel/category-carousel/category-carousel.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+import { CategoryCarousel } from './category-carousel';
+declare const meta: {
+    component: typeof CategoryCarousel;
+    parameters: {
+        layout: string;
+    };
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const Hover: Story;

package/dist/collapsables/accordion/accordion-item.d.ts

@@ -4,9 +4,9 @@ export interface AccordionItemProps {
     children: ReactNode;
     className?: string;
     id: string;
+    initialIsOpen?: boolean;
     isDisabled?: boolean;
-    isOpen?: boolean;
     size?: 'md' | 'lg';
     title: ReactNode;
 }
-export declare function AccordionItem({ _pseudo, children, className, id, isDisabled, isOpen: isOpenProp, size, title, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccordionItem({ _pseudo, children, className, id, initialIsOpen, isDisabled, size, title, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/filters/multi-select/multi-select.d.ts

@@ -7,13 +7,11 @@ export interface FilterOption {
 }
 export interface MultiSelectProps<T extends FilterOption> {
     amountShown?: number;
-    isOpen: boolean;
     onChange: (value: T) => void;
-    onToggleOpen: (isOpen: boolean) => void;
     options: T[];
     render: ({ onChange, option, }: {
         onChange: (key: string) => void;
         option: T;
     }) => ReactNode;
 }
-export declare function MultiSelect<T extends FilterOption>({ amountShown, isOpen, onChange, onToggleOpen, options, render, }: MultiSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function MultiSelect<T extends FilterOption>({ amountShown, onChange, options, render, }: MultiSelectProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/dist/filters/multi-select/multi-select.stories.d.ts

@@ -6,7 +6,6 @@ type ColorFilterOption = FilterOption & {
 declare const meta: {
     args: {
         onChange: import("@vitest/spy").Mock<[value: FilterOption], void>;
-        onToggleOpen: import("@vitest/spy").Mock<[isOpen: boolean], void>;
     };
     component: typeof MultiSelect;
     parameters: {

package/dist/icons/arrows/left-arrow-filled-icon.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function LeftArrowFilledIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/icons/home/home-filled-icon.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function HomeFilledIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -1,16 +1,22 @@
 /// <reference types="react" />
 import { ReactElement, MutableRefObject, ReactNode, HTMLAttributeAnchorTarget, FormEventHandler, KeyboardEvent, ComponentType } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PressEvent } from 'react-aria-components';
 import { SearchClient } from 'algoliasearch/lite';
+import { RouterProps } from 'instantsearch.js/es/middlewares/createRouterMiddleware';
+import { UiState } from 'instantsearch.js/es/types';
 
 declare const breakpoints: {
-    readonly sm: readonly [0, 575];
-    readonly md: readonly [576, 767];
-    readonly lg: readonly [768, 1023];
-    readonly xl: readonly [1024, 1439];
-    readonly xxl: readonly [1440];
+    readonly sm: 0;
+    readonly md: 576;
+    readonly lg: 768;
+    readonly xl: 1024;
+    readonly xxl: 1440;
 };
-type UseBreakpointReturnType = Record<keyof typeof breakpoints, boolean>;
+type Breakpoint$2 = keyof typeof breakpoints;
+interface UseBreakpointReturnType extends Record<Breakpoint$2, boolean> {
+    current: Breakpoint$2;
+}
 declare const useBreakpoint: () => UseBreakpointReturnType;
 
 declare function useDebouncedCallback<T extends (...args: any[]) => any>(func: T, delay: number): (...args: Parameters<T>) => void;
@@ -26,6 +32,17 @@ declare const useDisclosure: (initialState?: boolean) => UseDisclosureReturnType
 
 declare const useScrollLock: (lock: boolean) => void;
 
+interface Link$1 {
+    href: string;
+    label: string;
+}
+interface Props$3 {
+    links: Link$1[];
+    updateLinks: (links: Link$1[]) => void;
+}
+declare function BreadcrumbProvider(props: Props$3): null;
+declare function useBreadcrumb(): Props$3;
+
 interface CartLine$1 {
   id: string
   productId: string | null
@@ -36,7 +53,7 @@ interface Cart$1<T extends CartLine$1 = CartLine$1> {
   cartLines?: T[] | null
 }
 
-interface Props$1<TCartLine extends CartLine$1 = CartLine$1, TCart extends Cart$1<TCartLine> = Cart$1<TCartLine>> {
+interface Props$2<TCartLine extends CartLine$1 = CartLine$1, TCart extends Cart$1<TCartLine> = Cart$1<TCartLine>> {
     addToCart: (args: {
         productId: string;
         quantity: number;
@@ -50,8 +67,8 @@ interface Props$1<TCartLine extends CartLine$1 = CartLine$1, TCart extends Cart$
     }) => void;
     updateCartLine: (cartLine: TCartLine) => void;
 }
-declare function CartProvider<TCartLine extends CartLine$1 = CartLine$1, TCart extends Cart$1<TCartLine> = Cart$1<TCartLine>>(props: Props$1<TCartLine, TCart>): null;
-declare function useCart(): Props$1<CartLine$1, Cart$1<CartLine$1>>;
+declare function CartProvider<TCartLine extends CartLine$1 = CartLine$1, TCart extends Cart$1<TCartLine> = Cart$1<TCartLine>>(props: Props$2<TCartLine, TCart>): null;
+declare function useCart(): Props$2<CartLine$1, Cart$1<CartLine$1>>;
 declare function useProductCartLine(productId: string): {
     addToCart: (args: {
         productId: string;
@@ -68,6 +85,16 @@ declare function useProductCartLine(productId: string): {
     updateCartLine: (cartLine: CartLine$1) => void;
 };
 
+interface Props$1 {
+    isFavorite: (productId: string) => boolean;
+    toggleFavorite: (productId: string) => void;
+}
+declare function FavoriteProvider(props: Props$1): null;
+declare function useFavorite(productId: string): {
+    isFavorite: boolean;
+    toggle: () => void;
+};
+
 type EventCallback<T> = (data: T) => void
 
 declare class EventEmitter<T> {
@@ -137,6 +164,17 @@ interface Product {
     title: string;
 }
 
+interface Link {
+    href: string;
+    label: string;
+}
+interface BreadcrumbProps {
+    links: Link[];
+}
+declare function Breadcrumb({ links }: BreadcrumbProps): react_jsx_runtime.JSX.Element | null;
+
+declare function ConnectedBreadcrumb(): react_jsx_runtime.JSX.Element;
+
 interface ButtonProps {
     _pseudo?: 'none' | 'focus' | 'hover' | 'active';
     children?: ReactNode | string;
@@ -225,22 +263,35 @@ interface ProductPrice$1 {
 interface ProductCardProps {
     addToCartButton: ReactElement;
     favoriteButton?: ReactElement;
+    href: string;
     image: ImageProps$1;
-    onClick: React.MouseEventHandler<HTMLDivElement>;
+    onClick?: (e: PressEvent) => void;
     price: ProductPrice$1;
     sku: string;
     tag?: 'new' | 'sale';
     title: string;
 }
-declare function ProductCard({ addToCartButton: AddToCartButton, favoriteButton: FavoriteButton, image: { alt, fit, src, title: imageTitle }, onClick, price, sku, tag, title, }: ProductCardProps): react_jsx_runtime.JSX.Element;
+declare function ProductCard({ addToCartButton: AddToCartButton, favoriteButton: FavoriteButton, href, image: { alt, fit, src, title: imageTitle }, onClick, price, sku, tag, title, }: ProductCardProps): react_jsx_runtime.JSX.Element;
+
+interface CategoryCardProps {
+  href: string
+  image: ImageProps$1
+  isSelected?: boolean
+  title: string
+}
+
+interface CategoryCarouselProps {
+    categories: CategoryCardProps[];
+}
+declare function CategoryCarousel({ categories }: CategoryCarouselProps): react_jsx_runtime.JSX.Element;
 
 interface AccordionItemProps {
     _pseudo?: 'none' | 'focus' | 'hover' | 'active';
     children: ReactNode;
     className?: string;
     id: string;
+    initialIsOpen?: boolean;
     isDisabled?: boolean;
-    isOpen?: boolean;
     size?: 'md' | 'lg';
     title: ReactNode;
 }
@@ -284,16 +335,14 @@ interface FilterOption {
 }
 interface MultiSelectProps<T extends FilterOption> {
     amountShown?: number;
-    isOpen: boolean;
     onChange: (value: T) => void;
-    onToggleOpen: (isOpen: boolean) => void;
     options: T[];
     render: ({ onChange, option, }: {
         onChange: (key: string) => void;
         option: T;
     }) => ReactNode;
 }
-declare function MultiSelect<T extends FilterOption>({ amountShown, isOpen, onChange, onToggleOpen, options, render, }: MultiSelectProps<T>): react_jsx_runtime.JSX.Element;
+declare function MultiSelect<T extends FilterOption>({ amountShown, onChange, options, render, }: MultiSelectProps<T>): react_jsx_runtime.JSX.Element | null;
 
 interface CheckboxProps$1 {
     _pseudo?: 'none' | 'focus' | 'hover' | 'active';
@@ -402,16 +451,17 @@ declare function FavoriteOutlinedIcon(props: React.SVGProps<SVGSVGElement>): rea
 
 declare function HashedOutlinedIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
 
-type TranslationId = 'Chosen filters' | 'Clear filters' | 'Excl. VAT' | 'Incl. VAT' | 'Show' | 'Show all' | 'Show filters' | 'Show less' | 'Sort' | 'articles' | 'article' | 'of';
+type TranslationId = 'Chosen filters' | 'Clear filters' | 'Excl. VAT' | 'Hide filters' | 'Incl. VAT' | 'Show' | 'Show all' | 'Show filters' | 'Show less' | 'Sort' | 'articles' | 'article' | 'of';
 
 interface FormattedMessageProps {
+    fallbackValue?: string;
     id: TranslationId;
     optional?: boolean;
     replacementValues?: Record<string, string>;
 }
 declare const FormattedMessage: ComponentType<FormattedMessageProps>;
 
-type FormatMessageFunction = (id: string, ...replacementValues: readonly string[]) => string;
+type FormatMessageFunction = (id: string, ...replacementValues: readonly string[]) => string | undefined;
 
 interface IntlProviderProps {
     children: React.ReactNode;
@@ -420,6 +470,7 @@ interface IntlProviderProps {
 declare function IntlProvider({ children, formatMessage }: IntlProviderProps): react_jsx_runtime.JSX.Element;
 
 type FormattedMessageFunction = (id: TranslationId, options?: {
+    fallbackValue?: string;
     optional?: boolean;
     replacementValues?: Record<string, string>;
 }) => string;
@@ -451,6 +502,18 @@ interface ImageProps {
 }
 declare function Image({ alt, className, fallbackSrc, fit, height, loading, sizes: sizesProp, src, srcSet: srcSetProp, title, width, }: ImageProps): react_jsx_runtime.JSX.Element;
 
+declare function PageLayout({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface PageProps {
+    children: ReactNode;
+    className?: string;
+    title?: string;
+}
+declare function Page({ children, className, title }: PageProps): react_jsx_runtime.JSX.Element;
+
 interface Filters {
     color: {
         options: {
@@ -460,29 +523,11 @@ interface Filters {
         }[];
     };
 }
-type ProductListingProps = {
+type ProductListingPageProps = {
+    category: string;
     isLoading?: boolean;
 };
-declare function ProductListing({ isLoading }: ProductListingProps): react_jsx_runtime.JSX.Element;
-
-declare function createProductListingSearchParams(state: {
-    filters: {
-        colors: string[];
-    };
-    sort: {
-        by: string;
-        direction: string;
-    };
-}): URLSearchParams;
-declare function parseProductListingSearchParams(params: URLSearchParams): {
-    filters: {
-        colors: string[];
-    };
-    sort: {
-        by: string;
-        direction: string;
-    };
-};
+declare function ProductListingPage({ category, isLoading, }: ProductListingPageProps): react_jsx_runtime.JSX.Element;
 
 interface SidebarProps {
     children: React.ReactNode;
@@ -501,31 +546,48 @@ interface AlgoliaFilterPanelProps {
 }
 declare function AlgoliaFilterPanel({ onShowProducts, }: AlgoliaFilterPanelProps): react_jsx_runtime.JSX.Element;
 
-interface AlgoliaMultiSelectProps {
+interface RefinementListItem {
+    count: number;
+    highlighted?: string;
+    isRefined: boolean;
+    label: string;
+    value: string;
+}
+interface AlgoliaFilterSectionProps {
+    attribute: string;
+    children({ items, refine, }: {
+        items: RefinementListItem[];
+        refine(value: string): void;
+    }): React.ReactNode;
+    initialIsOpen?: boolean;
+}
+declare function AlgoliaFilterSection({ attribute, children, initialIsOpen, }: AlgoliaFilterSectionProps): react_jsx_runtime.JSX.Element | null;
+
+interface AlgoliaMultiSelectFilterSectionProps {
     attribute: string;
 }
-declare function AlgoliaMultiSelect({ attribute }: AlgoliaMultiSelectProps): react_jsx_runtime.JSX.Element;
+declare function AlgoliaMultiSelectFilterSection({ attribute, }: AlgoliaMultiSelectFilterSectionProps): react_jsx_runtime.JSX.Element;
 
 declare function AlgoliaPagination(): react_jsx_runtime.JSX.Element;
 
-declare function AlgoliaProductList(): react_jsx_runtime.JSX.Element;
-
 interface AlgoliaContextType {
     online: boolean;
     setOnline: (online: boolean) => void;
     toggleOnline: VoidFunction;
 }
 interface AlgoliaProviderProps {
+    category: string;
     children: ReactNode;
     offlineSearchClient?: SearchClient;
     online?: boolean;
+    routing?: boolean | RouterProps<UiState, UiState> | undefined;
     searchClient: SearchClient;
 }
-declare function AlgoliaProvider({ children, offlineSearchClient, online: _online, searchClient, }: AlgoliaProviderProps): react_jsx_runtime.JSX.Element;
+declare function AlgoliaProvider({ category, children, offlineSearchClient, online: _online, routing, searchClient, }: AlgoliaProviderProps): react_jsx_runtime.JSX.Element;
 declare function useAlgolia(): AlgoliaContextType;
 
 declare function AlgoliaResultsCount(): string | null;
 
 declare function AlgoliaSortBy(): react_jsx_runtime.JSX.Element | null;
 
-export { Accordion, AddToCartButton, AlgoliaCategories, AlgoliaFilterPanel, type AlgoliaFilterPanelProps, AlgoliaMultiSelect, AlgoliaPagination, AlgoliaProductList, AlgoliaProvider, AlgoliaResultsCount, AlgoliaSortBy, Button, type ButtonProps, type Cart, CartFilledIcon, type CartLine, CartOutlinedIcon, CartProvider, Checkbox, type CheckboxProps$1 as CheckboxProps, ColorCheckbox, type ColorCheckboxProps, ConnectedAddToCartButton, DehashedOutlinedIcon, FavoriteButton, type FavoriteButtonProps, FavoriteFilledIcon, FavoriteOutlinedIcon, type FilterOption, type Filters, FormattedMessage, type FormattedMessageFunction, type FormattedMessageProps, GlobalStateProvider, GlobalStateProviderContext, HashedOutlinedIcon, IconButton, type IconButtonProps, Image, type ImageProps, IntlProvider, LinkButton, type LinkButtonProps, MultiSelect, type MultiSelectProps, NumberField, type NumberFieldSize, type Product, ProductCard, type ProductCardProps, ProductListing, type ProductListingProps, ProductOverviewGrid, type ProductOverviewGridProps, ProductPrice, type ProductPriceProps, ProductSku, type ProductSkuProps, RightArrowFilledIcon, Select, type SelectProps, ShowAll, type ShowAllProps, Sidebar, type SidebarProps, SidebarProvider, TextField, createProductListingSearchParams, parseProductListingSearchParams, useAlgolia, useBreakpoint, useCart, useDebouncedCallback, useDisclosure, useFormattedMessage, useGlobalState, useProductCartLine, useScrollLock };
+export { Accordion, AddToCartButton, AlgoliaCategories, AlgoliaFilterPanel, type AlgoliaFilterPanelProps, AlgoliaFilterSection, AlgoliaMultiSelectFilterSection, AlgoliaPagination, AlgoliaProvider, AlgoliaResultsCount, AlgoliaSortBy, Breadcrumb, type BreadcrumbProps, BreadcrumbProvider, Button, type ButtonProps, type Cart, CartFilledIcon, type CartLine, CartOutlinedIcon, CartProvider, CategoryCarousel, type CategoryCarouselProps, Checkbox, type CheckboxProps$1 as CheckboxProps, ColorCheckbox, type ColorCheckboxProps, ConnectedAddToCartButton, ConnectedBreadcrumb, DehashedOutlinedIcon, FavoriteButton, type FavoriteButtonProps, FavoriteFilledIcon, FavoriteOutlinedIcon, FavoriteProvider, type FilterOption, type Filters, FormattedMessage, type FormattedMessageFunction, type FormattedMessageProps, GlobalStateProvider, GlobalStateProviderContext, HashedOutlinedIcon, IconButton, type IconButtonProps, Image, type ImageProps, IntlProvider, type Link$1 as Link, LinkButton, type LinkButtonProps, MultiSelect, type MultiSelectProps, NumberField, type NumberFieldSize, Page, PageLayout, type PageProps, type Product, ProductCard, type ProductCardProps, ProductListingPage, type ProductListingPageProps, ProductOverviewGrid, type ProductOverviewGridProps, ProductPrice, type ProductPriceProps, ProductSku, type ProductSkuProps, type RefinementListItem, RightArrowFilledIcon, Select, type SelectProps, ShowAll, type ShowAllProps, Sidebar, type SidebarProps, SidebarProvider, TextField, useAlgolia, useBreadcrumb, useBreakpoint, useCart, useDebouncedCallback, useDisclosure, useFavorite, useFormattedMessage, useGlobalState, useProductCartLine, useScrollLock };