@faststore/components 3.0.24 → 3.0.32-alpha.0

package/dist/molecules/Accordion/AccordionButton.js

@@ -0,0 +1,37 @@
+import React, { forwardRef } from 'react';
+import { useAccordion } from './Accordion';
+import { useAccordionItem } from './AccordionItem';
+import { Button, Icon } from '../..';
+const AccordionButton = forwardRef(function AccordionButton({ testId = 'fs-accordion-button', expandedIcon = React.createElement(Icon, { name: "MinusCircle", "data-icon": "expanded" }), collapsedIcon = React.createElement(Icon, { name: "PlusCircle", "data-icon": "collapsed" }), 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, { ref: ref, id: button, variant: "tertiary", "data-fs-accordion-button": true, "aria-expanded": indices.has(index), icon: indices.has(index) ? expandedIcon : collapsedIcon, iconPosition: "right", "aria-controls": panel, onKeyDown: onKeyDown, onClick: () => {
+            onChange(index);
+        }, "data-testid": testId, ...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,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAGlD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAiBpC,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EACE,MAAM,GAAG,qBAAqB,EAC9B,YAAY,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,eAAW,UAAU,GAAG,EAC/D,aAAa,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,eAAW,WAAW,GAAG,EAChE,QAAQ,EACR,GAAG,UAAU,EACd,EACD,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,IACL,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EAAC,UAAU,qDAEH,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EACjC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EACvD,YAAY,EAAC,OAAO,mBACL,KAAK,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,iBACY,MAAM,KACf,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { ElementType, HTMLAttributes, ReactElement } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../typings';
+interface AccordionItemContext {
+    index: number;
+    panel: string;
+    button: string;
+    prefixId: string;
+}
+declare const AccordionItemContext: React.Context<AccordionItemContext | undefined>;
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Index of the current accordion item within the accordion.
+     */
+    index?: number;
+    /**
+     * Namespace ID prefix for the current Accordion item's panel and button
+     * to avoid ID duplication when multiple instances are on the same page.
+     */
+    prefixId?: string;
+}
+export type AccordionItemProps<C extends ElementType> = PolymorphicComponentPropsWithRef<C, Props>;
+type AccordionItemComponent = <C extends ElementType = 'div'>(props: AccordionItemProps<C>) => ReactElement | null;
+declare const AccordionItem: AccordionItemComponent;
+export declare function useAccordionItem(): AccordionItemContext;
+export default AccordionItem;

package/dist/molecules/Accordion/AccordionItem.js

@@ -0,0 +1,22 @@
+import React, { useContext, forwardRef, createContext } from 'react';
+const AccordionItemContext = createContext(undefined);
+const AccordionItem = forwardRef(function AccordionItem({ prefixId = '', index = 0, as: MaybeComponent, children, testId = 'fs-accordion-item', ...otherProps }, ref) {
+    const Component = MaybeComponent ?? 'div';
+    const context = {
+        index,
+        prefixId,
+        panel: `${prefixId && `${prefixId}-`}panel--${index}`,
+        button: `${prefixId && `${prefixId}-`}button--${index}`,
+    };
+    return (React.createElement(AccordionItemContext.Provider, { value: context },
+        React.createElement(Component, { ref: ref, "data-fs-accordion-item": true, "data-testid": testId, ...otherProps }, children)));
+});
+export function useAccordionItem() {
+    const context = useContext(AccordionItemContext);
+    if (context === undefined) {
+        throw new Error('Do not use AccordionItem components outside the AccordionItem context.');
+    }
+    return context;
+}
+export default AccordionItem;
+//# sourceMappingURL=AccordionItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../src/molecules/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAcpE,MAAM,oBAAoB,GAAG,aAAa,CACxC,SAAS,CACV,CAAA;AA0BD,MAAM,aAAa,GAA2B,UAAU,CAAC,SAAS,aAAa,CAG7E,EACE,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,CAAC,EACT,EAAE,EAAE,cAAc,EAClB,QAAQ,EACR,MAAM,GAAG,mBAAmB,EAC5B,GAAG,UAAU,EACS,EACxB,GAAsB;IAEtB,MAAM,SAAS,GAAG,cAAc,IAAI,KAAK,CAAA;IAEzC,MAAM,OAAO,GAAG;QACd,KAAK;QACL,QAAQ;QACR,KAAK,EAAE,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,UAAU,KAAK,EAAE;QACrD,MAAM,EAAE,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,KAAK,EAAE;KACxD,CAAA;IAED,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QAC3C,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,iDAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACC,CACkB,CACjC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,UAAU,gBAAgB;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAEhD,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CACb,wEAAwE,CACzE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,eAAe,aAAa,CAAA"}

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

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

package/dist/molecules/Accordion/AccordionPanel.js

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import { useAccordion } from './Accordion';
+import { useAccordionItem } from './AccordionItem';
+const AccordionPanel = forwardRef(function AccordionPanel({ testId = 'fs-accordion-panel', children, ...otherProps }, ref) {
+    const { indices } = useAccordion();
+    const { index, button, panel } = useAccordionItem();
+    return (React.createElement("div", { ref: ref, id: panel, "data-fs-accordion-panel": true, "aria-labelledby": button, role: "region", hidden: !indices.has(index), "data-testid": testId, ...otherProps }, children));
+});
+export default AccordionPanel;
+//# sourceMappingURL=AccordionPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionPanel.js","sourceRoot":"","sources":["../../../src/molecules/Accordion/AccordionPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAUlD,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EAAE,MAAM,GAAG,oBAAoB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC1D,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,GAAG,YAAY,EAAE,CAAA;IAClC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAEnD,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,sDAEQ,MAAM,EACvB,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,iBACd,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}

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

@@ -0,0 +1,8 @@
+export { default } from './Accordion';
+export type { AccordionProps } from './Accordion';
+export { default as AccordionItem } from './AccordionItem';
+export type { AccordionItemProps } from './AccordionItem';
+export { default as AccordionButton } from './AccordionButton';
+export type { AccordionButtonProps } from './AccordionButton';
+export { default as AccordionPanel } from './AccordionPanel';
+export type { AccordionPanelProps } from './AccordionPanel';

package/dist/molecules/Accordion/index.js

@@ -0,0 +1,5 @@
+export { default } from './Accordion';
+export { default as AccordionItem } from './AccordionItem';
+export { default as AccordionButton } from './AccordionButton';
+export { default as AccordionPanel } from './AccordionPanel';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAGrC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/molecules/Alert/Alert.d.ts

@@ -0,0 +1,29 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+import { LinkProps } from '../../';
+import type { MouseEvent, ReactNode } from 'react';
+export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Icon component for additional customization.
+     */
+    icon?: ReactNode;
+    /**
+     * Enables dismissible feature.
+     */
+    dismissible?: boolean;
+    /**
+     * Extends all Link Props.
+     */
+    link?: LinkProps;
+    /**
+     * Function called when dismiss button is clicked.
+     */
+    onClose?: (event: MouseEvent<HTMLElement>) => void;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export default Alert;

package/dist/molecules/Alert/Alert.js

@@ -0,0 +1,17 @@
+import React, { forwardRef, useCallback } from 'react';
+import { Icon, IconButton, Link } from '../../';
+const Alert = forwardRef(function Alert({ testId = 'fs-alert', children, icon, dismissible, link, onClose, ...otherProps }, ref) {
+    const handleClose = useCallback((event) => {
+        if (event.defaultPrevented) {
+            return;
+        }
+        onClose?.(event);
+    }, [onClose]);
+    return (React.createElement("div", { ref: ref, role: "alert", "data-fs-alert": true, "data-fs-alert-dismissible": dismissible, "data-fs-content": "alert", "data-testid": testId, ...otherProps },
+        !!icon && icon,
+        React.createElement("p", { "data-fs-alert-content": true }, children),
+        link && React.createElement(Link, { "data-fs-alert-link": true, variant: "inline", ...link }),
+        dismissible && (React.createElement(IconButton, { "data-fs-alert-button": true, size: "small", "aria-label": "Close", icon: React.createElement(Icon, { name: "X" }), onClick: handleClose }))));
+});
+export default Alert;
+//# sourceMappingURL=Alert.js.map

package/dist/molecules/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/molecules/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AA6B1D,MAAM,KAAK,GAAG,UAAU,CAA6B,SAAS,KAAK,CACjE,EACE,MAAM,GAAG,UAAU,EACnB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,OAAO,EACP,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA8B,EAAE,EAAE;QACjC,IAAI,KAAK,CAAC,gBAAgB,EAAE;YAC1B,OAAM;SACP;QAED,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IACD,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,sDAEe,WAAW,qBACtB,OAAO,iBACV,MAAM,KACf,UAAU;QAEb,CAAC,CAAC,IAAI,IAAI,IAAI;QAEf,4DAA0B,QAAQ,CAAK;QAEtC,IAAI,IAAI,oBAAC,IAAI,gCAAoB,OAAO,EAAC,QAAQ,KAAK,IAAI,GAAI;QAE9D,WAAW,IAAI,CACd,oBAAC,UAAU,kCAET,IAAI,EAAC,OAAO,gBACD,OAAO,EAClB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,EACvB,OAAO,EAAE,WAAW,GACpB,CACH,CACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/molecules/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Alert';
+export type { AlertProps } from './Alert';

package/dist/molecules/Alert/index.js

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

package/dist/molecules/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}

package/dist/molecules/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { BreadcrumbBaseProps } from './BreadcrumbBase';
+export interface BreadcrumbProps extends Omit<BreadcrumbBaseProps, 'isDesktop'> {
+}
+declare const Breadcrumb: ({ breadcrumbList, ...otherProps }: BreadcrumbProps) => React.JSX.Element;
+export default Breadcrumb;

package/dist/molecules/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import BreadcrumbBase from './BreadcrumbBase';
+const Breadcrumb = ({ breadcrumbList, ...otherProps }) => (React.createElement(React.Fragment, null,
+    React.createElement(BreadcrumbBase, { breadcrumbList: breadcrumbList, ...otherProps }),
+    React.createElement(BreadcrumbBase, { breadcrumbList: breadcrumbList, isDesktop: true, ...otherProps })));
+export default Breadcrumb;
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/molecules/Breadcrumb/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,cAAuC,MAAM,kBAAkB,CAAA;AAKtE,MAAM,UAAU,GAAG,CAAC,EAAE,cAAc,EAAE,GAAG,UAAU,EAAmB,EAAE,EAAE,CAAC,CACzE;IACE,oBAAC,cAAc,IAAC,cAAc,EAAE,cAAc,KAAM,UAAU,GAAI;IAClE,oBAAC,cAAc,IAAC,cAAc,EAAE,cAAc,EAAE,SAAS,WAAK,UAAU,GAAI,CAC3E,CACJ,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/molecules/Breadcrumb/BreadcrumbBase.d.ts

@@ -0,0 +1,47 @@
+import React, { ReactElement, ReactNode } from 'react';
+import { BreadcrumbPureProps } from './BreadcrumbPure';
+type ItemElement = {
+    item: string;
+    name: string;
+    position: number;
+};
+type RenderLinkProps = {
+    /**
+     * Item prop for specific item.
+     */
+    itemProps: ItemElement;
+    /**
+     * Represents if the item is collapsed or not.
+     */
+    collapsed: boolean;
+};
+export interface BreadcrumbBaseProps extends BreadcrumbPureProps {
+    /**
+     * Array of ItemElement that represents each breadcrumb item.
+     */
+    breadcrumbList: ItemElement[];
+    /**
+     * Represents if is Desktop os mobile.
+     */
+    isDesktop?: boolean;
+    /**
+     * Link go to home.
+     */
+    homeLink?: ReactElement;
+    /**
+     * Icon for dropdown button.
+     */
+    dropdownButtonIcon?: ReactNode;
+    /**
+     * Icon for collapsed items.
+     */
+    collapsedItemsIcon?: ReactNode;
+    /**
+     * Function to render a item as breadcrumb link.
+     * @param renderLinkProps Properties for each item to be rendered.
+     * @returns Link to be rendered.
+     */
+    renderLink?: (renderLinkProps: RenderLinkProps) => ReactElement;
+}
+declare const BreadcrumbBase: React.ForwardRefExoticComponent<BreadcrumbBaseProps & React.RefAttributes<HTMLDivElement>>;
+export default BreadcrumbBase;

package/dist/molecules/Breadcrumb/BreadcrumbBase.js

@@ -0,0 +1,45 @@
+import React, { cloneElement, forwardRef, useCallback, } from 'react';
+import Icon from '../../atoms/Icon';
+import Link from '../../atoms/Link';
+import Dropdown, { DropdownButton, DropdownItem, DropdownMenu, } from '../Dropdown';
+import BreadcrumbPure from './BreadcrumbPure';
+const BreadcrumbBase = forwardRef(function BreadcrumbBase({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', breadcrumbList, isDesktop = false, renderLink, homeLink, dropdownButtonIcon = React.createElement(Icon, { name: "DotsThree" }), collapsedItemsIcon = (React.createElement(Icon, { "data-fs-dropdown-item-icon": true, name: "ArrowElbowDownRight" })), ...otherProps }, ref) {
+    const firstItem = isDesktop ? breadcrumbList[0] : null;
+    const mediumItems = isDesktop
+        ? breadcrumbList.slice(1, -2)
+        : breadcrumbList.slice(0, -2);
+    const lastItems = breadcrumbList.slice(-2);
+    const collapseBreadcrumb = breadcrumbList.length > 4;
+    const breadcrumbLink = useCallback((renderLinkProps) => {
+        const breadcrumbItem = renderLink?.(renderLinkProps);
+        const itemProps = renderLinkProps.collapsed
+            ? {
+                'data-fs-breadcrumb-dropdown-link': true,
+            }
+            : {
+                'data-fs-breadcrumb-link': true,
+            };
+        return breadcrumbItem ? (cloneElement(breadcrumbItem, {
+            ...itemProps,
+            key: renderLinkProps.itemProps.position,
+        })) : (React.createElement(Link, { ...itemProps, href: renderLinkProps.itemProps.item, key: renderLinkProps.itemProps.position }, renderLinkProps.itemProps.name));
+    }, [renderLink]);
+    return (React.createElement(BreadcrumbPure, { ref: ref, "data-fs-breadcrumb-is-desktop": isDesktop, ...otherProps },
+        homeLink,
+        !collapseBreadcrumb &&
+            breadcrumbList.map((item, index) => {
+                return breadcrumbList.length === index + 1 ? (React.createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
+            }),
+        collapseBreadcrumb &&
+            firstItem &&
+            breadcrumbLink({ itemProps: firstItem, collapsed: false }),
+        collapseBreadcrumb && (React.createElement(Dropdown, null,
+            React.createElement(DropdownButton, { "aria-label": "View More", "data-fs-breadcrumb-dropdown-button": true, size: "small" }, dropdownButtonIcon),
+            React.createElement(DropdownMenu, { "data-fs-breadcrumb-dropdown-menu": true }, mediumItems.map((item) => (React.createElement(DropdownItem, { "data-fs-breadcrumb-dropdown-item": true, key: String(item.position), icon: collapsedItemsIcon }, breadcrumbLink({ itemProps: item, collapsed: true }))))))),
+        collapseBreadcrumb &&
+            lastItems.map((item, index) => {
+                return lastItems.length === index + 1 ? (React.createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
+            })));
+});
+export default BreadcrumbBase;
+//# sourceMappingURL=BreadcrumbBase.js.map

package/dist/molecules/Breadcrumb/BreadcrumbBase.js.map

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

package/dist/molecules/Breadcrumb/BreadcrumbPure.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import React from 'react';
+export interface BreadcrumbPureProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A ReactNode that will be rendered as the Divider icon.
+     */
+    divider?: ReactNode;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const BreadcrumbPure: React.ForwardRefExoticComponent<BreadcrumbPureProps & React.RefAttributes<HTMLDivElement>>;
+export default BreadcrumbPure;

package/dist/molecules/Breadcrumb/BreadcrumbPure.js

@@ -0,0 +1,12 @@
+import React, { forwardRef } from 'react';
+import List from '../../atoms/List';
+import ListItem from './ListItem';
+const BreadcrumbPure = forwardRef(function BreadcrumbPure({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', ...otherProps }, ref) {
+    return (React.createElement("nav", { "aria-label": "Breadcrumb", role: "navigation", ref: ref, "data-fs-breadcrumb": true, "data-testid": testId, ...otherProps },
+        React.createElement(List, { as: "ol", "data-fs-breadcrumb-list": true, "data-fs-content": "breadcrumb" }, React.Children.toArray(children).map((child, index, childrenArray) => {
+            const isLastItem = index === childrenArray.length - 1;
+            return (React.createElement(ListItem, { isLastItem: isLastItem, divider: rawDivider, key: `breadcrumb-${index}`, testId: testId }, child));
+        }))));
+});
+export default BreadcrumbPure;
+//# sourceMappingURL=BreadcrumbPure.js.map

package/dist/molecules/Breadcrumb/BreadcrumbPure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbPure.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/BreadcrumbPure.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAajC,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EACE,QAAQ,EACR,OAAO,EAAE,UAAU,GAAG,EAAE,EACxB,MAAM,GAAG,eAAe,EACxB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,2CACa,YAAY,EACvB,IAAI,EAAC,YAAY,EACjB,GAAG,EAAE,GAAG,6CAEK,MAAM,KACf,UAAU;QAEd,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,sDAAyC,YAAY,IAC/D,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CACnC,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE;YAC9B,MAAM,UAAU,GAAG,KAAK,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAA;YAErD,OAAO,CACL,oBAAC,QAAQ,IACP,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,UAAU,EACnB,GAAG,EAAE,cAAc,KAAK,EAAE,EAC1B,MAAM,EAAE,MAAM,IAEb,KAAK,CACG,CACZ,CAAA;QACH,CAAC,CACF,CACI,CACH,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/molecules/Breadcrumb/Divider.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { BreadcrumbBaseProps } from "./BreadcrumbBase";
+declare const Divider: ({ divider, testId }: Omit<BreadcrumbBaseProps, "breadcrumbList">) => React.JSX.Element;
+export default Divider;

package/dist/molecules/Breadcrumb/Divider.js

@@ -0,0 +1,14 @@
+import React from "react";
+const Divider = ({ divider, testId }) => {
+    const props = {
+        'data-fs-breadcrumb-divider': true,
+        'aria-hidden': true,
+        'data-testid': `${testId}-divider`,
+    };
+    if (React.isValidElement(divider)) {
+        return React.cloneElement(divider, props);
+    }
+    return React.createElement("span", { ...props }, divider ?? '/');
+};
+export default Divider;
+//# sourceMappingURL=Divider.js.map

package/dist/molecules/Breadcrumb/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAA+C,EAAE,EAAE;IACjF,MAAM,KAAK,GAAG;QACZ,4BAA4B,EAAE,IAAI;QAClC,aAAa,EAAE,IAAI;QACnB,aAAa,EAAE,GAAG,MAAM,UAAU;KACnC,CAAA;IAED,IAAI,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QACjC,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;KAC1C;IAED,OAAO,iCAAU,KAAK,IAAG,OAAO,IAAI,GAAG,CAAQ,CAAA;AACnD,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/molecules/Breadcrumb/ListItem.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+import { BreadcrumbBaseProps } from './BreadcrumbBase';
+type ListItemProps = {
+    children: ReactNode;
+    isLastItem: boolean;
+    divider: BreadcrumbBaseProps['divider'];
+    testId: string;
+};
+declare const ListItem: ({ children, isLastItem, divider, testId }: ListItemProps) => React.JSX.Element;
+export default ListItem;

package/dist/molecules/Breadcrumb/ListItem.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import Divider from './Divider';
+const ListItem = ({ children, isLastItem, divider, testId }) => {
+    const props = {
+        'data-testid': `${testId}-item`,
+        'data-fs-breadcrumb-item': isLastItem ? 'current' : true,
+        'aria-current': isLastItem ? 'page' : undefined,
+    };
+    if (!React.isValidElement(children)) {
+        return (React.createElement("li", { "data-fs-breadcrumb-list-item": true },
+            React.createElement("span", { ...props },
+                children,
+                isLastItem ? null : React.createElement(Divider, { divider: divider, testId: testId }))));
+    }
+    return (React.createElement("li", { "data-fs-breadcrumb-list-item": true },
+        React.cloneElement(children, props),
+        isLastItem ? null : React.createElement(Divider, { divider: divider, testId: testId })));
+};
+export default ListItem;
+//# sourceMappingURL=ListItem.js.map

package/dist/molecules/Breadcrumb/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,OAAO,MAAM,WAAW,CAAA;AAS/B,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAiB,EAAE,EAAE;IAC5E,MAAM,KAAK,GAAG;QACZ,aAAa,EAAE,GAAG,MAAM,OAAO;QAC/B,yBAAyB,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QACxD,cAAc,EAAE,UAAU,CAAC,CAAC,CAAE,MAAgB,CAAC,CAAC,CAAC,SAAS;KAC3D,CAAA;IAED,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;QACnC,OAAO,CACL;YACE,iCAAU,KAAK;gBACZ,QAAQ;gBACR,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,CAC7D,CACJ,CACN,CAAA;KACF;IAED,OAAO,CACL;QACG,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC;QACnC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,CAC/D,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/molecules/Breadcrumb/index.d.ts

@@ -0,0 +1,4 @@
+export { default as BreadcrumbPure } from './BreadcrumbPure';
+export type { BreadcrumbPureProps } from './BreadcrumbPure';
+export { default as Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbProps } from './Breadcrumb';

package/dist/molecules/Breadcrumb/index.js

@@ -0,0 +1,3 @@
+export { default as BreadcrumbPure } from './BreadcrumbPure';
+export { default as Breadcrumb } from './Breadcrumb';
+//# sourceMappingURL=index.js.map

package/dist/molecules/Breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAE5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/molecules/BuyButton/BuyButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ButtonProps } from '../../';
+type BuyButtonProps = ButtonProps;
+declare function BuyButton({ testId, icon, children, ...otherProps }: BuyButtonProps): React.JSX.Element;
+export default BuyButton;

package/dist/molecules/BuyButton/BuyButton.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Button } from '../../';
+function BuyButton({ testId = 'fs-buy-button', icon, children, ...otherProps }) {
+    return (React.createElement(Button, { "data-fs-buy-button": true, icon: icon, iconPosition: "left", "data-testid": testId, ...otherProps }, children));
+}
+export default BuyButton;
+//# sourceMappingURL=BuyButton.js.map

package/dist/molecules/BuyButton/BuyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuyButton.js","sourceRoot":"","sources":["../../../src/molecules/BuyButton/BuyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAK/B,SAAS,SAAS,CAAC,EACjB,MAAM,GAAG,eAAe,EACxB,IAAI,EACJ,QAAQ,EACR,GAAG,UAAU,EACE;IACf,OAAO,CACL,oBAAC,MAAM,gCAEL,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,MAAM,iBACN,MAAM,KACf,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC;AAED,eAAe,SAAS,CAAA"}

package/dist/molecules/BuyButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './BuyButton';

package/dist/molecules/BuyButton/index.js

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

package/dist/molecules/BuyButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/BuyButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA"}

package/dist/molecules/Carousel/Carousel.d.ts

@@ -0,0 +1,60 @@
+import type { PropsWithChildren, ReactNode, AriaAttributes } from 'react';
+import React from 'react';
+import type { SwipeableProps } from 'react-swipeable';
+export interface CarouselProps extends SwipeableProps {
+    /**
+     * ID of the current instance of the component.
+     */
+    id?: string;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Returns the value of element's class content attribute.
+     */
+    className?: string;
+    /**
+     * Defines a string value that labels the current element when
+     * title is not used.
+     */
+    'aria-label'?: AriaAttributes['aria-label'];
+    /**
+     * Whether or not the Carousel is infinite slide/scroll. Only for the `slide` variant.
+     * @default true
+     */
+    infiniteMode?: boolean;
+    /**
+     * Specifies which navigation elements should be visible.
+     * @default complete
+     */
+    controls?: 'complete' | 'navigationArrows' | 'paginationBullets';
+    /**
+     * Specifies the slide transition. Only for the `slide` variant
+     */
+    transition?: {
+        duration: number;
+        property: string;
+        delay?: number;
+        timing?: string;
+    };
+    /**
+     * Specifies the number of items per page.
+     * @default 1
+     */
+    itemsPerPage?: number;
+    /**
+     * Specifies the Carousel track variant.
+     * @default slide
+     */
+    variant?: 'slide' | 'scroll';
+    /**
+     * Specifies the navigation icons.
+     */
+    navigationIcons?: {
+        left?: ReactNode;
+        right?: ReactNode;
+    };
+}
+declare function Carousel({ children, className, 'aria-label': ariaLabel, infiniteMode, controls, testId, transition, id, variant, itemsPerPage, navigationIcons, ...swipeableConfigOverrides }: PropsWithChildren<CarouselProps>): React.JSX.Element;
+export default Carousel;