@faststore/ui 2.2.0-alpha.4 → 2.2.0

package/dist/index.js

@@ -0,0 +1,7 @@
+export * from '@faststore/components';
+// Atoms
+export { default as TextArea } from './components/atoms/TextArea';
+export { default as Incentive } from './components/atoms/Incentive';
+// Organisms
+export { Tile, Tiles } from './components/organisms/Tiles';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AAErC,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGnE,YAAY;AACZ,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAA"}

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

@@ -0,0 +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;

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-fs-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,4CAEK,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

@@ -0,0 +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;

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"}

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

@@ -0,0 +1,37 @@
+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 declare type AccordionItemProps<C extends ElementType> = PolymorphicComponentPropsWithRef<C, Props>;
+declare type AccordionItemComponent = <C extends ElementType = 'div'>(props: AccordionItemProps<C>) => ReactElement | null;
+declare const AccordionItem: AccordionItemComponent;
+export declare function useAccordionItem(): AccordionItemContext;
+/**
+ * This is only being exported to make it easier to use in Storybook.
+ * **DON'T** import this directly to use this component, use the default export
+ * instead.
+ */
+export declare const StorybookAccordionItem: React.FC<Props>;
+export default AccordionItem;

package/dist/molecules/Accordion/AccordionItem.js

@@ -0,0 +1,28 @@
+import React, { useContext, forwardRef, createContext } from 'react';
+const AccordionItemContext = createContext(undefined);
+const AccordionItem = forwardRef(function AccordionItem({ testId = 'store-accordion-item', children, prefixId = '', index = 0, as: MaybeComponent, ...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, Object.assign({ ref: ref, "data-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;
+}
+/**
+ * This is only being exported to make it easier to use in Storybook.
+ * **DON'T** import this directly to use this component, use the default export
+ * instead.
+ */
+export const StorybookAccordionItem = AccordionItem;
+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;AAWpE,MAAM,oBAAoB,GAAG,aAAa,CACxC,SAAS,CACV,CAAA;AA4BD,MAAM,aAAa,GAA2B,UAAU,CACtD,SAAS,aAAa,CACpB,EACE,MAAM,GAAG,sBAAsB,EAC/B,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,CAAC,EACT,EAAE,EAAE,cAAc,EAClB,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,kBAAC,GAAG,EAAE,GAAG,8CAAmC,MAAM,IAAM,UAAU,GACzE,QAAQ,CACC,CACkB,CACjC,CAAA;AACH,CAAC,CACF,CAAA;AAED,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;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAA0B,CAAA;AAEhE,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 = 'store-accordion-panel', children, ...otherProps }, ref) {
+    const { indices } = useAccordion();
+    const { index, button, panel } = useAccordionItem();
+    return (React.createElement("div", Object.assign({ ref: ref, id: panel, "aria-labelledby": button, role: "region", "data-accordion-panel": true, "data-testid": testId, hidden: !indices.has(index) }, 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,uBAAuB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC7D,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,2CACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,qBACQ,MAAM,EACvB,IAAI,EAAC,QAAQ,+CAEA,MAAM,EACnB,MAAM,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IACvB,UAAU,GAEb,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/AggregateRating/AggregateRating.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { ListProps } from '../../atoms/List';
+export interface AggregateRatingProps extends ListProps<HTMLUListElement> {
+    /**
+     * The current value of the rating, based on the quantity of child elements.
+     */
+    value: number;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+export interface RatingItemProps {
+    'data-fs-aggregate-rating-item'?: 'full' | 'partial' | 'empty';
+    'data-testid'?: string;
+}
+declare const AggregateRating: React.ForwardRefExoticComponent<AggregateRatingProps & React.RefAttributes<HTMLUListElement>>;
+export default AggregateRating;

package/dist/molecules/AggregateRating/AggregateRating.js

@@ -0,0 +1,26 @@
+import React, { forwardRef } from 'react';
+import List from '../../atoms/List';
+const RatingItem = ({ children, ...otherProps }) => {
+    if (!React.isValidElement(children)) {
+        return React.createElement("li", Object.assign({}, otherProps), children);
+    }
+    return React.createElement("li", null, React.cloneElement(children, otherProps));
+};
+const AggregateRating = forwardRef(function AggregateRating({ children, testId = 'store-aggregate-rating', value, variant = 'unordered', ...otherProps }, ref) {
+    const fillCheck = (itemValue) => {
+        if (itemValue >= 1) {
+            return 'full';
+        }
+        if (0 < itemValue && itemValue < 1) {
+            return 'partial';
+        }
+        return 'empty';
+    };
+    return (React.createElement(List, Object.assign({ "data-fs-aggregate-rating": true, variant: variant, ref: ref, "data-testid": testId }, otherProps), React.Children.map(children, (child, index) => {
+        const currentItemNumber = index;
+        const fill = fillCheck(value - currentItemNumber);
+        return (React.createElement(RatingItem, { key: `aggregate-rating-${index}`, "data-fs-aggregate-rating-item": fill, "data-testid": `${testId}-item` }, child));
+    })));
+});
+export default AggregateRating;
+//# sourceMappingURL=AggregateRating.js.map

package/dist/molecules/AggregateRating/AggregateRating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AggregateRating.js","sourceRoot":"","sources":["../../../src/molecules/AggregateRating/AggregateRating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AAmBnC,MAAM,UAAU,GAA2C,CAAC,EAC1D,QAAQ,EACR,GAAG,UAAU,EACd,EAAE,EAAE;IACH,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;QACnC,OAAO,4CAAQ,UAAU,GAAG,QAAQ,CAAM,CAAA;KAC3C;IAED,OAAO,gCAAK,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAM,CAAA;AAC5D,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EACE,QAAQ,EACR,MAAM,GAAG,wBAAwB,EACjC,KAAK,EACL,OAAO,GAAG,WAAW,EACrB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,EAAE;QACtC,IAAI,SAAS,IAAI,CAAC,EAAE;YAClB,OAAO,MAAM,CAAA;SACd;QAED,IAAI,CAAC,GAAG,SAAS,IAAI,SAAS,GAAG,CAAC,EAAE;YAClC,OAAO,SAAS,CAAA;SACjB;QAED,OAAO,OAAO,CAAA;IAChB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,oDAEH,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,iBACK,MAAM,IACf,UAAU,GAEb,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAa,EAAE,EAAE;QACrD,MAAM,iBAAiB,GAAG,KAAK,CAAA;QAC/B,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,GAAG,iBAAiB,CAAC,CAAA;QAEjD,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,oBAAoB,KAAK,EAAE,mCACD,IAAI,iBACtB,GAAG,MAAM,OAAO,IAE5B,KAAK,CACK,CACd,CAAA;IACH,CAAC,CAAC,CACG,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

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

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

package/dist/molecules/AggregateRating/index.js

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

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

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

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

@@ -0,0 +1,11 @@
+import type { HTMLAttributes } from 'react';
+import React 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;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export default Alert;

package/dist/molecules/Alert/Alert.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const Alert = forwardRef(function Alert({ testId = 'store-alert', children, ...otherProps }, ref) {
+    return (React.createElement("div", Object.assign({ ref: ref, role: "alert", "data-fs-alert": true, "data-testid": testId }, otherProps), children));
+});
+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,MAAM,OAAO,CAAA;AAWzC,MAAM,KAAK,GAAG,UAAU,CAA6B,SAAS,KAAK,CACjE,EAAE,MAAM,GAAG,aAAa,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACnD,GAAG;IAEH,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,wCAEC,MAAM,IACf,UAAU,GAEb,QAAQ,CACL,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/Banner/Banner.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+declare type BannerDirectionVariant = 'vertical' | 'horizontal';
+export interface BannerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    children: React.ReactNode;
+    variant?: BannerDirectionVariant;
+}
+declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
+export default Banner;

package/dist/molecules/Banner/Banner.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const Banner = forwardRef(function Banner({ testId = 'store-banner', children, variant = 'vertical', ...otherProps }, ref) {
+    return (React.createElement("article", Object.assign({ ref: ref, "data-fs-banner": variant, "data-testid": testId }, otherProps), children));
+});
+export default Banner;
+//# sourceMappingURL=Banner.js.map

package/dist/molecules/Banner/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/molecules/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAczC,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CACpE,EAAE,MAAM,GAAG,cAAc,EAAE,QAAQ,EAAE,OAAO,GAAG,UAAU,EAAE,GAAG,UAAU,EAAE,EAC1E,GAAG;IAEH,OAAO,CACL,+CACE,GAAG,EAAE,GAAG,oBACQ,OAAO,iBACV,MAAM,IACf,UAAU,GAEb,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}

package/dist/molecules/Banner/BannerContent.d.ts

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

package/dist/molecules/Banner/BannerContent.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const BannerContent = forwardRef(function BannerContent({ testId = 'store-banner-content', children, ...otherProps }, ref) {
+    return (React.createElement("div", Object.assign({ ref: ref, "data-banner-content": true, "data-testid": testId }, otherProps), children));
+});
+export default BannerContent;
+//# sourceMappingURL=BannerContent.js.map

package/dist/molecules/Banner/BannerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerContent.js","sourceRoot":"","sources":["../../../src/molecules/Banner/BannerContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,aAAa,GAAG,UAAU,CAC9B,SAAS,aAAa,CACpB,EAAE,MAAM,GAAG,sBAAsB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC5D,GAAG;IAEH,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,8CAAmC,MAAM,IAAM,UAAU,GACnE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/molecules/Banner/BannerImage.d.ts

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

package/dist/molecules/Banner/BannerImage.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const BannerImage = forwardRef(function BannerImage({ testId = 'store-banner-image', children, ...otherProps }, ref) {
+    return (React.createElement("div", Object.assign({ ref: ref, "data-banner-image": true, "data-testid": testId }, otherProps), children));
+});
+export default BannerImage;
+//# sourceMappingURL=BannerImage.js.map

package/dist/molecules/Banner/BannerImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerImage.js","sourceRoot":"","sources":["../../../src/molecules/Banner/BannerImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EAAE,MAAM,GAAG,oBAAoB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC1D,GAAG;IAEH,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,4CAAiC,MAAM,IAAM,UAAU,GACjE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/molecules/Banner/BannerLink.d.ts

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

package/dist/molecules/Banner/BannerLink.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const BannerLink = forwardRef(function BannerLink({ testId = 'store-banner-link', children, ...otherProps }, ref) {
+    return (React.createElement("div", Object.assign({ ref: ref, "data-banner-link": true, "data-testid": testId }, otherProps), children));
+});
+export default BannerLink;
+//# sourceMappingURL=BannerLink.js.map

package/dist/molecules/Banner/BannerLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerLink.js","sourceRoot":"","sources":["../../../src/molecules/Banner/BannerLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EAAE,MAAM,GAAG,mBAAmB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACzD,GAAG;IAEH,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,2CAAgC,MAAM,IAAM,UAAU,GAChE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,8 @@
+export { default } from './Banner';
+export type { BannerProps } from './Banner';
+export { default as BannerImage } from './BannerImage';
+export type { BannerImageProps } from './BannerImage';
+export { default as BannerContent } from './BannerContent';
+export type { BannerContentProps } from './BannerContent';
+export { default as BannerLink } from './BannerLink';
+export type { BannerLinkProps } from './BannerLink';

package/dist/molecules/Banner/index.js

@@ -0,0 +1,5 @@
+export { default } from './Banner';
+export { default as BannerImage } from './BannerImage';
+export { default as BannerContent } from './BannerContent';
+export { default as BannerLink } from './BannerLink';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAGlC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAGtD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface BreadcrumbProps 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 Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLDivElement>>;
+export default Breadcrumb;

package/dist/molecules/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,38 @@
+import React, { forwardRef } from 'react';
+import List from '../../atoms/List';
+const Divider = ({ divider, testId }) => {
+    const props = {
+        'data-breadcrumb-divider': true,
+        'aria-hidden': true,
+        'data-testid': `${testId}-divider`,
+    };
+    if (React.isValidElement(divider)) {
+        return React.cloneElement(divider, props);
+    }
+    return React.createElement("span", Object.assign({}, props), divider ?? '/');
+};
+const ListItem = ({ children, isLastItem, divider, testId, }) => {
+    const props = {
+        'data-testid': `${testId}-item`,
+        'data-breadcrumb-item': isLastItem ? 'current' : true,
+        'aria-current': isLastItem ? 'page' : undefined,
+    };
+    if (!React.isValidElement(children)) {
+        return (React.createElement("li", { "data-breadcrumb-list-item": true },
+            React.createElement("span", Object.assign({}, props),
+                children,
+                isLastItem ? null : React.createElement(Divider, { divider: divider, testId: testId }))));
+    }
+    return (React.createElement("li", { "data-breadcrumb-list-item": true },
+        React.cloneElement(children, props),
+        isLastItem ? null : React.createElement(Divider, { divider: divider, testId: testId })));
+};
+const Breadcrumb = forwardRef(function Breadcrumb({ children, divider: rawDivider, testId = 'store-breadcrumb', ...otherProps }, ref) {
+    return (React.createElement("nav", Object.assign({ "aria-label": "Breadcrumb", role: "navigation", ref: ref, "data-fs-breadcrumb": true, "data-testid": testId }, otherProps),
+        React.createElement(List, { "data-breadcrumb-list": true, variant: "ordered" }, 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 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,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AAanC,MAAM,OAAO,GAAwB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3D,MAAM,KAAK,GAAG;QACZ,yBAAyB,EAAE,IAAI;QAC/B,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,8CAAU,KAAK,GAAG,OAAO,IAAI,GAAG,CAAQ,CAAA;AACjD,CAAC,CAAA;AASD,MAAM,QAAQ,GAAsB,CAAC,EACnC,QAAQ,EACR,UAAU,EACV,OAAO,EACP,MAAM,GACP,EAAE,EAAE;IACH,MAAM,KAAK,GAAG;QACZ,aAAa,EAAE,GAAG,MAAM,OAAO;QAC/B,sBAAsB,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QACrD,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,8CAAU,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,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,QAAQ,EACR,OAAO,EAAE,UAAU,EACnB,MAAM,GAAG,kBAAkB,EAC3B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,yDACa,YAAY,EACvB,IAAI,EAAC,YAAY,EACjB,GAAG,EAAE,GAAG,6CAEK,MAAM,IACf,UAAU;QAEd,oBAAC,IAAI,kCAAsB,OAAO,EAAC,SAAS,IACzC,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,UAAU,CAAA"}

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

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

package/dist/molecules/Breadcrumb/index.js

@@ -0,0 +1,2 @@
+export { default } 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,EAAE,MAAM,cAAc,CAAA"}

package/dist/molecules/Bullets/Bullets.d.ts

@@ -0,0 +1,35 @@
+import type { HTMLAttributes, MouseEvent } from 'react';
+import React from 'react';
+export interface BulletsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role'> {
+    /**
+     * Number of bullets that should be rendered.
+     */
+    totalQuantity: number;
+    /**
+     * The currently active bullet (zero-indexed).
+     */
+    activeBullet: number;
+    /**
+     * Event handler for clicks on each bullet. The handler will be called with
+     * the index of the bullet that received the click.
+     */
+    onClick: (e: MouseEvent, bulletIdx: number) => void;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Function that should be used to generate the aria-label attribute added
+     * to each bullet that is inactive. It receives the bullet index as an
+     * argument so that it can be interpolated in the generated string.
+     */
+    ariaLabelGenerator?: (index: number, isActive: boolean) => string;
+    /**
+     * Function that should be used to generate the aria-controls attribute added
+     * to each bullet. It receives the bullet index as argument and should return a string.
+     */
+    ariaControlsGenerator?: (index: number) => string;
+}
+declare const Bullets: React.ForwardRefExoticComponent<BulletsProps & React.RefAttributes<HTMLDivElement>>;
+export default Bullets;

package/dist/molecules/Bullets/Bullets.js

@@ -0,0 +1,12 @@
+import React, { forwardRef, useMemo } from 'react';
+import Button from '../../atoms/Button';
+const defaultAriaLabel = (idx, isActive) => isActive ? 'Current page' : `Go to page ${idx + 1}`;
+const Bullets = forwardRef(function Bullets({ totalQuantity, activeBullet, onClick, testId = 'store-bullets', ariaLabelGenerator = defaultAriaLabel, ariaControlsGenerator, ...otherProps }, ref) {
+    const bulletIndexes = useMemo(() => Array(totalQuantity).fill(0), [totalQuantity]);
+    return (React.createElement("div", Object.assign({ ref: ref, "data-fs-bullets": true, "data-testid": testId, role: "tablist" }, otherProps), bulletIndexes.map((_, idx) => {
+        const isActive = activeBullet === idx;
+        return (React.createElement(Button, { key: idx, role: "tab", tabIndex: -1, "data-fs-bullet": true, testId: `${testId}-bullet`, onClick: (e) => onClick(e, idx), "aria-label": ariaLabelGenerator(idx, isActive), "aria-controls": ariaControlsGenerator?.(idx), "aria-selected": isActive }));
+    })));
+});
+export default Bullets;
+//# sourceMappingURL=Bullets.js.map

package/dist/molecules/Bullets/Bullets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bullets.js","sourceRoot":"","sources":["../../../src/molecules/Bullets/Bullets.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAmCvC,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,QAAiB,EAAE,EAAE,CAC1D,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,GAAG,GAAG,CAAC,EAAE,CAAA;AAErD,MAAM,OAAO,GAAG,UAAU,CAA+B,SAAS,OAAO,CACvE,EACE,aAAa,EACb,YAAY,EACZ,OAAO,EACP,MAAM,GAAG,eAAe,EACxB,kBAAkB,GAAG,gBAAgB,EACrC,qBAAqB,EACrB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAClC,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,0CAEK,MAAM,EACnB,IAAI,EAAC,SAAS,IACV,UAAU,GAEb,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;QAC5B,MAAM,QAAQ,GAAG,YAAY,KAAK,GAAG,CAAA;QAErC,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,CAAC,CAAC,0BAEZ,MAAM,EAAE,GAAG,MAAM,SAAS,EAC1B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,gBACnB,kBAAkB,CAAC,GAAG,EAAE,QAAQ,CAAC,mBAC9B,qBAAqB,EAAE,CAAC,GAAG,CAAC,mBAC5B,QAAQ,GACvB,CACH,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,OAAO,CAAA"}

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

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

package/dist/molecules/Bullets/index.js

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

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

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