@sonic-equipment/ui 0.0.30 → 0.0.32

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface RefinementListItem {
     count: number;
     highlighted?: string;

package/dist/buttons/add-to-cart-button/add-to-cart-button.d.ts

@@ -1,8 +1,9 @@
 type AddToCartState = 'initial' | 'spinner' | 'manual-input';
 interface AddToCartButtonProps {
     initialState?: AddToCartState;
+    isDisabled?: boolean;
     onChange?: (quantity: number) => void;
     quantity: number;
 }
-export declare function AddToCartButton({ initialState, onChange, quantity, }: AddToCartButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function AddToCartButton({ initialState, isDisabled, onChange, quantity, }: AddToCartButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/buttons/add-to-cart-button/add-to-cart-button.stories.d.ts

@@ -1,7 +1,13 @@
 import type { StoryObj } from '@storybook/react';
 import { AddToCartButton } from './add-to-cart-button';
 declare const meta: {
+    argTypes: {
+        isDisabled: {
+            control: "boolean";
+        };
+    };
     args: {
+        isDisabled: false;
         onChange: import("@vitest/spy").Mock<[quantity: number], void>;
         quantity: number;
     };

package/dist/buttons/icon-button/icon-button.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface IconButtonProps {
     children: React.ReactNode;
     className?: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StoryObj } from '@storybook/react';
 import { ProductCard } from './product-card';
 declare const meta: {

package/dist/forms/input/input.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StoryObj } from '@storybook/react';
 import { Input } from './input';
 declare const meta: {

package/dist/forms/select/select.d.ts

@@ -1,9 +1,9 @@
 export interface SelectProps<T> {
-    disabled?: boolean;
+    isDisabled?: boolean;
     label: string;
     onChange: (value: keyof T) => void;
     options: T;
     selectedOption?: keyof T;
     showLabel?: boolean;
 }
-export declare function Select<T extends object>({ disabled, label, onChange, options, selectedOption, showLabel, }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Select<T extends object>({ isDisabled, label, onChange, options, selectedOption, showLabel, }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/forms/textarea/textarea.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StoryObj } from '@storybook/react';
 import { TextArea } from './textarea';
 declare const meta: {

package/dist/global-search/global-search-provider/{global-search-provider.d.ts → algolia-search-provider.d.ts}

@@ -2,7 +2,7 @@ import React, { ReactNode } from 'react';
 import { SearchClient } from 'algoliasearch/lite';
 import { Autocomplete, GlobalSearchContextValue } from 'global-search/types';
 export declare const GlobalSearchContext: React.Context<GlobalSearchContextValue | null>;
-export declare function GlobalSearchProvider({ children, searchClient, }: {
+export declare function AlgoliaSearchProvider({ children, searchClient, }: {
     children?: ReactNode | ((autocomplete: Autocomplete) => ReactNode);
     searchClient: SearchClient;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/global-search/global-search-provider/global-search-container.d.ts

@@ -0,0 +1,7 @@
+export declare const GlobalSearchDisclosureContext: React.Context<{
+    isOpen: boolean;
+    toggle: VoidFunction;
+} | null>;
+export declare function GlobalSearchContainer({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/global-search/global-search-provider/{use-global-search.d.ts → use-algolia-search.d.ts}

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AutocompleteCollection } from '@algolia/autocomplete-core';
 import { CategoryHit } from 'global-search/plugins/categories-plugin';
 import { PopularCategoryHit } from 'global-search/plugins/popular-categories-plugin';
@@ -7,7 +6,7 @@ import { ProductHit } from 'global-search/plugins/products-plugin';
 import { QuerySuggestionHit } from 'global-search/plugins/query-suggestions-plugin';
 import { QuickAccessHit } from 'global-search/plugins/quick-access-plugin';
 import { RecentSearchHit } from 'global-search/plugins/recent-searches-plugin';
-export declare function useGlobalSearch(): {
+export declare function useAlgoliaSearch(): {
     categories: AutocompleteCollection<CategoryHit> | undefined;
     hasResults: boolean;
     popularCategories: AutocompleteCollection<PopularCategoryHit> | undefined;

package/dist/global-search/global-search-provider/use-search-disclosure.d.ts

@@ -0,0 +1,4 @@
+export declare const useGlobalSearchDisclosure: () => {
+    isOpen: boolean;
+    toggle: VoidFunction;
+};

package/dist/global-search/global-search.d.ts

@@ -1,4 +1,9 @@
+import { ReactNode } from 'react';
 import { SearchClient } from 'algoliasearch/lite';
+interface GlobalSearchProps {
+    children: ReactNode;
+    searchClient: SearchClient;
+}
 /**
  * Global search using algolia autocomplete with a custom renderer
  * https://www.algolia.com/doc/ui-libraries/autocomplete/guides/creating-a-renderer/
@@ -7,6 +12,5 @@ import { SearchClient } from 'algoliasearch/lite';
  * uses the autocomplete widgets
  * https://codesandbox.io/p/sandbox/github/algolia/autocomplete/tree/next/examples/two-column-layout
  */
-export declare function GlobalSearch(props: {
-    searchClient: SearchClient;
-}): import("react/jsx-runtime").JSX.Element;
+export declare function GlobalSearch({ children, searchClient }: GlobalSearchProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/global-search/search-input/search-input.d.ts

@@ -1,5 +1,7 @@
 import { Autocomplete } from 'global-search/types';
 export interface SearchInputProps {
     autocomplete?: Autocomplete;
+    formRef: React.RefObject<HTMLFormElement>;
+    inputRef: React.RefObject<HTMLInputElement>;
 }
-export declare function SearchInput({ autocomplete }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchInput({ autocomplete, formRef, inputRef, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/global-search/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AutocompleteApi, AutocompleteState as _AutocompleteState } from '@algolia/autocomplete-core';
 import { SearchClient } from 'algoliasearch/lite';
 import { CategoryHit } from './plugins/categories-plugin';

package/dist/icons/arrows/chrevron-down-bold.d.ts

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

package/dist/icons/arrows/chrevron-down-slim.d.ts

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

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

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

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

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

package/dist/icons/arrows/text-aligned-arrow-icon.d.ts

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

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

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

package/dist/icons/cart/cart-outlined-icon.d.ts

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

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

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

package/dist/icons/chevrons/chevron-left-filled-icon.d.ts

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

package/dist/icons/chevrons/chevron-right-filled-icon.d.ts

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

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

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

package/dist/icons/dehashed/dehashed-outlined-icon.d.ts

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

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

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

package/dist/icons/favorite/favorite-outlined-icon.d.ts

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

package/dist/icons/filter/filter-outlined-icon.d.ts

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

package/dist/icons/hashed/hashed-outlined-icon.d.ts

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

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

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

package/dist/icons/magnifying-glass/magnifying-glass-icon.d.ts

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

package/dist/icons/math/minus-filled-icon.d.ts

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

package/dist/icons/math/plus-filled-icon.d.ts

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

package/dist/icons/reset/reset-icon.d.ts

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

package/dist/icons/trash/trash-outlined-icon.d.ts

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

package/dist/index.d.ts

@@ -1,10 +1,12 @@
-/// <reference types="react" />
 import { ReactElement, MutableRefObject, ReactNode, HTMLAttributeAnchorTarget, MouseEvent, FormEventHandler, KeyboardEvent, ComponentType } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PressEvent } from 'react-aria-components';
+import * as algoliasearch_lite from 'algoliasearch/lite';
 import { SearchClient } from 'algoliasearch/lite';
 import { RouterProps } from 'instantsearch.js/es/middlewares/createRouterMiddleware';
 import { UiState } from 'instantsearch.js/es/types';
+import { AutocompleteApi, AutocompleteState as AutocompleteState$1, AutocompleteCollection } from '@algolia/autocomplete-core';
+import { Hit } from '@algolia/client-search';
 
 declare const breakpoints: {
     readonly sm: 0;
@@ -148,7 +150,7 @@ interface Cart<T extends CartLine = CartLine> {
     cartLines?: T[] | null;
 }
 
-interface ProductHit {
+interface ProductHit$3 {
     [key: string]: any;
     alternativeNumber: string;
     categories: string[];
@@ -243,10 +245,11 @@ declare function LinkButton({ children, className, href, isDisabled, onPress, ta
 type AddToCartState = 'initial' | 'spinner' | 'manual-input';
 interface AddToCartButtonProps {
     initialState?: AddToCartState;
+    isDisabled?: boolean;
     onChange?: (quantity: number) => void;
     quantity: number;
 }
-declare function AddToCartButton({ initialState, onChange, quantity, }: AddToCartButtonProps): react_jsx_runtime.JSX.Element;
+declare function AddToCartButton({ initialState, isDisabled, onChange, quantity, }: AddToCartButtonProps): react_jsx_runtime.JSX.Element;
 
 interface Props {
     productId: string;
@@ -428,14 +431,14 @@ interface NumberFieldProps {
 declare function NumberField({ autoFocus, autoGrow, defaultValue, formatOptions, isDisabled, isInvalid, isReadOnly, isRequired, label, maxLength, maxValue, minValue, name, onChange, onInput, onKeyUp, placeholder, showLabel, size, value, withButtons, }: NumberFieldProps): react_jsx_runtime.JSX.Element;
 
 interface SelectProps<T> {
-    disabled?: boolean;
+    isDisabled?: boolean;
     label: string;
     onChange: (value: keyof T) => void;
     options: T;
     selectedOption?: keyof T;
     showLabel?: boolean;
 }
-declare function Select<T extends object>({ disabled, label, onChange, options, selectedOption, showLabel, }: SelectProps<T>): react_jsx_runtime.JSX.Element;
+declare function Select<T extends object>({ isDisabled, label, onChange, options, selectedOption, showLabel, }: SelectProps<T>): react_jsx_runtime.JSX.Element;
 
 interface TextFieldProps {
     autoFocus?: boolean;
@@ -482,7 +485,7 @@ 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' | 'Clear filters' | 'Excl. VAT' | 'Hide filters' | 'Incl. VAT' | 'Show' | 'Show all' | 'Show filters' | 'Show less' | 'Sort' | 'Submit' | 'articles' | 'article' | 'of' | 'sort.relevance' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc';
+type TranslationId = 'Chosen filters' | 'Clear' | 'Clear filters' | 'Excl. VAT' | 'Hide filters' | 'Incl. VAT' | 'Show' | 'Show all' | 'Show filters' | 'Show less' | 'Sort by' | 'Submit' | 'articles' | 'article' | 'of' | 'sort.relevance' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc';
 
 interface FormattedMessageProps {
     fallbackValue?: string;
@@ -609,6 +612,10 @@ declare function AlgoliaResultsCount(): string | null;
 
 declare function AlgoliaSortBy(): react_jsx_runtime.JSX.Element | null;
 
+interface GlobalSearchProps {
+    children: ReactNode;
+    searchClient: SearchClient;
+}
 /**
  * Global search using algolia autocomplete with a custom renderer
  * https://www.algolia.com/doc/ui-libraries/autocomplete/guides/creating-a-renderer/
@@ -617,8 +624,153 @@ declare function AlgoliaSortBy(): react_jsx_runtime.JSX.Element | null;
  * uses the autocomplete widgets
  * https://codesandbox.io/p/sandbox/github/algolia/autocomplete/tree/next/examples/two-column-layout
  */
-declare function GlobalSearch(props: {
-    searchClient: SearchClient;
+declare function GlobalSearch({ children, searchClient }: GlobalSearchProps): react_jsx_runtime.JSX.Element;
+
+declare const GlobalSearchDisclosureContext: React.Context<{
+    isOpen: boolean;
+    toggle: VoidFunction;
+} | null>;
+declare function GlobalSearchContainer({ children, }: {
+    children: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AddToCartButton, AlgoliaCategories, AlgoliaFilterPanel, type AlgoliaFilterPanelProps, AlgoliaFilterSection, AlgoliaMultiSelectFilterSection, AlgoliaPagination, AlgoliaProvider, AlgoliaResultsCount, AlgoliaSortBy, Breadcrumb, type BreadcrumbProps, 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, GlobalSearch, GlobalStateProvider, GlobalStateProviderContext, HashedOutlinedIcon, IconButton, type IconButtonProps, Image, IntlProvider, LeftArrowFilledIcon, LinkButton, type LinkButtonProps, MultiSelect, type MultiSelectProps, NumberField, type NumberFieldSize, Page, PageLayout, type PageProps, ProductCard, type ProductCardProps, type ProductHit, 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, TextAlignedArrowIcon, TextField, createSonicSearchClient, useAlgolia, useBreakpoint, useCart, useDebouncedCallback, useDisclosure, useFavorite, useFormattedMessage, useGlobalState, useProductCartLine, useScrollLock };
+type CategoryHit$1 = Hit<{
+    listCategories: string[];
+}>;
+
+type PopularCategoryHit$1 = Hit<{
+    count: number;
+    label: string;
+}>;
+
+type PopularSearchHit$1 = Hit<{
+    nb_words: number;
+    popularity: number;
+    query: string;
+}>;
+
+interface ProductHit$2 {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [key: string]: any
+  alternativeNumber: string
+  categories: string[]
+  categoryPageId: string[]
+  consumerPrice: number
+  discountedPrice: number
+  drawerQuantity: string
+  ean: string
+  height: number
+  hierarchicalCategories: {
+    lvl0: string
+    lvl1: string
+  }
+  id: string
+  images:
+    | {
+        quality: string
+        url: string
+      }[]
+    | undefined
+  isVatIncluded: boolean
+  labels: string[]
+  length: number
+  listPrice: number
+  moreInformation: string
+  name: string
+  originalPrice: number
+  price: number
+  relatedProducts: string
+  restrictionGroups: string[]
+  salePrice: number
+  slug: string
+  storefrontId: string
+  storefrontSlug: string
+  weight: number
+  width: number
+}
+
+type ProductHit$1 = Hit<ProductHit$2>;
+
+type QuerySuggestionHit$1 = Hit<{
+    nb_words: number;
+    popularity: number;
+    query: string;
+}>;
+
+type QuickAccessHit$1 = Hit<{
+    id: number;
+    image: string;
+    title: string;
+    url: string;
+}>;
+
+type RecentSearchHit$1 = Hit<{
+    id: string;
+    label: string;
+}>;
+
+type AutocompleteItem = ProductHit$1 | QuerySuggestionHit$1 | PopularCategoryHit$1 | QuickAccessHit$1 | RecentSearchHit$1 | CategoryHit$1 | PopularSearchHit$1;
+type Autocomplete = AutocompleteApi<AutocompleteItem, React.BaseSyntheticEvent, React.MouseEvent, React.KeyboardEvent>;
+type AutocompleteState = AutocompleteState$1<AutocompleteItem>;
+
+type CategoryHit = Hit<{
+  listCategories: string[]
+}>
+
+type PopularCategoryHit = Hit<{
+  count: number
+  label: string
+}>
+
+type PopularSearchHit = Hit<{
+  nb_words: number
+  popularity: number
+  query: string
+}>
+
+type ProductHit = Hit<ProductHit$2>
+
+type QuerySuggestionHit = Hit<{
+  nb_words: number
+  popularity: number
+  query: string
+}>
+
+type QuickAccessHit = Hit<{
+  id: number
+  image: string
+  title: string
+  url: string
+}>
+
+type RecentSearchHit = Hit<{
+  id: string
+  label: string
+}>
+
+declare function useAlgoliaSearch(): {
+    categories: AutocompleteCollection<CategoryHit> | undefined;
+    hasResults: boolean;
+    popularCategories: AutocompleteCollection<PopularCategoryHit> | undefined;
+    popularSearches: AutocompleteCollection<PopularSearchHit> | undefined;
+    products: AutocompleteCollection<ProductHit> | undefined;
+    querySuggestions: AutocompleteCollection<QuerySuggestionHit> | undefined;
+    quickAccess: AutocompleteCollection<QuickAccessHit> | undefined;
+    recentSearches: AutocompleteCollection<RecentSearchHit> | undefined;
+    autocomplete: Autocomplete;
+    formRef: React.RefObject<HTMLFormElement>;
+    inputRef: React.RefObject<HTMLInputElement>;
+    panelRef: React.RefObject<HTMLDivElement>;
+    productsIndexName: string;
+    productsQuerySuggestionsIndexName: string;
+    searchClient: algoliasearch_lite.SearchClient;
+    setState: React.Dispatch<React.SetStateAction<AutocompleteState>>;
+    state: AutocompleteState;
+};
+
+declare const useGlobalSearchDisclosure: () => {
+    isOpen: boolean;
+    toggle: VoidFunction;
+};
+
+export { Accordion, AddToCartButton, AlgoliaCategories, AlgoliaFilterPanel, type AlgoliaFilterPanelProps, AlgoliaFilterSection, AlgoliaMultiSelectFilterSection, AlgoliaPagination, AlgoliaProvider, AlgoliaResultsCount, AlgoliaSortBy, Breadcrumb, type BreadcrumbProps, 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, GlobalSearch, GlobalSearchContainer, GlobalSearchDisclosureContext, GlobalStateProvider, GlobalStateProviderContext, HashedOutlinedIcon, IconButton, type IconButtonProps, Image, IntlProvider, LeftArrowFilledIcon, LinkButton, type LinkButtonProps, MultiSelect, type MultiSelectProps, NumberField, type NumberFieldSize, Page, PageLayout, type PageProps, ProductCard, type ProductCardProps, type ProductHit$3 as ProductHit, 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, TextAlignedArrowIcon, TextField, createSonicSearchClient, useAlgolia, useAlgoliaSearch, useBreakpoint, useCart, useDebouncedCallback, useDisclosure, useFavorite, useFormattedMessage, useGlobalSearchDisclosure, useGlobalState, useProductCartLine, useScrollLock };