@sonic-equipment/ui 0.0.81 → 0.0.82

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { MouseEvent, ReactNode } from 'react';
 export interface ButtonProps {
     _pseudo?: 'none' | 'focus' | 'hover' | 'active';
     children?: ReactNode;
@@ -8,11 +8,10 @@ export interface ButtonProps {
     icon?: React.ReactNode;
     iconPosition?: 'left' | 'right';
     isDisabled?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    onPress?: VoidFunction | ((...args: unknown[]) => void);
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
     size?: 'sm' | 'md' | 'lg';
     type?: 'button' | 'submit' | 'reset';
     variant?: 'solid' | 'outline' | 'ghost';
     withArrow?: boolean;
 }
-export declare function Button({ _pseudo, children, className, color, condensed, icon, iconPosition, isDisabled, onClick: _onClick, onPress: onPress, size, type, variant, withArrow, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ _pseudo, children, className, color, condensed, icon, iconPosition, isDisabled, onClick: _onClick, size, type, variant, withArrow, }: ButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 import { Button } from './button';
 declare const meta: {
     args: {
-        onPress: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
         size: "lg";
     };
     component: typeof Button;

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

@@ -3,8 +3,8 @@ export interface IconButtonProps {
     className?: string;
     color?: 'primary' | 'secondary';
     isDisabled?: boolean;
-    onPress?: VoidFunction;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     size?: 'md' | 'lg';
     type?: 'button' | 'submit' | 'reset';
 }
-export declare function IconButton({ children, className, color, isDisabled, onPress, size, type, }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconButton({ children, className, color, isDisabled, onClick, size, type, }: IconButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 import { IconButton } from './icon-button';
 declare const meta: {
     args: {
-        onPress: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
     component: typeof IconButton;
     parameters: {

package/dist/src/buttons/link/link.d.ts

@@ -1,14 +1,9 @@
-import { MouseEvent, RefAttributes } from 'react';
-import { LinkProps as AriaLinkProps } from 'react-aria-components';
-export interface LinkProps extends AriaLinkProps, RefAttributes<HTMLAnchorElement> {
+import { AnchorHTMLAttributes } from 'react';
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     areaSelected?: boolean;
-    className?: string;
     color?: 'primary' | 'secondary';
     hasUnderline?: boolean;
-    id?: string;
-    onClick?(event: MouseEvent): void;
-    onMouseDown?(event: MouseEvent): void;
-    onMouseMove?(event: MouseEvent): void;
+    isDisabled?: boolean;
     role?: 'option';
 }
-export declare function Link({ children, className, color, hasUnderline, onClick: _onClick, onPress, ref, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ children, className, color, hasUnderline, isDisabled, onClick, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/buttons/link/link.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 import { Link } from './link';
 declare const meta: {
     args: {
-        onPress: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
     component: typeof Link;
     parameters: {

package/dist/src/cards/product-card/{connected-product-cart.d.ts → connected-product-card.d.ts}

@@ -3,6 +3,5 @@ export interface ConnectedProductCartProps extends Omit<ProductCardProps, 'addTo
     onAddToCart?: VoidFunction;
     onFavorited?: VoidFunction;
     onFavoriting?: VoidFunction;
-    productId: string;
 }
-export declare function ConnectedProductCard({ onAddToCart, onFavorited, onFavoriting, productId, ...props }: ConnectedProductCartProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConnectedProductCard({ id, onAddToCart, onFavorited, onFavoriting, ...props }: ConnectedProductCartProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,17 +1,16 @@
 import { ReactElement, ReactNode } from 'react';
-import { PressEvent } from 'react-aria-components';
-import { LinkProps } from 'buttons/link/link';
 import type { ImageSource } from 'shared/model/image';
 import type { ProductPrice as ProductPriceType } from 'shared/model/price';
-export interface ProductCardProps extends LinkProps {
+export interface ProductCardProps {
     addToCartButton: ReactElement;
     favoriteButton?: ReactElement;
     href: string;
+    id: string;
     image: ImageSource;
-    onPress?: (e: PressEvent) => void;
+    onClick?: VoidFunction;
     price: ProductPriceType;
     sku: string;
     tags?: string[];
     title: ReactNode;
 }
-export declare function ProductCard({ addToCartButton: AddToCartButton, areaSelected, favoriteButton: FavoriteButton, href, id, image, onClick, onMouseDown, onMouseMove, onPress, price, role, sku, tags, title, }: ProductCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductCard({ addToCartButton: AddToCartButton, favoriteButton: FavoriteButton, href, id, image, onClick, price, sku, tags, title, }: ProductCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,9 @@
+export type SwipeDirection = 'previous' | 'next';
 interface CarouselNavigationButtonProps {
-    direction: 'previous' | 'next';
+    className?: string;
+    direction: SwipeDirection;
     isDisabled?: boolean;
+    onClick?: (direction: SwipeDirection) => void;
 }
-export declare function CarouselNavigationButton({ direction, isDisabled, }: CarouselNavigationButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const CarouselNavigationButton: React.ForwardRefExoticComponent<CarouselNavigationButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/src/carousel/pagination/pagination.d.ts

@@ -0,0 +1,14 @@
+interface PaginationButtonProps {
+    index: number;
+    onChange?: (index: number, target: Element, size: DOMRectReadOnly, position: DOMRectReadOnly | undefined) => void;
+    onClick?: () => void;
+}
+export declare function PaginationButton({ index, onChange, onClick, }: PaginationButtonProps): import("react/jsx-runtime").JSX.Element;
+interface PaginationProps {
+    contained?: boolean;
+    currentPage: number;
+    numberOfPages: number;
+    onChange?: (page: number) => void;
+}
+export declare function Pagination({ contained, currentPage, numberOfPages, onChange, }: PaginationProps): import("react/jsx-runtime").JSX.Element | undefined;
+export {};

package/dist/src/carousel/pagination/pagination.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+import { Pagination } from './pagination';
+declare const meta: {
+    component: typeof Pagination;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Contained: Story;

package/dist/src/carousel/pagination/transitions.d.ts

@@ -0,0 +1,34 @@
+interface TransitionBase {
+    type: 'slide' | 'grow' | 'shrink';
+}
+interface SlideTransition extends TransitionBase {
+    position: number;
+    type: 'slide';
+}
+interface GrowTransition extends TransitionBase {
+    size: number;
+    type: 'grow';
+}
+interface ShrinkTransition extends TransitionBase {
+    size: number;
+    type: 'shrink';
+}
+type Transition = SlideTransition | GrowTransition | ShrinkTransition;
+export declare class Animation {
+    protected _currentPage: number;
+    protected _buttonElement: HTMLElement | null;
+    protected _circleElement: HTMLElement | null;
+    protected _paginationButtonElements: (HTMLElement | null)[];
+    protected _transitionQueue: Transition[];
+    protected _currentSize: number;
+    protected _currentPosition: number;
+    constructor(initialPage?: number);
+    refPaginationButton(index: number): (element: HTMLElement | null) => void;
+    refButton(element: HTMLElement | null): void;
+    refCircle(element: HTMLElement | null): void;
+    protected getLeftPositionOfPaginationButtonElement(index: number): number;
+    protected onNextTransition(): Animation;
+    animate(page: number): Animation;
+    dispose(): void;
+}
+export {};

package/dist/src/carousel/usp-carousel/product-usp-carousel.d.ts

@@ -0,0 +1,12 @@
+import { Image } from 'shared/model/image';
+interface Usp {
+    heading: string;
+    icon: Image;
+    image: Image;
+    text: string;
+}
+interface ProductUspItemProps {
+    usps: Usp[];
+}
+export declare function ProductUSPCarousel({ usps }: ProductUspItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/carousel/usp-carousel/product-usp-carousel.stories.d.ts

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react';
+import { ProductUSPCarousel } from 'carousel/usp-carousel/product-usp-carousel';
+declare const meta: {
+    args: {
+        usps: {
+            heading: string;
+            icon: {
+                1: string;
+                2: string;
+                3: string;
+                altText: string;
+            };
+            image: {
+                1: string;
+                2: string;
+                3: string;
+                altText: string;
+            };
+            text: string;
+        }[];
+    };
+    component: typeof ProductUSPCarousel;
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/carousel/usp-carousel/usp-carousel.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import 'swiper/css';
 import 'swiper/css/pagination';
-interface UspCarousel {
+interface USPCarousel {
     slides: ReactNode[];
 }
-export declare const UspCarousel: ({ slides }: UspCarousel) => import("react/jsx-runtime").JSX.Element;
+export declare const USPCarousel: ({ slides }: USPCarousel) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/media/image-lightbox/image-lightbox.d.ts

@@ -0,0 +1,8 @@
+import { Image as ImageType } from 'shared/model/image';
+import 'swiper/css';
+export interface ImageLightboxProps {
+    images: ImageType[];
+    initialSelectedIndex?: number;
+    variant?: 'sm' | 'lg';
+}
+export declare function ImageLightbox({ images, initialSelectedIndex, variant, }: ImageLightboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/media/image-lightbox/image-lightbox.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react';
+import { ImageLightbox } from './image-lightbox';
+declare const meta: {
+    component: typeof ImageLightbox;
+    parameters: {
+        layout: string;
+    };
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Small: Story;
+export declare const Large: Story;

package/dist/src/modals/modal/modal.d.ts

@@ -2,9 +2,11 @@ import { ReactNode } from 'react';
 export interface ModalProps {
     children: ReactNode;
     className?: string;
+    hasCloseButton?: boolean;
     isDismissable?: boolean;
+    isFullScreen?: boolean;
     isKeyboardDismissDisabled?: boolean;
     isOpen: boolean;
     onOpenChange: (isOpen: boolean) => void;
 }
-export declare function Modal({ children, className, isDismissable, isKeyboardDismissDisabled, isOpen, onOpenChange, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function Modal({ children, className, hasCloseButton, isDismissable, isFullScreen, isKeyboardDismissDisabled, isOpen, onOpenChange, }: ModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/modals/modal/modal.stories.d.ts

@@ -7,11 +7,21 @@ declare const meta: {
                 type: "text";
             };
         };
+        hasCloseButton: {
+            control: {
+                type: "boolean";
+            };
+        };
         isDismissable: {
             control: {
                 type: "boolean";
             };
         };
+        isFullScreen: {
+            control: {
+                type: "boolean";
+            };
+        };
         isKeyboardDismissDisabled: {
             control: {
                 type: "boolean";
@@ -32,3 +42,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const FullScreen: Story;

package/dist/src/pages/product-details-page/components/product-details-images/product-detail-images.d.ts

@@ -0,0 +1,6 @@
+import { Image as ImageType } from 'shared/model/image';
+interface ProductDetailImagesProps {
+    images: ImageType[];
+}
+export declare function ProductDetailImages({ images }: ProductDetailImagesProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/shared/hooks/use-resize-observer.d.ts

@@ -1,4 +1,4 @@
-export declare function useResizeObserver(resizeCallback: (size: DOMRectReadOnly) => void): {
+export declare function useResizeObserver(resizeCallback: (target: Element, size: DOMRectReadOnly, position: DOMRectReadOnly | undefined) => void): {
     ref: <T extends HTMLElement>(el: T | null) => void;
     size: DOMRectReadOnly | undefined;
 };

package/dist/src/shared/routing/route-link.d.ts

@@ -1,7 +1,9 @@
+import { MouseEvent } from 'react';
 import { LinkProps } from 'buttons/link/link';
 import { NavigateOptions } from './route-provider';
-interface RouteLinkProps extends LinkProps {
+interface RouteLinkProps extends Omit<LinkProps, 'onPress'> {
+    onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
     route?: NavigateOptions;
 }
-export declare function RouteLink({ children, onClick: _onClick, ...props }: RouteLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function RouteLink({ children, ...props }: RouteLinkProps): import("react/jsx-runtime").JSX.Element;
 export {};