@faststore/ui 1.12.32 → 1.12.33

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

@@ -0,0 +1,64 @@
+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;
+    /**  Whether or not slide after swiping left/right. */
+    shouldSlideOnSwipe?: boolean;
+}
+export default function useSlider({ totalItems, itemsPerPage, infiniteMode, shouldSlideOnSwipe, ...swipeableConfigOverrides }: UseSliderArgs): {
+    handlers: import("react-swipeable").SwipeableHandlers;
+    slide: (page: number | SlideDirection, dispatch: Dispatch<Action>) => void;
+    sliderState: SliderState;
+    sliderDispatch: Dispatch<Action>;
+};
+export {};

package/dist/ui/src/hooks/useSlider/useSlider.js

@@ -0,0 +1,103 @@
+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, shouldSlideOnSwipe = true, ...swipeableConfigOverrides }) {
+    const [sliderState, sliderDispatch] = useReducer(reducer, undefined, () => defaultSliderState(totalItems, itemsPerPage, infiniteMode));
+    const handlers = useSwipeable({
+        onSwipedRight: () => shouldSlideOnSwipe && slide('previous', sliderDispatch),
+        onSwipedLeft: () => shouldSlideOnSwipe && slide('next', sliderDispatch),
+        trackMouse: true,
+        ...swipeableConfigOverrides,
+    });
+    return {
+        handlers,
+        slide,
+        sliderState,
+        sliderDispatch,
+    };
+}
+//# sourceMappingURL=useSlider.js.map

package/dist/ui/src/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,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAA;KAChC;IAED,IAAI,IAAI,KAAK,UAAU,EAAE;QACvB,QAAQ,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;KACpC;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;AAaD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,UAAU,EACV,YAAY,GAAG,CAAC,EAChB,YAAY,GAAG,KAAK,EACpB,kBAAkB,GAAG,IAAI,EACzB,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,CAClB,kBAAkB,IAAI,KAAK,CAAC,UAAU,EAAE,cAAc,CAAC;QACzD,YAAY,EAAE,GAAG,EAAE,CAAC,kBAAkB,IAAI,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC;QACvE,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/ui/src/index.d.ts

@@ -0,0 +1,75 @@
+export * from '@faststore/components';
+export { default as Link } from './components/atoms/Link';
+export type { LinkProps } from './components/atoms/Link';
+export { default as Popover } from './components/atoms/Popover';
+export type { PopoverProps } from './components/atoms/Popover';
+export { default as Price } from './components/atoms/Price';
+export type { PriceProps } from './components/atoms/Price';
+export { default as TextArea } from './components/atoms/TextArea';
+export type { TextAreaProps } from './components/atoms/TextArea';
+export { default as Select } from './components/atoms/Select';
+export type { SelectProps } from './components/atoms/Select';
+export { default as Slider } from './components/atoms/Slider';
+export type { SliderProps } from './components/atoms/Slider';
+export { default as Skeleton } from './components/atoms/Skeleton';
+export type { SkeletonProps } from './components/atoms/Skeleton';
+export { default as Spinner } from './components/atoms/Spinner';
+export type { SpinnerProps } from './components/atoms/Spinner';
+export { default as Incentive } from './components/atoms/Incentive';
+export type { IncentiveProps } from './components/atoms/Incentive';
+export { default as SkuSelector } from './components/molecules/SkuSelector';
+export type { SkuSelectorProps } from './components/molecules/SkuSelector';
+export { default as Gift, GiftContent, GiftImage, } from './components/molecules/Gift';
+export type { GiftProps, GiftContentProps, GiftImageProps, } from './components/molecules/Gift';
+export { default as ProductTitle } from './components/molecules/ProductTitle';
+export type { ProductTitleProps } from './components/molecules/ProductTitle';
+export { default as OrderSummary } from './components/molecules/OrderSummary';
+export type { OrderSummaryProps } from './components/molecules/OrderSummary';
+export { default as AggregateRating } from './components/molecules/AggregateRating';
+export type { AggregateRatingProps } from './components/molecules/AggregateRating';
+export { default as ProductCard, ProductCardImage, ProductCardContent, ProductCardActions, } from './components/molecules/ProductCard';
+export type { ProductCardProps, ProductCardImageProps, ProductCardContentProps, ProductCardActionsProps, } from './components/molecules/ProductCard';
+export { default as Card, CardImage, CardContent, CardActions, } from './components/molecules/Card';
+export type { CardProps, CardImageProps, CardContentProps, CardActionsProps, } from './components/molecules/Card';
+export { default as CartItem, CartItemActions, CartItemContent, CartItemImage, CartItemPrices, CartItemSummary, CartItemTitle, } from './components/molecules/CartItem';
+export type { CartItemProps, CartItemActionsProps, CartItemContentProps, CartItemImageProps, CartItemPricesProps, CartItemSummaryProps, CartItemTitleProps, } from './components/molecules/CartItem';
+export { default as Bullets } from './components/molecules/Bullets';
+export type { BulletsProps } from './components/molecules/Bullets';
+export { default as SearchInput } from './components/molecules/SearchInput';
+export type { SearchInputProps, SearchInputRef, } from './components/molecules/SearchInput';
+export { default as Carousel } from './components/molecules/Carousel';
+export type { CarouselProps } from './components/molecules/Carousel';
+export { default as Modal } from './components/molecules/Modal';
+export type { ModalProps } from './components/molecules/Modal';
+export { default as Banner, BannerContent, BannerImage, BannerLink, } from './components/molecules/Banner';
+export type { BannerProps, BannerContentProps, BannerImageProps, BannerLinkProps, } from './components/molecules/Banner';
+export { default as PaymentMethods } from './components/molecules/PaymentMethods';
+export type { PaymentMethodsProps } from './components/molecules/PaymentMethods';
+export { default as Breadcrumb } from './components/molecules/Breadcrumb';
+export type { BreadcrumbProps } from './components/molecules/Breadcrumb';
+export { default as LoadingButton } from './components/molecules/LoadingButton';
+export type { LoadingButtonProps } from './components/molecules/LoadingButton';
+export { default as PriceRange } from './components/molecules/PriceRange';
+export type { PriceRangeProps } from './components/molecules/PriceRange';
+export { default as RadioGroup, RadioOption, } from './components/molecules/RadioGroup';
+export type { RadioGroupProps, RadioOptionProps, } from './components/molecules/RadioGroup';
+export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, } from './components/molecules/Accordion';
+export type { AccordionProps, AccordionItemProps, AccordionButtonProps, AccordionPanelProps, } from './components/molecules/Accordion';
+export { Table, TableBody, TableCell, TableFooter, TableHead, TableRow, } from './components/molecules/Table';
+export type { TableProps, TableBodyProps, TableCellProps, TableFooterProps, TableHeadProps, TableRowProps, } from './components/molecules/Table';
+export { default as Form } from './components/molecules/Form';
+export type { FormProps } from './components/molecules/Form';
+export { default as Alert } from './components/molecules/Alert';
+export type { AlertProps } from './components/molecules/Alert';
+export { default as QuantitySelector } from './components/molecules/QuantitySelector';
+export type { QuantitySelectorProps } from './components/molecules/QuantitySelector';
+export { default as Dropdown, DropdownButton, DropdownItem, DropdownMenu, } from './components/molecules/Dropdown';
+export type { DropdownProps, DropdownButtonProps, DropdownItemProps, DropdownMenuProps, } from './components/molecules/Dropdown';
+export { default as OutOfStock, OutOfStockTitle, OutOfStockMessage, } from './components/organisms/OutOfStock';
+export type { OutOfStockProps, OutOfStockMessageProps, OutOfStockTitleProps, } from './components/organisms/OutOfStock';
+export { Tiles, Tile } from './components/organisms/Tiles';
+export type { TilesProps, TileProps } from './components/organisms/Tiles';
+export { default as Hero, HeroHeading, HeroImage, } from './components/organisms/Hero';
+export type { HeroProps, HeroHeadingProps, HeroImageProps, } from './components/organisms/Hero';
+export { default as useSlider } from './hooks/useSlider';
+export type { UseSliderArgs, SliderState, SliderDispatch, SlideDirection, } from './hooks/useSlider';

package/dist/ui/src/index.js

@@ -0,0 +1,43 @@
+export * from '@faststore/components';
+// Atoms
+export { default as Link } from './components/atoms/Link';
+export { default as Popover } from './components/atoms/Popover';
+export { default as Price } from './components/atoms/Price';
+export { default as TextArea } from './components/atoms/TextArea';
+export { default as Select } from './components/atoms/Select';
+export { default as Slider } from './components/atoms/Slider';
+export { default as Skeleton } from './components/atoms/Skeleton';
+export { default as Spinner } from './components/atoms/Spinner';
+export { default as Incentive } from './components/atoms/Incentive';
+// Molecules
+export { default as SkuSelector } from './components/molecules/SkuSelector';
+export { default as Gift, GiftContent, GiftImage, } from './components/molecules/Gift';
+export { default as ProductTitle } from './components/molecules/ProductTitle';
+export { default as OrderSummary } from './components/molecules/OrderSummary';
+export { default as AggregateRating } from './components/molecules/AggregateRating';
+export { default as ProductCard, ProductCardImage, ProductCardContent, ProductCardActions, } from './components/molecules/ProductCard';
+export { default as Card, CardImage, CardContent, CardActions, } from './components/molecules/Card';
+export { default as CartItem, CartItemActions, CartItemContent, CartItemImage, CartItemPrices, CartItemSummary, CartItemTitle, } from './components/molecules/CartItem';
+export { default as Bullets } from './components/molecules/Bullets';
+export { default as SearchInput } from './components/molecules/SearchInput';
+export { default as Carousel } from './components/molecules/Carousel';
+export { default as Modal } from './components/molecules/Modal';
+export { default as Banner, BannerContent, BannerImage, BannerLink, } from './components/molecules/Banner';
+export { default as PaymentMethods } from './components/molecules/PaymentMethods';
+export { default as Breadcrumb } from './components/molecules/Breadcrumb';
+export { default as LoadingButton } from './components/molecules/LoadingButton';
+export { default as PriceRange } from './components/molecules/PriceRange';
+export { default as RadioGroup, RadioOption, } from './components/molecules/RadioGroup';
+export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, } from './components/molecules/Accordion';
+export { Table, TableBody, TableCell, TableFooter, TableHead, TableRow, } from './components/molecules/Table';
+export { default as Form } from './components/molecules/Form';
+export { default as Alert } from './components/molecules/Alert';
+export { default as QuantitySelector } from './components/molecules/QuantitySelector';
+export { default as Dropdown, DropdownButton, DropdownItem, DropdownMenu, } from './components/molecules/Dropdown';
+// Organisms
+export { default as OutOfStock, OutOfStockTitle, OutOfStockMessage, } from './components/organisms/OutOfStock';
+export { Tiles, Tile } from './components/organisms/Tiles';
+export { default as Hero, HeroHeading, HeroImage, } from './components/organisms/Hero';
+// Hooks
+export { default as useSlider } from './hooks/useSlider';
+//# sourceMappingURL=index.js.map

package/dist/ui/src/index.js.map

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

package/dist/ui/src/typings/PolymorphicGenerics.d.ts

@@ -0,0 +1,28 @@
+/**
+ * These were heavily inspired by "Forwarding refs for a polymorphic React
+ * component in TypeScript", written by Ben Ilegbodu.
+ *
+ * Article link: https://www.benmvp.com/blog/forwarding-refs-polymorphic-react-component-typescript/
+ */
+import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType } from 'react';
+declare type AsProp<C extends ElementType> = {
+    as?: C;
+};
+/**
+ * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
+ * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
+ * set of props.
+ */
+declare type ExtendableProps<ExtendedProps = Record<string, never>, OverrideProps = Record<string, never>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+/**
+ * Allows for inheriting the props from the specified element type so that
+ * props like children, className & style work, as well as element-specific
+ * attributes like aria roles. The component (`C`) must be passed in.
+ */
+declare type InheritableElementProps<C extends ElementType, Props = Record<string, never>> = ExtendableProps<ComponentPropsWithoutRef<C>, Props>;
+export declare type PolymorphicComponentProps<C extends ElementType, Props = Record<string, never>> = InheritableElementProps<C, Props & AsProp<C>>;
+export declare type PolymorphicComponentPropsWithRef<C extends ElementType, P = Record<string, never>> = PolymorphicComponentProps<C, P> & {
+    ref?: ComponentPropsWithRef<C>['ref'];
+};
+export declare type PolymorphicRef<C extends ElementType> = PolymorphicComponentPropsWithRef<C>['ref'];
+export {};

package/dist/ui/src/typings/PolymorphicGenerics.js

@@ -0,0 +1,8 @@
+/**
+ * These were heavily inspired by "Forwarding refs for a polymorphic React
+ * component in TypeScript", written by Ben Ilegbodu.
+ *
+ * Article link: https://www.benmvp.com/blog/forwarding-refs-polymorphic-react-component-typescript/
+ */
+export {};
+//# sourceMappingURL=PolymorphicGenerics.js.map

package/dist/ui/src/typings/PolymorphicGenerics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolymorphicGenerics.js","sourceRoot":"","sources":["../../../../src/typings/PolymorphicGenerics.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}

package/dist/ui/src/typings/index.d.ts

@@ -0,0 +1 @@
+export type { PolymorphicComponentProps, PolymorphicComponentPropsWithRef, PolymorphicRef, } from './PolymorphicGenerics';

package/dist/ui/src/typings/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/ui/src/typings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/typings/index.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/ui",
-  "version": "1.12.32",
+  "version": "1.12.33",
   "description": "A lightweight, framework agnostic component library for React",
   "author": "emersonlaurentino",
   "license": "MIT",
@@ -57,8 +57,8 @@
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@faststore/shared": "^1.12.32",
-    "@faststore/styles": "^1.12.32",
+    "@faststore/shared": "^1.12.20",
+    "@faststore/styles": "^1.12.23",
     "@size-limit/preset-small-lib": "^7.0.8",
     "@storybook/addon-actions": "^6.4.4",
     "@storybook/addon-docs": "^6.4.4",
@@ -84,6 +84,5 @@
     "storybook-addon-themes": "^6.1.0",
     "tsdx": "^0.14.1",
     "typescript": "^4.2.4"
-  },
-  "gitHead": "9deb68d7b10560726e2f50841d319590a7249392"
+  }
 }