@faststore/ui 1.9.4 → 1.9.10

package/dist/hooks/useSlider/useSlider.d.ts

@@ -1,62 +1,62 @@
-import type { Dispatch } from 'react';
-import type { SwipeableProps } from 'react-swipeable';
-export declare type SlideDirection = 'next' | 'previous';
-interface NextPageAction {
-    type: 'NEXT_PAGE';
-}
-interface PreviousPageAction {
-    type: 'PREVIOUS_PAGE';
-}
-interface GoToPageAction {
-    type: 'GO_TO_PAGE';
-    payload: {
-        pageIndex: number;
-        shouldSlide: boolean;
-    };
-}
-interface StopSlideAction {
-    type: 'STOP_SLIDE';
-}
-export declare type Action = NextPageAction | PreviousPageAction | StopSlideAction | GoToPageAction;
-export declare type SliderDispatch = Dispatch<Action>;
-export interface SliderState {
-    /**
-     * The `currentItem` in a Slider with multiple items in a single page is
-     * always **the one with the lowest index** in the current page.
-     */
-    currentItem: number;
-    /** Currently active page */
-    currentPage: number;
-    /**
-     * Whether or not the Slider is currently sliding. This is useful to
-     * manipulate the `transition` property in a component.
-     */
-    sliding: boolean;
-    /** The direction in which the Slider is sliding. */
-    slideDirection: SlideDirection;
-    /** The total number of unique items in the slider. */
-    totalItems: number;
-    /** The number of items in a single page. */
-    itemsPerPage: number;
-    /** The total number of pages in the slider. */
-    totalPages: number;
-    /** Whether or not the slider is infinite. */
-    infinite: boolean;
-}
-export declare const nextPage: (current: number, total: number) => number;
-export declare const previousPage: (current: number, total: number) => number;
-export interface UseSliderArgs extends SwipeableProps {
-    /** The total number of unique items in the slider. */
-    totalItems: number;
-    /** The number of items in a single slider page. */
-    itemsPerPage?: number;
-    /** Whether or not the slider is infinite. */
-    infiniteMode?: boolean;
-}
-export default function useSlider({ totalItems, itemsPerPage, infiniteMode, ...swipeableConfigOverrides }: UseSliderArgs): {
-    handlers: import("react-swipeable").SwipeableHandlers;
-    slide: (page: number | "next" | "previous", dispatch: Dispatch<Action>) => void;
-    sliderState: SliderState;
-    sliderDispatch: Dispatch<Action>;
-};
-export {};
+import type { Dispatch } from 'react';
+import type { SwipeableProps } from 'react-swipeable';
+export declare type SlideDirection = 'next' | 'previous';
+interface NextPageAction {
+    type: 'NEXT_PAGE';
+}
+interface PreviousPageAction {
+    type: 'PREVIOUS_PAGE';
+}
+interface GoToPageAction {
+    type: 'GO_TO_PAGE';
+    payload: {
+        pageIndex: number;
+        shouldSlide: boolean;
+    };
+}
+interface StopSlideAction {
+    type: 'STOP_SLIDE';
+}
+export declare type Action = NextPageAction | PreviousPageAction | StopSlideAction | GoToPageAction;
+export declare type SliderDispatch = Dispatch<Action>;
+export interface SliderState {
+    /**
+     * The `currentItem` in a Slider with multiple items in a single page is
+     * always **the one with the lowest index** in the current page.
+     */
+    currentItem: number;
+    /** Currently active page */
+    currentPage: number;
+    /**
+     * Whether or not the Slider is currently sliding. This is useful to
+     * manipulate the `transition` property in a component.
+     */
+    sliding: boolean;
+    /** The direction in which the Slider is sliding. */
+    slideDirection: SlideDirection;
+    /** The total number of unique items in the slider. */
+    totalItems: number;
+    /** The number of items in a single page. */
+    itemsPerPage: number;
+    /** The total number of pages in the slider. */
+    totalPages: number;
+    /** Whether or not the slider is infinite. */
+    infinite: boolean;
+}
+export declare const nextPage: (current: number, total: number) => number;
+export declare const previousPage: (current: number, total: number) => number;
+export interface UseSliderArgs extends SwipeableProps {
+    /** The total number of unique items in the slider. */
+    totalItems: number;
+    /** The number of items in a single slider page. */
+    itemsPerPage?: number;
+    /** Whether or not the slider is infinite. */
+    infiniteMode?: boolean;
+}
+export default function useSlider({ totalItems, itemsPerPage, infiniteMode, ...swipeableConfigOverrides }: UseSliderArgs): {
+    handlers: import("react-swipeable").SwipeableHandlers;
+    slide: (page: number | SlideDirection, dispatch: Dispatch<Action>) => void;
+    sliderState: SliderState;
+    sliderDispatch: Dispatch<Action>;
+};
+export {};

package/dist/hooks/useSlider/useSlider.js

@@ -0,0 +1,108 @@
+import { useReducer } from 'react';
+import { useSwipeable } from 'react-swipeable';
+export const nextPage = (current, total) => (current + 1) % total;
+export const previousPage = (current, total) => (total - ((total - current + 1) % total)) % total;
+function reducer(state, action) {
+    switch (action.type) {
+        case 'NEXT_PAGE': {
+            // If `state.infinite` is true, we need to take into account an extra
+            // page in the calculation. This extra page is a clone of the first page.
+            const adjustedTotalPages = state.infinite
+                ? state.totalPages + 1
+                : state.totalPages;
+            const nextPageIndex = nextPage(state.currentPage, adjustedTotalPages);
+            const nextItemIndex = (nextPageIndex % adjustedTotalPages) * state.itemsPerPage;
+            return {
+                ...state,
+                sliding: true,
+                slideDirection: 'next',
+                currentItem: nextItemIndex,
+                currentPage: nextPageIndex,
+            };
+        }
+        case 'PREVIOUS_PAGE': {
+            // If `state.infinite` is true, we need to take into account an extra
+            // page in the calculation. This extra page is a clone of the first page.
+            const adjustedTotalPages = state.infinite
+                ? state.totalPages + 1
+                : state.totalPages;
+            // If `state.infinite` is true and we're currently on page 0, we need to
+            // let the slider go to page -1. This -1 page is a clone of the last page.
+            const shouldGoToClone = state.infinite && state.currentPage === 0;
+            const previousPageIndex = shouldGoToClone
+                ? -1
+                : previousPage(state.currentPage, state.totalPages);
+            return {
+                ...state,
+                sliding: true,
+                slideDirection: 'previous',
+                currentItem: (previousPageIndex % adjustedTotalPages) * state.itemsPerPage,
+                currentPage: previousPageIndex,
+            };
+        }
+        case 'GO_TO_PAGE': {
+            if (action.payload.pageIndex === state.currentPage) {
+                return state;
+            }
+            return {
+                ...state,
+                sliding: action.payload.shouldSlide,
+                slideDirection: action.payload.pageIndex > state.currentPage ? 'next' : 'previous',
+                currentItem: (action.payload.pageIndex % state.totalPages) * state.itemsPerPage,
+                currentPage: action.payload.pageIndex,
+            };
+        }
+        case 'STOP_SLIDE':
+            return { ...state, sliding: false };
+        default:
+            return state;
+    }
+}
+const defaultSliderState = (totalItems, itemsPerPage, infinite) => ({
+    currentItem: 0,
+    currentPage: 0,
+    sliding: false,
+    slideDirection: 'next',
+    totalItems,
+    itemsPerPage,
+    totalPages: Math.ceil(totalItems / itemsPerPage),
+    infinite,
+});
+const slide = (page, dispatch) => {
+    if (page === 'next') {
+        dispatch({
+            type: 'NEXT_PAGE',
+        });
+    }
+    if (page === 'previous') {
+        dispatch({
+            type: 'PREVIOUS_PAGE',
+        });
+    }
+    if (typeof page === 'number') {
+        dispatch({
+            type: 'GO_TO_PAGE',
+            payload: {
+                pageIndex: page,
+                shouldSlide: true,
+            },
+        });
+    }
+};
+export default function useSlider({ totalItems, itemsPerPage = 1, infiniteMode = false, ...swipeableConfigOverrides }) {
+    const [sliderState, sliderDispatch] = useReducer(reducer, undefined, () => defaultSliderState(totalItems, itemsPerPage, infiniteMode));
+    const handlers = useSwipeable({
+        onSwipedRight: () => slide('previous', sliderDispatch),
+        onSwipedLeft: () => slide('next', sliderDispatch),
+        preventDefaultTouchmoveEvent: true,
+        trackMouse: true,
+        ...swipeableConfigOverrides,
+    });
+    return {
+        handlers,
+        slide,
+        sliderState,
+        sliderDispatch,
+    };
+}
+//# sourceMappingURL=useSlider.js.map

package/dist/hooks/useSlider/useSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlider.js","sourceRoot":"","sources":["../../../src/hooks/useSlider/useSlider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAyD9C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,OAAe,EAAE,KAAa,EAAE,EAAE,CACzD,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,KAAK,CAAA;AAEvB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,KAAa,EAAE,EAAE,CAC7D,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG,OAAO,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAA;AAEnD,SAAS,OAAO,CAAC,KAAkB,EAAE,MAAc;IACjD,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,WAAW,CAAC,CAAC;YAChB,qEAAqE;YACrE,yEAAyE;YACzE,MAAM,kBAAkB,GAAG,KAAK,CAAC,QAAQ;gBACvC,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC;gBACtB,CAAC,CAAC,KAAK,CAAC,UAAU,CAAA;YAEpB,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;YAErE,MAAM,aAAa,GACjB,CAAC,aAAa,GAAG,kBAAkB,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;YAE3D,OAAO;gBACL,GAAG,KAAK;gBACR,OAAO,EAAE,IAAI;gBACb,cAAc,EAAE,MAAM;gBACtB,WAAW,EAAE,aAAa;gBAC1B,WAAW,EAAE,aAAa;aAC3B,CAAA;SACF;QAED,KAAK,eAAe,CAAC,CAAC;YACpB,qEAAqE;YACrE,yEAAyE;YACzE,MAAM,kBAAkB,GAAG,KAAK,CAAC,QAAQ;gBACvC,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC;gBACtB,CAAC,CAAC,KAAK,CAAC,UAAU,CAAA;YAEpB,wEAAwE;YACxE,0EAA0E;YAC1E,MAAM,eAAe,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,WAAW,KAAK,CAAC,CAAA;YACjE,MAAM,iBAAiB,GAAG,eAAe;gBACvC,CAAC,CAAC,CAAC,CAAC;gBACJ,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,CAAA;YAErD,OAAO;gBACL,GAAG,KAAK;gBACR,OAAO,EAAE,IAAI;gBACb,cAAc,EAAE,UAAU;gBAC1B,WAAW,EACT,CAAC,iBAAiB,GAAG,kBAAkB,CAAC,GAAG,KAAK,CAAC,YAAY;gBAC/D,WAAW,EAAE,iBAAiB;aAC/B,CAAA;SACF;QAED,KAAK,YAAY,CAAC,CAAC;YACjB,IAAI,MAAM,CAAC,OAAO,CAAC,SAAS,KAAK,KAAK,CAAC,WAAW,EAAE;gBAClD,OAAO,KAAK,CAAA;aACb;YAED,OAAO;gBACL,GAAG,KAAK;gBACR,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,WAAW;gBACnC,cAAc,EACZ,MAAM,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU;gBACpE,WAAW,EACT,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,YAAY;gBACpE,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,SAAS;aACtC,CAAA;SACF;QAED,KAAK,YAAY;YACf,OAAO,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA;QAErC;YACE,OAAO,KAAK,CAAA;KACf;AACH,CAAC;AAED,MAAM,kBAAkB,GAAG,CACzB,UAAkB,EAClB,YAAoB,EACpB,QAAiB,EACJ,EAAE,CAAC,CAAC;IACjB,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,CAAC;IACd,OAAO,EAAE,KAAK;IACd,cAAc,EAAE,MAAM;IACtB,UAAU;IACV,YAAY;IACZ,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,YAAY,CAAC;IAChD,QAAQ;CACT,CAAC,CAAA;AAEF,MAAM,KAAK,GAAG,CAAC,IAA6B,EAAE,QAA0B,EAAE,EAAE;IAC1E,IAAI,IAAI,KAAK,MAAM,EAAE;QACnB,QAAQ,CAAC;YACP,IAAI,EAAE,WAAW;SAClB,CAAC,CAAA;KACH;IAED,IAAI,IAAI,KAAK,UAAU,EAAE;QACvB,QAAQ,CAAC;YACP,IAAI,EAAE,eAAe;SACtB,CAAC,CAAA;KACH;IAED,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,QAAQ,CAAC;YACP,IAAI,EAAE,YAAY;YAClB,OAAO,EAAE;gBACP,SAAS,EAAE,IAAI;gBACf,WAAW,EAAE,IAAI;aAClB;SACF,CAAC,CAAA;KACH;AACH,CAAC,CAAA;AAWD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,UAAU,EACV,YAAY,GAAG,CAAC,EAChB,YAAY,GAAG,KAAK,EACpB,GAAG,wBAAwB,EACb;IACd,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,CACxE,kBAAkB,CAAC,UAAU,EAAE,YAAY,EAAE,YAAY,CAAC,CAC3D,CAAA;IAED,MAAM,QAAQ,GAAG,YAAY,CAAC;QAC5B,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,cAAc,CAAC;QACtD,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC;QACjD,4BAA4B,EAAE,IAAI;QAClC,UAAU,EAAE,IAAI;QAChB,GAAG,wBAAwB;KAC5B,CAAC,CAAA;IAEF,OAAO;QACL,QAAQ;QACR,KAAK;QACL,WAAW;QACX,cAAc;KACf,CAAA;AACH,CAAC"}

package/dist/index.d.ts

@@ -1,80 +1,80 @@
-export { default as Link } from './atoms/Link';
-export type { LinkProps } from './atoms/Link';
-export { default as Button } from './atoms/Button';
-export type { ButtonProps } from './atoms/Button';
-export { default as Input } from './atoms/Input';
-export type { InputProps } from './atoms/Input';
-export { default as Icon } from './atoms/Icon';
-export type { IconProps } from './atoms/Icon';
-export { default as Popover } from './atoms/Popover';
-export type { PopoverProps } from './atoms/Popover';
-export { default as Price } from './atoms/Price';
-export type { PriceProps } from './atoms/Price';
-export { default as TextArea } from './atoms/TextArea';
-export type { TextAreaProps } from './atoms/TextArea';
-export { default as Checkbox } from './atoms/Checkbox';
-export type { CheckboxProps } from './atoms/Checkbox';
-export { default as Overlay } from './atoms/Overlay';
-export type { OverlayProps } from './atoms/Overlay';
-export { default as Select } from './atoms/Select';
-export type { SelectProps } from './atoms/Select';
-export { default as Radio } from './atoms/Radio';
-export type { RadioProps } from './atoms/Radio';
-export { default as Badge } from './atoms/Badge';
-export type { BadgeProps } from './atoms/Badge';
-export { default as Slider } from './atoms/Slider';
-export type { SliderProps } from './atoms/Slider';
-export { default as List } from './atoms/List';
-export type { ListProps } from './atoms/List';
-export { default as Skeleton } from './atoms/Skeleton';
-export type { SkeletonProps } from './atoms/Skeleton';
-export { default as Spinner } from './atoms/Spinner';
-export type { SpinnerProps } from './atoms/Spinner';
-export { default as Label } from './atoms/Label';
-export type { LabelProps } from './atoms/Label';
-export { default as Incentive } from './atoms/Incentive';
-export type { IncentiveProps } from './atoms/Incentive';
-export { default as ProductCard, ProductCardImage, ProductCardContent, ProductCardActions, } from './molecules/ProductCard';
-export type { ProductCardProps, ProductCardImageProps, ProductCardContentProps, ProductCardActionsProps, } from './molecules/ProductCard';
-export { default as Card, CardImage, CardContent, CardActions, } from './molecules/Card';
-export type { CardProps, CardImageProps, CardContentProps, CardActionsProps, } from './molecules/Card';
-export { default as Bullets } from './molecules/Bullets';
-export type { BulletsProps } from './molecules/Bullets';
-export { default as SearchInput } from './molecules/SearchInput';
-export type { SearchInputProps, SearchInputRef } from './molecules/SearchInput';
-export { default as Carousel } from './molecules/Carousel';
-export type { CarouselProps } from './molecules/Carousel';
-export { default as IconButton } from './molecules/IconButton';
-export type { IconButtonProps } from './molecules/IconButton';
-export { default as Modal } from './molecules/Modal';
-export type { ModalProps } from './molecules/Modal';
-export { default as Banner, BannerContent, BannerImage, BannerLink, } from './molecules/Banner';
-export type { BannerProps, BannerContentProps, BannerImageProps, BannerLinkProps, } from './molecules/Banner';
-export { default as PaymentMethods } from './molecules/PaymentMethods';
-export type { PaymentMethodsProps } from './molecules/PaymentMethods';
-export { default as Breadcrumb } from './molecules/Breadcrumb';
-export type { BreadcrumbProps } from './molecules/Breadcrumb';
-export { default as LoadingButton } from './molecules/LoadingButton';
-export type { LoadingButtonProps } from './molecules/LoadingButton';
-export { default as PriceRange } from './molecules/PriceRange';
-export type { PriceRangeProps } from './molecules/PriceRange';
-export { default as RadioGroup, RadioOption } from './molecules/RadioGroup';
-export type { RadioGroupProps, RadioOptionProps } from './molecules/RadioGroup';
-export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, } from './molecules/Accordion';
-export type { AccordionProps, AccordionItemProps, AccordionButtonProps, AccordionPanelProps, } from './molecules/Accordion';
-export { Table, TableBody, TableCell, TableFooter, TableHead, TableRow, } from './molecules/Table';
-export type { TableProps, TableBodyProps, TableCellProps, TableFooterProps, TableHeadProps, TableRowProps, } from './molecules/Table';
-export { default as Form } from './molecules/Form';
-export type { FormProps } from './molecules/Form';
-export { default as Alert } from './molecules/Alert';
-export type { AlertProps } from './molecules/Alert';
-export { default as QuantitySelector } from './molecules/QuantitySelector';
-export type { QuantitySelectorProps } from './molecules/QuantitySelector';
-export { default as Dropdown, DropdownButton, DropdownItem, DropdownMenu, } from './molecules/Dropdown';
-export type { DropdownProps, DropdownButtonProps, DropdownItemProps, DropdownMenuProps, } from './molecules/Dropdown';
-export { default as OutOfStock, OutOfStockTitle, OutOfStockMessage, } from './organisms/OutOfStock';
-export type { OutOfStockProps, OutOfStockMessageProps, OutOfStockTitleProps, } from './organisms/OutOfStock';
-export { default as Hero, HeroHeading, HeroImage } from './organisms/Hero';
-export type { HeroProps, HeroHeadingProps, HeroImageProps, } from './organisms/Hero';
-export { default as useSlider } from './hooks/useSlider';
-export type { UseSliderArgs, SliderState, SliderDispatch, SlideDirection, } from './hooks/useSlider';
+export { default as Link } from './atoms/Link';
+export type { LinkProps } from './atoms/Link';
+export { default as Button } from './atoms/Button';
+export type { ButtonProps } from './atoms/Button';
+export { default as Input } from './atoms/Input';
+export type { InputProps } from './atoms/Input';
+export { default as Icon } from './atoms/Icon';
+export type { IconProps } from './atoms/Icon';
+export { default as Popover } from './atoms/Popover';
+export type { PopoverProps } from './atoms/Popover';
+export { default as Price } from './atoms/Price';
+export type { PriceProps } from './atoms/Price';
+export { default as TextArea } from './atoms/TextArea';
+export type { TextAreaProps } from './atoms/TextArea';
+export { default as Checkbox } from './atoms/Checkbox';
+export type { CheckboxProps } from './atoms/Checkbox';
+export { default as Overlay } from './atoms/Overlay';
+export type { OverlayProps } from './atoms/Overlay';
+export { default as Select } from './atoms/Select';
+export type { SelectProps } from './atoms/Select';
+export { default as Radio } from './atoms/Radio';
+export type { RadioProps } from './atoms/Radio';
+export { default as Badge } from './atoms/Badge';
+export type { BadgeProps } from './atoms/Badge';
+export { default as Slider } from './atoms/Slider';
+export type { SliderProps } from './atoms/Slider';
+export { default as List } from './atoms/List';
+export type { ListProps } from './atoms/List';
+export { default as Skeleton } from './atoms/Skeleton';
+export type { SkeletonProps } from './atoms/Skeleton';
+export { default as Spinner } from './atoms/Spinner';
+export type { SpinnerProps } from './atoms/Spinner';
+export { default as Label } from './atoms/Label';
+export type { LabelProps } from './atoms/Label';
+export { default as Incentive } from './atoms/Incentive';
+export type { IncentiveProps } from './atoms/Incentive';
+export { default as ProductCard, ProductCardImage, ProductCardContent, ProductCardActions, } from './molecules/ProductCard';
+export type { ProductCardProps, ProductCardImageProps, ProductCardContentProps, ProductCardActionsProps, } from './molecules/ProductCard';
+export { default as Card, CardImage, CardContent, CardActions, } from './molecules/Card';
+export type { CardProps, CardImageProps, CardContentProps, CardActionsProps, } from './molecules/Card';
+export { default as Bullets } from './molecules/Bullets';
+export type { BulletsProps } from './molecules/Bullets';
+export { default as SearchInput } from './molecules/SearchInput';
+export type { SearchInputProps, SearchInputRef } from './molecules/SearchInput';
+export { default as Carousel } from './molecules/Carousel';
+export type { CarouselProps } from './molecules/Carousel';
+export { default as IconButton } from './molecules/IconButton';
+export type { IconButtonProps } from './molecules/IconButton';
+export { default as Modal } from './molecules/Modal';
+export type { ModalProps } from './molecules/Modal';
+export { default as Banner, BannerContent, BannerImage, BannerLink, } from './molecules/Banner';
+export type { BannerProps, BannerContentProps, BannerImageProps, BannerLinkProps, } from './molecules/Banner';
+export { default as PaymentMethods } from './molecules/PaymentMethods';
+export type { PaymentMethodsProps } from './molecules/PaymentMethods';
+export { default as Breadcrumb } from './molecules/Breadcrumb';
+export type { BreadcrumbProps } from './molecules/Breadcrumb';
+export { default as LoadingButton } from './molecules/LoadingButton';
+export type { LoadingButtonProps } from './molecules/LoadingButton';
+export { default as PriceRange } from './molecules/PriceRange';
+export type { PriceRangeProps } from './molecules/PriceRange';
+export { default as RadioGroup, RadioOption } from './molecules/RadioGroup';
+export type { RadioGroupProps, RadioOptionProps } from './molecules/RadioGroup';
+export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, } from './molecules/Accordion';
+export type { AccordionProps, AccordionItemProps, AccordionButtonProps, AccordionPanelProps, } from './molecules/Accordion';
+export { Table, TableBody, TableCell, TableFooter, TableHead, TableRow, } from './molecules/Table';
+export type { TableProps, TableBodyProps, TableCellProps, TableFooterProps, TableHeadProps, TableRowProps, } from './molecules/Table';
+export { default as Form } from './molecules/Form';
+export type { FormProps } from './molecules/Form';
+export { default as Alert } from './molecules/Alert';
+export type { AlertProps } from './molecules/Alert';
+export { default as QuantitySelector } from './molecules/QuantitySelector';
+export type { QuantitySelectorProps } from './molecules/QuantitySelector';
+export { default as Dropdown, DropdownButton, DropdownItem, DropdownMenu, } from './molecules/Dropdown';
+export type { DropdownProps, DropdownButtonProps, DropdownItemProps, DropdownMenuProps, } from './molecules/Dropdown';
+export { default as OutOfStock, OutOfStockTitle, OutOfStockMessage, } from './organisms/OutOfStock';
+export type { OutOfStockProps, OutOfStockMessageProps, OutOfStockTitleProps, } from './organisms/OutOfStock';
+export { default as Hero, HeroHeading, HeroImage } from './organisms/Hero';
+export type { HeroProps, HeroHeadingProps, HeroImageProps, } from './organisms/Hero';
+export { default as useSlider } from './hooks/useSlider';
+export type { UseSliderArgs, SliderState, SliderDispatch, SlideDirection, } from './hooks/useSlider';

package/dist/index.js

@@ -1,8 +1,45 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./ui.cjs.production.min.js')
-} else {
-  module.exports = require('./ui.cjs.development.js')
-}
+// Atoms
+export { default as Link } from './atoms/Link';
+export { default as Button } from './atoms/Button';
+export { default as Input } from './atoms/Input';
+export { default as Icon } from './atoms/Icon';
+export { default as Popover } from './atoms/Popover';
+export { default as Price } from './atoms/Price';
+export { default as TextArea } from './atoms/TextArea';
+export { default as Checkbox } from './atoms/Checkbox';
+export { default as Overlay } from './atoms/Overlay';
+export { default as Select } from './atoms/Select';
+export { default as Radio } from './atoms/Radio';
+export { default as Badge } from './atoms/Badge';
+export { default as Slider } from './atoms/Slider';
+export { default as List } from './atoms/List';
+export { default as Skeleton } from './atoms/Skeleton';
+export { default as Spinner } from './atoms/Spinner';
+export { default as Label } from './atoms/Label';
+export { default as Incentive } from './atoms/Incentive';
+// Molecules
+export { default as ProductCard, ProductCardImage, ProductCardContent, ProductCardActions, } from './molecules/ProductCard';
+export { default as Card, CardImage, CardContent, CardActions, } from './molecules/Card';
+export { default as Bullets } from './molecules/Bullets';
+export { default as SearchInput } from './molecules/SearchInput';
+export { default as Carousel } from './molecules/Carousel';
+export { default as IconButton } from './molecules/IconButton';
+export { default as Modal } from './molecules/Modal';
+export { default as Banner, BannerContent, BannerImage, BannerLink, } from './molecules/Banner';
+export { default as PaymentMethods } from './molecules/PaymentMethods';
+export { default as Breadcrumb } from './molecules/Breadcrumb';
+export { default as LoadingButton } from './molecules/LoadingButton';
+export { default as PriceRange } from './molecules/PriceRange';
+export { default as RadioGroup, RadioOption } from './molecules/RadioGroup';
+export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, } from './molecules/Accordion';
+export { Table, TableBody, TableCell, TableFooter, TableHead, TableRow, } from './molecules/Table';
+export { default as Form } from './molecules/Form';
+export { default as Alert } from './molecules/Alert';
+export { default as QuantitySelector } from './molecules/QuantitySelector';
+export { default as Dropdown, DropdownButton, DropdownItem, DropdownMenu, } from './molecules/Dropdown';
+// Organisms
+export { default as OutOfStock, OutOfStockTitle, OutOfStockMessage, } from './organisms/OutOfStock';
+export { default as Hero, HeroHeading, HeroImage } from './organisms/Hero';
+// Hooks
+export { default as useSlider } from './hooks/useSlider';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/molecules/Accordion/Accordion.d.ts

@@ -1,26 +1,26 @@
-import type { HTMLAttributes } from 'react';
-import React from 'react';
-interface AccordionContext {
-    indices: Set<number>;
-    onChange: (index: number) => void;
-    numberOfItems: number;
-}
-declare const AccordionContext: React.Context<AccordionContext | undefined>;
-export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress,
-     * testing-library, and jest).
-     */
-    testId?: string;
-    /**
-     * Indices that indicate which accordion items are opened.
-     */
-    indices: Iterable<number>;
-    /**
-     * Function that is triggered when an accordion item is opened/closed.
-     */
-    onChange: (index: number) => void;
-}
-declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
-export declare function useAccordion(): AccordionContext;
-export default Accordion;
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+interface AccordionContext {
+    indices: Set<number>;
+    onChange: (index: number) => void;
+    numberOfItems: number;
+}
+declare const AccordionContext: React.Context<AccordionContext | undefined>;
+export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Indices that indicate which accordion items are opened.
+     */
+    indices: Iterable<number>;
+    /**
+     * Function that is triggered when an accordion item is opened/closed.
+     */
+    onChange: (index: number) => void;
+}
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+export declare function useAccordion(): AccordionContext;
+export default Accordion;

package/dist/molecules/Accordion/Accordion.js

@@ -0,0 +1,21 @@
+import React, { useContext, cloneElement, forwardRef, createContext, } from 'react';
+const AccordionContext = createContext(undefined);
+const Accordion = forwardRef(function Accordion({ testId = 'store-accordion', indices, onChange, children, ...otherProps }, ref) {
+    const childrenWithIndex = React.Children.map(children, (child, index) => cloneElement(child, { index: child.props.index ?? index }));
+    const context = {
+        indices: new Set(indices),
+        onChange,
+        numberOfItems: childrenWithIndex.length,
+    };
+    return (React.createElement(AccordionContext.Provider, { value: context },
+        React.createElement("div", Object.assign({ ref: ref, "data-store-accordion": true, "data-testid": testId, role: "region" }, otherProps), childrenWithIndex)));
+});
+export function useAccordion() {
+    const context = useContext(AccordionContext);
+    if (context === undefined) {
+        throw new Error('Do not use Accordion components outside the Accordion context.');
+    }
+    return context;
+}
+export default Accordion;
+//# sourceMappingURL=Accordion.js.map

package/dist/molecules/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/molecules/Accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,aAAa,GACd,MAAM,OAAO,CAAA;AAQd,MAAM,gBAAgB,GAAG,aAAa,CAA+B,SAAS,CAAC,CAAA;AAmB/E,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EAAE,MAAM,GAAG,iBAAiB,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC1E,GAAG;IAEH,MAAM,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAC1C,QAAwB,EACxB,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,EAAE,CAAC,CAC7E,CAAA;IAED,MAAM,OAAO,GAAG;QACd,OAAO,EAAE,IAAI,GAAG,CAAC,OAAO,CAAC;QACzB,QAAQ;QACR,aAAa,EAAE,iBAAiB,CAAC,MAAM;KACxC,CAAA;IAED,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACvC,2CACE,GAAG,EAAE,GAAG,+CAEK,MAAM,EACnB,IAAI,EAAC,QAAQ,IACT,UAAU,GAEb,iBAAiB,CACd,CACoB,CAC7B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,UAAU,YAAY;IAC1B,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAE5C,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,eAAe,SAAS,CAAA"}

package/dist/molecules/Accordion/AccordionButton.d.ts

@@ -1,10 +1,10 @@
-import type { ButtonHTMLAttributes } from 'react';
-import React from 'react';
-export interface AccordionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-}
-declare const AccordionButton: React.ForwardRefExoticComponent<AccordionButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default AccordionButton;
+import type { ButtonHTMLAttributes } from 'react';
+import React from 'react';
+export interface AccordionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const AccordionButton: React.ForwardRefExoticComponent<AccordionButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default AccordionButton;

package/dist/molecules/Accordion/AccordionButton.js

@@ -0,0 +1,37 @@
+import React, { forwardRef } from 'react';
+import Button from '../../atoms/Button';
+import { useAccordion } from './Accordion';
+import { useAccordionItem } from './AccordionItem';
+const AccordionButton = forwardRef(function AccordionButton({ testId = 'store-accordion-button', children, ...otherProps }, ref) {
+    const { indices, onChange, numberOfItems } = useAccordion();
+    const { index, panel, button, prefixId } = useAccordionItem();
+    const onKeyDown = (event) => {
+        if (!['ArrowDown', 'ArrowUp'].includes(event.key)) {
+            return;
+        }
+        const getNext = () => {
+            const next = Number(index) + 1 === numberOfItems ? 0 : Number(index) + 1;
+            return document.getElementById(`${prefixId && `${prefixId}-`}button--${next}`);
+        };
+        const getPrevious = () => {
+            const previous = Number(index) - 1 < 0 ? numberOfItems - 1 : Number(index) - 1;
+            return document.getElementById(`${prefixId && `${prefixId}-`}button--${previous}`);
+        };
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                getNext()?.focus();
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                getPrevious()?.focus();
+                break;
+            default:
+        }
+    };
+    return (React.createElement(Button, Object.assign({ ref: ref, id: button, "aria-expanded": indices.has(index), "aria-controls": panel, "data-accordion-button": true, "data-testid": testId, onKeyDown: onKeyDown, onClick: () => {
+            onChange(index);
+        } }, otherProps), children));
+});
+export default AccordionButton;
+//# sourceMappingURL=AccordionButton.js.map

package/dist/molecules/Accordion/AccordionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionButton.js","sourceRoot":"","sources":["../../../src/molecules/Accordion/AccordionButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAUlD,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EAAE,MAAM,GAAG,wBAAwB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC9D,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,CAAA;IAC3D,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE7D,MAAM,SAAS,GAAG,CAAC,KAA0B,EAAE,EAAE;QAC/C,IAAI,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YACjD,OAAM;SACP;QAED,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAExE,OAAO,QAAQ,CAAC,cAAc,CAC5B,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,IAAI,EAAE,CAC/C,CAAA;QACH,CAAC,CAAA;QAED,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,MAAM,QAAQ,GACZ,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAE/D,OAAO,QAAQ,CAAC,cAAc,CAC5B,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,QAAQ,EAAE,CACnD,CAAA;QACH,CAAC,CAAA;QAED,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,OAAO,EAAE,EAAE,KAAK,EAAE,CAAA;gBAClB,MAAK;YAEP,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,WAAW,EAAE,EAAE,KAAK,EAAE,CAAA;gBACtB,MAAK;YAEP,QAAQ;SACT;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,kBACL,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,MAAM,mBACK,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,mBAClB,KAAK,gDAEP,MAAM,EACnB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,IACG,UAAU,GAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,eAAe,CAAA"}