@faststore/components 2.2.0-alpha.4 → 2.2.0

package/dist/organisms/ImageGallery/ImageGallery.js

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import { ImageGallerySelector } from '../..';
+const ImageGallery = forwardRef(function ImageGallery({ images, children, ImageComponent, selectedImageIdx, setSelectedImageIdx, testId = 'fs-image-gallery', ...otherProps }, ref) {
+    const hasSelector = images.length > 1;
+    return (React.createElement("section", { ref: ref, "data-fs-image-gallery": hasSelector ? 'with-selector' : 'without-selector', "data-testid": testId, ...otherProps },
+        children,
+        hasSelector && (React.createElement(ImageGallerySelector, { images: images, onSelect: setSelectedImageIdx, currentImageIdx: selectedImageIdx, ImageComponent: ImageComponent }))));
+});
+export default ImageGallery;
+//# sourceMappingURL=ImageGallery.js.map

package/dist/organisms/ImageGallery/ImageGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGallery.js","sourceRoot":"","sources":["../../../src/organisms/ImageGallery/ImageGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AA2C5C,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,YAAY,CACnB,EACE,MAAM,EACN,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,MAAM,GAAG,kBAAkB,EAC3B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAA;IAErC,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,2BAEN,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB,iBAEvC,MAAM,KACf,UAAU;QAEb,QAAQ;QACR,WAAW,IAAI,CACd,oBAAC,oBAAoB,IACnB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,mBAAmB,EAC7B,eAAe,EAAE,gBAAgB,EACjC,cAAc,EAAE,cAAc,GAC9B,CACH,CACO,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/organisms/ImageGallery/ImageGallerySelector.d.ts

@@ -0,0 +1,31 @@
+import type { AriaAttributes } from 'react';
+import type { ImageGalleryProps } from '.';
+export interface ImageGallerySelectorProps extends Pick<ImageGalleryProps, 'images' | 'ImageComponent'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * The currently active thumbnail.
+     */
+    currentImageIdx: number;
+    /**
+     * For accessibility purposes, define a string that labels the current element.
+     */
+    'aria-label'?: AriaAttributes['aria-label'];
+    /**
+     * For accessibility purposes, define a string that labels the left navigation icon button.
+     */
+    navigationButtonLeftAriaLabel?: AriaAttributes['aria-label'];
+    /**
+     * For accessibility purposes, define a string that labels the right navigation button icon.
+     */
+    navigationButtonRightAriaLabel?: AriaAttributes['aria-label'];
+    /**
+     * Event handler for clicks on each thumbnail.
+     */
+    onSelect: (imageIdx: number) => void;
+}
+declare function ImageGallerySelector({ images, onSelect, ImageComponent, currentImageIdx, testId, 'aria-label': ariaLabel, navigationButtonLeftAriaLabel, navigationButtonRightAriaLabel, }: ImageGallerySelectorProps): JSX.Element;
+export default ImageGallerySelector;

package/dist/organisms/ImageGallery/ImageGallerySelector.js

@@ -0,0 +1,46 @@
+import React, { useRef, useState, useCallback } from 'react';
+import { InView } from 'react-intersection-observer';
+import { Button, Icon, IconButton } from '../..';
+const SCROLL_MARGIN_VALUE = 400;
+const moveScroll = (container, value) => {
+    if (container) {
+        if (container.scrollHeight > container.clientHeight) {
+            // TODO: Temporary workaround for scroll-behavior with scrollTop – Safari 15.4) https://developer.apple.com/forums/thread/703294
+            container.style.overflow = 'auto';
+            window.requestAnimationFrame(() => container.scrollTo({ top: value, behavior: 'smooth' }));
+            setTimeout(() => (container.style.overflow = 'hidden'), 2000);
+        }
+        else {
+            container.scrollLeft += value;
+        }
+    }
+};
+const hasScroll = (container) => {
+    if (container) {
+        return (container.scrollHeight > container.clientHeight ||
+            container.scrollWidth > container.clientWidth);
+    }
+    return false;
+};
+function ImageGallerySelector({ images, onSelect, ImageComponent, currentImageIdx, testId = 'fs-image-gallery-selector', 'aria-label': ariaLabel = 'Product Images', navigationButtonLeftAriaLabel = 'Backward slide image selector', navigationButtonRightAriaLabel = 'Forward slide image selector', }) {
+    const elementsRef = useRef(null);
+    const elementHasScroll = hasScroll(elementsRef.current);
+    const [firstImageInView, setFirstImageInView] = useState(true);
+    const [lastImageInView, setLastImageInView] = useState(true);
+    const inViewChange = useCallback((idx, inView) => {
+        idx === 0 && setFirstImageInView(inView);
+        idx === images.length - 1 && setLastImageInView(inView);
+    }, [images.length]);
+    return (React.createElement("section", { "data-fs-image-gallery-selector": true, "data-testid": testId, "aria-label": ariaLabel },
+        elementHasScroll && !firstImageInView && (React.createElement("div", { "data-fs-image-gallery-selector-control": true },
+            React.createElement(IconButton, { "data-fs-image-gallery-selector-control-button": true, "aria-label": navigationButtonLeftAriaLabel, icon: React.createElement(Icon, { name: "ArrowLeft" }), onClick: () => moveScroll(elementsRef.current, -SCROLL_MARGIN_VALUE) }))),
+        React.createElement("div", { "data-fs-image-gallery-selector-elements": true, ref: elementsRef }, images.map((image, idx) => {
+            return (React.createElement(InView, { key: idx, onChange: (inView) => inViewChange(idx, inView) },
+                React.createElement(Button, { key: idx, "aria-label": `${image.alternateName} - Image ${idx + 1} of ${images.length}`, onClick: () => onSelect(idx), "data-fs-image-gallery-selector-thumbnail": idx === currentImageIdx ? 'selected' : 'true' },
+                    React.createElement(ImageComponent, { url: image.url ?? '', loading: idx === 0 ? 'eager' : 'lazy', alternateName: image.alternateName ?? '' }))));
+        })),
+        elementHasScroll && !lastImageInView && (React.createElement("div", { "data-fs-image-gallery-selector-control": true },
+            React.createElement(IconButton, { "data-fs-image-gallery-selector-control-button": true, "aria-label": navigationButtonRightAriaLabel, icon: React.createElement(Icon, { name: "ArrowLeft" }), onClick: () => moveScroll(elementsRef.current, +SCROLL_MARGIN_VALUE) })))));
+}
+export default ImageGallerySelector;
+//# sourceMappingURL=ImageGallerySelector.js.map

package/dist/organisms/ImageGallery/ImageGallerySelector.js.map

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

package/dist/organisms/ImageGallery/ImageZoom.d.ts

@@ -0,0 +1,7 @@
+import type { PropsWithChildren } from 'react';
+export interface ImageZoomProps {
+    helpMessage?: string;
+    zoomFactor?: number;
+}
+declare const ImageZoom: ({ children }: PropsWithChildren<ImageZoomProps>) => JSX.Element;
+export default ImageZoom;

package/dist/organisms/ImageGallery/ImageZoom.js

@@ -0,0 +1,6 @@
+import React from 'react';
+const ImageZoom = ({ children }) => {
+    return React.createElement(React.Fragment, null, children);
+};
+export default ImageZoom;
+//# sourceMappingURL=ImageZoom.js.map

package/dist/organisms/ImageGallery/ImageZoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageZoom.js","sourceRoot":"","sources":["../../../src/organisms/ImageGallery/ImageZoom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAqC,EAAE,EAAE;IACpE,OAAO,0CAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/organisms/ImageGallery/index.d.ts

@@ -0,0 +1,6 @@
+export { default } from './ImageGallery';
+export type { ImageGalleryProps, ImageElementData } from './ImageGallery';
+export { default as ImageGallerySelector } from './ImageGallerySelector';
+export type { ImageGallerySelectorProps } from './ImageGallerySelector';
+export { default as ImageZoom } from './ImageZoom';
+export type { ImageZoomProps } from './ImageZoom';

package/dist/organisms/ImageGallery/index.js

@@ -0,0 +1,4 @@
+export { default } from './ImageGallery';
+export { default as ImageGallerySelector } from './ImageGallerySelector';
+export { default as ImageZoom } from './ImageZoom';
+//# sourceMappingURL=index.js.map

package/dist/organisms/ImageGallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/ImageGallery/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAGxC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAGxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA"}

package/dist/organisms/Navbar/Navbar.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+export interface NavbarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+    /**
+     * Specifies the scroll direction. This value can be achieved using the `useScrollDirection` hook.
+     */
+    scrollDirection: string;
+}
+declare const Navbar: React.ForwardRefExoticComponent<NavbarProps & React.RefAttributes<HTMLDivElement>>;
+export default Navbar;

package/dist/organisms/Navbar/Navbar.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const Navbar = forwardRef(function Navbar({ children, scrollDirection, testId = 'fs-navbar', ...otherProps }, ref) {
+    return (React.createElement("header", { "data-fs-navbar": true, role: "banner", "data-fs-navbar-scroll": scrollDirection, ref: ref, "data-testid": testId, ...otherProps }, children));
+});
+export default Navbar;
+//# sourceMappingURL=Navbar.js.map

package/dist/organisms/Navbar/Navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/Navbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAazC,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CACpE,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,GAAG,WAAW,EAAE,GAAG,UAAU,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,wDAEE,IAAI,EAAC,QAAQ,2BACU,eAAe,EACtC,GAAG,EAAE,GAAG,iBACK,MAAM,KACf,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}

package/dist/organisms/Navbar/NavbarButtons.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface NavbarButtonsProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+    /**
+     * Specifies whether the Search Input is expanded or not.
+     */
+    searchExpanded: boolean;
+}
+declare const NavbarButtons: React.ForwardRefExoticComponent<NavbarButtonsProps & React.RefAttributes<HTMLDivElement>>;
+export default NavbarButtons;

package/dist/organisms/Navbar/NavbarButtons.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const NavbarButtons = forwardRef(function NavbarButtons({ children, searchExpanded, testId = 'fs-navbar-buttons', ...otherProps }, ref) {
+    return (React.createElement("div", { "data-fs-navbar-buttons": true, ref: ref, "data-testid": testId, "data-fs-navbar-search-expanded": searchExpanded, ...otherProps }, children));
+});
+export default NavbarButtons;
+//# sourceMappingURL=NavbarButtons.js.map

package/dist/organisms/Navbar/NavbarButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarButtons.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/NavbarButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAczC,MAAM,aAAa,GAAG,UAAU,CAC9B,SAAS,aAAa,CACpB,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,GAAG,mBAAmB,EAAE,GAAG,UAAU,EAAE,EACzE,GAAG;IAEH,OAAO,CACL,6DAEE,GAAG,EAAE,GAAG,iBACK,MAAM,oCACa,cAAc,KAC1C,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/organisms/Navbar/NavbarHeader.d.ts

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

package/dist/organisms/Navbar/NavbarHeader.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const NavbarHeader = forwardRef(function NavbarHeader({ children, testId = 'fs-navbar-header', ...otherProps }, ref) {
+    return (React.createElement("section", { "data-fs-navbar-header": true, ref: ref, "data-testid": testId, ...otherProps }, children));
+});
+export default NavbarHeader;
+//# sourceMappingURL=NavbarHeader.js.map

package/dist/organisms/Navbar/NavbarHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarHeader.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/NavbarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,YAAY,CACnB,EAAE,QAAQ,EAAE,MAAM,GAAG,kBAAkB,EAAE,GAAG,UAAU,EAAE,EACxD,GAAG;IAEH,OAAO,CACL,gEAEE,GAAG,EAAE,GAAG,iBACK,MAAM,KACf,UAAU,IAEb,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/organisms/Navbar/NavbarRow.d.ts

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

package/dist/organisms/Navbar/NavbarRow.js

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

package/dist/organisms/Navbar/NavbarRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarRow.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/NavbarRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EAAE,QAAQ,EAAE,MAAM,GAAG,eAAe,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,OAAO,CACL,4EAEkB,QAAQ,EACxB,GAAG,EAAE,GAAG,iBACK,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/dist/organisms/Navbar/index.d.ts

@@ -0,0 +1,8 @@
+export { default } from './Navbar';
+export type { NavbarProps } from './Navbar';
+export { default as NavbarHeader } from './NavbarHeader';
+export type { NavbarHeaderProps } from './NavbarHeader';
+export { default as NavbarRow } from './NavbarRow';
+export type { NavbarRowProps } from './NavbarRow';
+export { default as NavbarButtons } from './NavbarButtons';
+export type { NavbarButtonsProps } from './NavbarButtons';

package/dist/organisms/Navbar/index.js

@@ -0,0 +1,5 @@
+export { default } from './Navbar';
+export { default as NavbarHeader } from './NavbarHeader';
+export { default as NavbarRow } from './NavbarRow';
+export { default as NavbarButtons } from './NavbarButtons';
+//# sourceMappingURL=index.js.map

package/dist/organisms/Navbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAGlC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAGlD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/organisms/NavbarSlider/NavbarSlider.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { SlideOverProps } from '../..';
+type RequiredSliderOverProps = 'isOpen' | 'direction' | 'size';
+export interface NavbarSliderProps extends Omit<SlideOverProps, RequiredSliderOverProps> {
+    /**
+     * A boolean value that represents the state of the slider.
+     */
+    isOpen?: SlideOverProps['isOpen'];
+    /**
+     * Represents the side that the slider comes from.
+     */
+    direction?: SlideOverProps['direction'];
+    /**
+     * Represents the size of the slider.
+     */
+    size?: SlideOverProps['size'];
+}
+declare function NavbarSlider({ children, size, isOpen, direction, testId, ...otherProps }: NavbarSliderProps): JSX.Element;
+export default NavbarSlider;

package/dist/organisms/NavbarSlider/NavbarSlider.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SlideOver } from '../..';
+function NavbarSlider({ children, size = 'full', isOpen = true, direction = 'leftSide', testId = 'fs-navbar-slider', ...otherProps }) {
+    return (React.createElement(SlideOver, { "data-fs-navbar-slider": true, size: size, isOpen: isOpen, direction: direction, "data-testid": testId, ...otherProps }, children));
+}
+export default NavbarSlider;
+//# sourceMappingURL=NavbarSlider.js.map

package/dist/organisms/NavbarSlider/NavbarSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarSlider.js","sourceRoot":"","sources":["../../../src/organisms/NavbarSlider/NavbarSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAqBjC,SAAS,YAAY,CAAC,EACpB,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,IAAI,EACb,SAAS,GAAG,UAAU,EACtB,MAAM,GAAG,kBAAkB,EAC3B,GAAG,UAAU,EACK;IAClB,OAAO,CACL,oBAAC,SAAS,mCAER,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,iBACP,MAAM,KACf,UAAU,IAEb,QAAQ,CACC,CACb,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}

package/dist/organisms/NavbarSlider/NavbarSliderContent.d.ts

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

package/dist/organisms/NavbarSlider/NavbarSliderContent.js

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

package/dist/organisms/NavbarSlider/NavbarSliderContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarSliderContent.js","sourceRoot":"","sources":["../../../src/organisms/NavbarSlider/NavbarSliderContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,mBAAmB,GAAG,UAAU,CAGpC,SAAS,mBAAmB,CAC5B,EAAE,QAAQ,EAAE,MAAM,GAAG,0BAA0B,EAAE,GAAG,UAAU,EAAE,EAChE,GAAG;IAEH,OAAO,CACL,oEAEE,GAAG,EAAE,GAAG,iBACK,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,mBAAmB,CAAA"}

package/dist/organisms/NavbarSlider/NavbarSliderFooter.d.ts

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

package/dist/organisms/NavbarSlider/NavbarSliderFooter.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const NavbarSliderFooter = forwardRef(function NavbarSliderFooter({ children, testId = 'fs-navbar-slider-footer', ...otherProps }, ref) {
+    return (React.createElement("footer", { "data-fs-navbar-slider-footer": true, ref: ref, "data-testid": testId, ...otherProps }, children));
+});
+export default NavbarSliderFooter;
+//# sourceMappingURL=NavbarSliderFooter.js.map

package/dist/organisms/NavbarSlider/NavbarSliderFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarSliderFooter.js","sourceRoot":"","sources":["../../../src/organisms/NavbarSlider/NavbarSliderFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,kBAAkB,CACzB,EAAE,QAAQ,EAAE,MAAM,GAAG,yBAAyB,EAAE,GAAG,UAAU,EAAE,EAC/D,GAAG;IAEH,OAAO,CACL,sEAEE,GAAG,EAAE,GAAG,iBACK,MAAM,KACf,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/organisms/NavbarSlider/NavbarSliderHeader.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { SlideOverHeaderProps } from '../..';
+export interface NavbarSliderHeaderProps extends SlideOverHeaderProps {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+}
+declare function NavbarSliderHeader({ children, testId, ...otherProps }: NavbarSliderHeaderProps): JSX.Element;
+export default NavbarSliderHeader;

package/dist/organisms/NavbarSlider/NavbarSliderHeader.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SlideOverHeader } from '../..';
+function NavbarSliderHeader({ children, testId = 'fs-navbar-slider-header', ...otherProps }) {
+    return (React.createElement(SlideOverHeader, { "data-fs-navbar-slider-header": true, "data-testid": testId, ...otherProps }, children));
+}
+export default NavbarSliderHeader;
+//# sourceMappingURL=NavbarSliderHeader.js.map

package/dist/organisms/NavbarSlider/NavbarSliderHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarSliderHeader.js","sourceRoot":"","sources":["../../../src/organisms/NavbarSlider/NavbarSliderHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AAUvC,SAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,MAAM,GAAG,yBAAyB,EAClC,GAAG,UAAU,EACW;IACxB,OAAO,CACL,oBAAC,eAAe,yDAED,MAAM,KACf,UAAU,IAEb,QAAQ,CACO,CACnB,CAAA;AACH,CAAC;AAED,eAAe,kBAAkB,CAAA"}

package/dist/organisms/NavbarSlider/index.d.ts

@@ -0,0 +1,8 @@
+export { default } from './NavbarSlider';
+export type { NavbarSliderProps } from './NavbarSlider';
+export { default as NavbarSliderHeader } from './NavbarSliderHeader';
+export type { NavbarSliderHeaderProps } from './NavbarSliderHeader';
+export { default as NavbarSliderContent } from './NavbarSliderContent';
+export type { NavbarSliderContentProps } from './NavbarSliderContent';
+export { default as NavbarSliderFooter } from './NavbarSliderFooter';
+export type { NavbarSliderFooterProps } from './NavbarSliderFooter';

package/dist/organisms/NavbarSlider/index.js

@@ -0,0 +1,5 @@
+export { default } from './NavbarSlider';
+export { default as NavbarSliderHeader } from './NavbarSliderHeader';
+export { default as NavbarSliderContent } from './NavbarSliderContent';
+export { default as NavbarSliderFooter } from './NavbarSliderFooter';
+//# sourceMappingURL=index.js.map

package/dist/organisms/NavbarSlider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/NavbarSlider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAGxC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAGpE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAGtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/organisms/OutOfStock/OutOfStock.d.ts

@@ -0,0 +1,43 @@
+import type { FormHTMLAttributes } from 'react';
+import React from 'react';
+export interface OutOfStockProps extends FormHTMLAttributes<HTMLFormElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * The Out of Stock Section's title.
+     */
+    title?: string;
+    /**
+     * Additional message displayed with the title.
+     */
+    subtitle?: string;
+    /**
+     * The email input label.
+     */
+    inputLabel: string;
+    /**
+     * The button label.
+     */
+    buttonLabel?: string;
+    /**
+     * Specifies a label for loading state.
+     */
+    loadingLabel?: string;
+    /**
+     * Error message displayed when error.
+     */
+    errorMessage?: string;
+    /**
+     * Specifies that the submit button should be disabled.
+     */
+    disabled: boolean;
+    /**
+     * Event emitted when form is submitted.
+     */
+    onSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
+}
+declare const OutOfStock: React.ForwardRefExoticComponent<OutOfStockProps & React.RefAttributes<HTMLFormElement>>;
+export default OutOfStock;

package/dist/organisms/OutOfStock/OutOfStock.js

@@ -0,0 +1,13 @@
+import React, { forwardRef } from 'react';
+import { Button, Icon, InputField } from '../..';
+const OutOfStock = forwardRef(function OutOfStock({ testId = 'fs-out-of-stock', title, buttonLabel = 'Notify Me', loadingLabel = 'Loading', inputLabel, subtitle, disabled, errorMessage, onSubmit, }, ref) {
+    return (React.createElement("form", { "data-fs-out-of-stock": true, ref: ref, "data-testid": testId, onSubmit: onSubmit },
+        React.createElement("h2", { "data-fs-out-of-stock-title": true }, title),
+        subtitle && (React.createElement("p", { "data-fs-out-of-stock-message": true },
+            React.createElement(Icon, { name: "BellRinging", width: 16, height: 16 }),
+            subtitle)),
+        React.createElement(InputField, { id: "out-of-stock-email", name: "out-of-stock-email", label: inputLabel, "aria-label": inputLabel, error: errorMessage, required: true }),
+        React.createElement(Button, { "data-fs-out-of-stock-button": true, type: "submit", loading: disabled, loadingLabel: loadingLabel, disabled: disabled, variant: "primary", icon: React.createElement(Icon, { name: "BellRinging" }), iconPosition: "left" }, buttonLabel)));
+});
+export default OutOfStock;
+//# sourceMappingURL=OutOfStock.js.map

package/dist/organisms/OutOfStock/OutOfStock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutOfStock.js","sourceRoot":"","sources":["../../../src/organisms/OutOfStock/OutOfStock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AA0ChD,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,MAAM,GAAG,iBAAiB,EAC1B,KAAK,EACL,WAAW,GAAG,WAAW,EACzB,YAAY,GAAG,SAAS,EACxB,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAQ,GACT,EACD,GAAG;IAEH,OAAO,CACL,4DAEE,GAAG,EAAE,GAAG,iBACK,MAAM,EACnB,QAAQ,EAAE,QAAQ;QAElB,kEAAgC,KAAK,CAAM;QAC1C,QAAQ,IAAI,CACX;YACE,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;YACjD,QAAQ,CACP,CACL;QACD,oBAAC,UAAU,IACT,EAAE,EAAC,oBAAoB,EACvB,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAE,UAAU,gBACL,UAAU,EACtB,KAAK,EAAE,YAAY,EACnB,QAAQ,SACR;QACF,oBAAC,MAAM,yCAEL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,EACjC,YAAY,EAAC,MAAM,IAElB,WAAW,CACL,CACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/organisms/OutOfStock/index.d.ts

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

package/dist/organisms/OutOfStock/index.js

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

package/dist/organisms/OutOfStock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/OutOfStock/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA"}

package/dist/organisms/PaymentMethods/PaymentMethods.d.ts

@@ -0,0 +1,32 @@
+import type { ReactNode, AriaAttributes } from 'react';
+import React from 'react';
+type Flag = {
+    icon: {
+        icon: string;
+    };
+    alt: string;
+};
+export interface PaymentMethodsProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Title of the payment methods section (e.g.: "Payment methods",
+     * "Accepted Cards").
+     */
+    title?: ReactNode;
+    /**
+     * Defines a string value that labels the current element when
+     * title is not used.
+     */
+    'aria-label'?: AriaAttributes['aria-label'];
+    /**
+     * List of flags to be displayed in the payment
+     * methods section (e.g.:, visa, mastercard, etc).
+     */
+    flagList: Flag[];
+}
+declare const PaymentMethods: React.ForwardRefExoticComponent<PaymentMethodsProps & React.RefAttributes<HTMLDivElement>>;
+export default PaymentMethods;

package/dist/organisms/PaymentMethods/PaymentMethods.js

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import { List, SROnly, Icon } from '../../index';
+const PaymentMethods = forwardRef(function PaymentMethods({ testId = 'fs-payment-methods', title, 'aria-label': ariaLabel = 'Payment Methods', flagList, ...otherProps }, ref) {
+    return (React.createElement("div", { ref: ref, "data-fs-payment-methods": true, "data-testid": testId, ...otherProps },
+        !!title && React.createElement("div", { "data-fs-payment-methods-title": true }, title),
+        React.createElement(List, { "data-fs-payment-methods-flags": true, "aria-label": title ? undefined : ariaLabel }, flagList.map(({ alt: text, icon: { icon } }, index) => (React.createElement("li", { "data-fs-payment-methods-flag": true, key: `fs-payment-method-${index}-${text}` },
+            React.createElement(Icon, { width: 32, height: 22.5, name: icon }),
+            text && React.createElement(SROnly, { text: text })))))));
+});
+export default PaymentMethods;
+//# sourceMappingURL=PaymentMethods.js.map

package/dist/organisms/PaymentMethods/PaymentMethods.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethods.js","sourceRoot":"","sources":["../../../src/organisms/PaymentMethods/PaymentMethods.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AA+BhD,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EACE,MAAM,GAAG,oBAAoB,EAC7B,KAAK,EACL,YAAY,EAAE,SAAS,GAAG,iBAAiB,EAC3C,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,kDAEK,MAAM,KACf,UAAU;QAEb,CAAC,CAAC,KAAK,IAAI,sEAAoC,KAAK,CAAO;QAC5D,oBAAC,IAAI,yDAES,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAExC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CACtD,kEAEE,GAAG,EAAE,qBAAqB,KAAK,IAAI,IAAI,EAAE;YAEzC,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI;YAC5C,IAAI,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI,CAC5B,CACN,CAAC,CACG,CACH,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/organisms/PaymentMethods/index.d.ts

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

package/dist/organisms/PaymentMethods/index.js

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

package/dist/organisms/PaymentMethods/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/PaymentMethods/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/organisms/PriceRange/PriceRange.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { AriaAttributes } from 'react';
+import type { PriceProps, SliderProps } from '../../';
+export interface PriceRangeProps extends Omit<SliderProps, 'absoluteValuesLabel'> {
+    /**
+     * The current use case variant for prices.
+     */
+    variant?: PriceProps['variant'];
+    /**
+     * Formatter function that transforms the raw price value and render the result.
+     */
+    formatter: PriceProps['formatter'];
+    /**
+     * Defines a string value that labels the current element.
+     */
+    'aria-label'?: AriaAttributes['aria-label'];
+}
+type PriceRangeRefType = {
+    setPriceRangeValues: (values: {
+        min: number;
+        max: number;
+    }) => void;
+};
+declare const PriceRange: React.ForwardRefExoticComponent<PriceRangeProps & React.RefAttributes<PriceRangeRefType | undefined>>;
+export default PriceRange;