@sonic-equipment/ui 0.0.22 → 0.0.23

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

@@ -1,13 +1,16 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
+import { SearchClient } from 'algoliasearch/lite';
 interface AlgoliaContextType {
     online: boolean;
     setOnline: (online: boolean) => void;
     toggleOnline: VoidFunction;
 }
 interface AlgoliaProviderProps {
-    children: React.ReactNode;
+    children: ReactNode;
+    offlineSearchClient?: SearchClient;
     online?: boolean;
+    searchClient: SearchClient;
 }
-export declare function AlgoliaProvider({ children, online: _online, }: AlgoliaProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function AlgoliaProvider({ children, offlineSearchClient, online: _online, searchClient, }: AlgoliaProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useAlgolia(): AlgoliaContextType;
 export {};

package/dist/algolia/algolia-searchclient-offline.d.ts

@@ -0,0 +1,3 @@
+import { SearchClient } from 'algoliasearch/lite';
+export declare const searchClientLogger: (searchClient: SearchClient) => SearchClient;
+export declare const offlineSearchClient: SearchClient;

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

@@ -8,7 +8,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

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

@@ -6,7 +6,6 @@ declare const meta: {
         quantity: number;
     };
     component: typeof AddToCartButton;
-    tags: string[];
     title: string;
 };
 export default meta;

package/dist/buttons/button/button.stories.d.ts

@@ -9,7 +9,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

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

@@ -8,7 +8,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

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

@@ -8,7 +8,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

package/dist/buttons/link-button/link-button.stories.d.ts

@@ -8,7 +8,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

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

@@ -26,7 +26,6 @@ declare const meta: {
         };
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

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

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

package/dist/collapsables/accordion/accordion.stories.d.ts

@@ -5,7 +5,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

package/dist/collapsables/show-all/show-all.stories.d.ts

@@ -8,7 +8,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

package/dist/display/product-price/product-price.stories.d.ts

@@ -5,7 +5,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

package/dist/display/product-sku/product-sku.stories.d.ts

@@ -5,7 +5,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

package/dist/filters/pagination/pagination.stories.d.ts

@@ -10,7 +10,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

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

@@ -8,7 +8,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

package/dist/forms/color-checkbox/color-checkbox.stories.d.ts

@@ -8,7 +8,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

package/dist/forms/field-error/field-error.stories.d.ts

@@ -6,7 +6,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

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

@@ -16,7 +16,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

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

@@ -6,7 +6,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

package/dist/forms/number-field/number-field.stories.d.ts

@@ -12,7 +12,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

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

@@ -15,7 +15,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

package/dist/forms/text-field/text-field.stories.d.ts

@@ -5,7 +5,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

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

@@ -6,7 +6,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

package/dist/index.d.ts

@@ -1,12 +1,17 @@
 /// <reference types="react" />
 import { ReactElement, MutableRefObject, ReactNode, HTMLAttributeAnchorTarget, FormEventHandler, KeyboardEvent, ComponentType } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare const useBreakpoint: () => {
-    isDesktop: boolean;
-    isMobile: boolean;
-    isTablet: boolean;
+import { SearchClient } from 'algoliasearch/lite';
+
+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];
 };
+type UseBreakpointReturnType = Record<keyof typeof breakpoints, boolean>;
+declare const useBreakpoint: () => UseBreakpointReturnType;
 
 declare function useDebouncedCallback<T extends (...args: any[]) => any>(func: T, delay: number): (...args: Parameters<T>) => void;
 
@@ -17,7 +22,7 @@ interface UseDisclosureReturnType {
     open: () => void;
     toggle: () => void;
 }
-declare const useDisclosure: () => UseDisclosureReturnType;
+declare const useDisclosure: (initialState?: boolean) => UseDisclosureReturnType;
 
 declare const useScrollLock: (lock: boolean) => void;
 
@@ -237,7 +242,7 @@ interface AccordionItemProps {
     isDisabled?: boolean;
     isOpen?: boolean;
     size?: 'md' | 'lg';
-    title: string;
+    title: ReactNode;
 }
 
 interface AccordionProps {
@@ -401,6 +406,7 @@ type TranslationId = 'Chosen filters' | 'Clear filters' | 'Excl. VAT' | 'Incl. V
 
 interface FormattedMessageProps {
     id: TranslationId;
+    optional?: boolean;
     replacementValues?: Record<string, string>;
 }
 declare const FormattedMessage: ComponentType<FormattedMessageProps>;
@@ -413,7 +419,10 @@ interface IntlProviderProps {
 }
 declare function IntlProvider({ children, formatMessage }: IntlProviderProps): react_jsx_runtime.JSX.Element;
 
-type FormattedMessageFunction = (key: TranslationId, replacementValues?: Record<string, string>) => string;
+type FormattedMessageFunction = (id: TranslationId, options?: {
+    optional?: boolean;
+    replacementValues?: Record<string, string>;
+}) => string;
 declare const useFormattedMessage: () => FormattedMessageFunction;
 
 interface ProductOverviewGridProps {
@@ -480,6 +489,11 @@ interface SidebarProps {
 }
 declare function Sidebar({ children }: SidebarProps): react_jsx_runtime.JSX.Element;
 
+interface SidebarProviderProps {
+    children: ReactElement;
+}
+declare function SidebarProvider({ children }: SidebarProviderProps): react_jsx_runtime.JSX.Element;
+
 declare function AlgoliaCategories(): react_jsx_runtime.JSX.Element;
 
 interface AlgoliaFilterPanelProps {
@@ -502,14 +516,16 @@ interface AlgoliaContextType {
     toggleOnline: VoidFunction;
 }
 interface AlgoliaProviderProps {
-    children: React.ReactNode;
+    children: ReactNode;
+    offlineSearchClient?: SearchClient;
     online?: boolean;
+    searchClient: SearchClient;
 }
-declare function AlgoliaProvider({ children, online: _online, }: AlgoliaProviderProps): react_jsx_runtime.JSX.Element;
+declare function AlgoliaProvider({ children, offlineSearchClient, online: _online, 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, TextField, createProductListingSearchParams, parseProductListingSearchParams, useAlgolia, useBreakpoint, useCart, useDebouncedCallback, useDisclosure, useFormattedMessage, useGlobalState, useProductCartLine, useScrollLock };
+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 };