@sonic-equipment/ui 0.0.22 → 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,13 +1,20 @@
-/// <reference types="react" />
+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 {
-    children: React.ReactNode;
+    category: string;
+    children: ReactNode;
+    offlineSearchClient?: SearchClient;
     online?: boolean;
+    routing?: boolean | RouterProps<UiState, UiState> | undefined;
+    searchClient: SearchClient;
 }
-export declare function AlgoliaProvider({ children, online: _online, }: 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/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.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/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/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/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/connected-favorite-button.d.ts

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

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/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";
     };
@@ -26,7 +26,6 @@ declare const meta: {
         };
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

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: string;
+    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/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/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/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/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;