@faststore/components 2.2.0-alpha.9 → 2.2.0

package/dist/organisms/Filter/FilterFacetBooleanItem.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Badge, Checkbox, Label } from '../..';
+function FilterFacetBooleanItem({ testId, id, selected, value, quantity, facetKey, label, onFacetChange, }) {
+    return (React.createElement("li", { key: id, "data-fs-filter-list-item": true },
+        React.createElement(Checkbox, { id: id, checked: selected, onChange: () => onFacetChange({ key: facetKey, value }, 'BOOLEAN'), "data-fs-filter-list-item-checkbox": true, "data-testid": `${testId}-accordion-panel-checkbox`, "data-value": value, "data-quantity": quantity }),
+        React.createElement(Label, { htmlFor: id, className: "text__title-mini-alt", "data-fs-filter-list-item-label": true },
+            label,
+            " ",
+            React.createElement(Badge, { "data-fs-filter-list-item-badge": true }, quantity))));
+}
+export default FilterFacetBooleanItem;
+//# sourceMappingURL=FilterFacetBooleanItem.js.map

package/dist/organisms/Filter/FilterFacetBooleanItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterFacetBooleanItem.js","sourceRoot":"","sources":["../../../src/organisms/Filter/FilterFacetBooleanItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAsC9C,SAAS,sBAAsB,CAAC,EAC9B,MAAM,EACN,EAAE,EACF,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,aAAa,GACe;IAC5B,OAAO,CACL,4BAAI,GAAG,EAAE,EAAE;QACT,oBAAC,QAAQ,IACP,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,SAAS,CAAC,4DAErD,GAAG,MAAM,2BAA2B,gBACrC,KAAK,mBACF,QAAQ,GACvB;QACF,oBAAC,KAAK,IACJ,OAAO,EAAE,EAAE,EACX,SAAS,EAAC,sBAAsB;YAG/B,KAAK;;YAAE,oBAAC,KAAK,8CAAiC,QAAQ,CAAS,CAC1D,CACL,CACN,CAAA;AACH,CAAC;AAED,eAAe,sBAAsB,CAAA"}

package/dist/organisms/Filter/FilterFacetRange.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { OnFacetChange } from './Filter';
+export interface FilterFacetRangeProps {
+    /**
+     * The minimum value of the Slider Range Facet
+     */
+    min: {
+        selected: number;
+        absolute: number;
+    };
+    /**
+     * The maximum value of the Slider Range Facet
+     */
+    max: {
+        selected: number;
+        absolute: number;
+    };
+    /**
+     * String that identifies the current Facet key.
+     */
+    facetKey: string;
+    /**
+     * Formatter function that transforms the raw price value and render the result.
+     */
+    formatter: (price: number) => string;
+    /**
+     * This function is called when `Checkbox` from the facet changes.
+     */
+    onFacetChange: OnFacetChange;
+}
+declare function FilterFacetRange({ min, max, formatter, facetKey, onFacetChange, }: FilterFacetRangeProps): JSX.Element;
+export default FilterFacetRange;

package/dist/organisms/Filter/FilterFacetRange.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { PriceRange } from '../..';
+const formatRange = (min, max) => `${min.toFixed(2)}-to-${max.toFixed(2)}`;
+function FilterFacetRange({ min, max, formatter, facetKey, onFacetChange, }) {
+    return (React.createElement(PriceRange, { "data-fs-filter-facet-range": true, min: min, max: max, formatter: formatter, step: 1, onEnd: (v) => onFacetChange({
+            key: facetKey,
+            value: formatRange(v.min, v.max),
+        }, 'RANGE') }));
+}
+export default FilterFacetRange;
+//# sourceMappingURL=FilterFacetRange.js.map

package/dist/organisms/Filter/FilterFacetRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterFacetRange.js","sourceRoot":"","sources":["../../../src/organisms/Filter/FilterFacetRange.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AA0BlC,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,EAAE,CAC/C,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;AAE1C,SAAS,gBAAgB,CAAC,EACxB,GAAG,EACH,GAAG,EACH,SAAS,EACT,QAAQ,EACR,aAAa,GACS;IACtB,OAAO,CACL,oBAAC,UAAU,wCAET,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CACX,aAAa,CACX;YACE,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC;SACjC,EACD,OAAO,CACR,GAEH,CACH,CAAA;AACH,CAAC;AAED,eAAe,gBAAgB,CAAA"}

package/dist/organisms/Filter/FilterFacets.d.ts

@@ -0,0 +1,21 @@
+import { PropsWithChildren } from 'react';
+export interface FilterFacetsProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId: string;
+    /**
+     * Current Facet's position in a list of facets.
+     */
+    index: number;
+    /**
+     * Current Facet's type, usually `StoreFacetBoolean` or `StoreFacetRange`.
+     */
+    type: string;
+    /**
+     * The text displayed to identify the Facet.
+     */
+    label: string;
+}
+declare function FilterFacets({ testId, label, index, children, type, }: PropsWithChildren<FilterFacetsProps>): JSX.Element;
+export default FilterFacets;

package/dist/organisms/Filter/FilterFacets.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AccordionButton, AccordionItem, AccordionPanel } from '../..';
+function FilterFacets({ testId, label, index, children, type, }) {
+    return (React.createElement(AccordionItem, { key: `${label}-${index}`, prefixId: testId, testId: `${testId}-accordion`, index: index, "data-type": type, "data-fs-filter-accordion-item": true },
+        React.createElement(AccordionButton, { testId: `${testId}-accordion-button` }, label),
+        React.createElement(AccordionPanel, null, children)));
+}
+export default FilterFacets;
+//# sourceMappingURL=FilterFacets.js.map

package/dist/organisms/Filter/FilterFacets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterFacets.js","sourceRoot":"","sources":["../../../src/organisms/Filter/FilterFacets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAqBtE,SAAS,YAAY,CAAC,EACpB,MAAM,EACN,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,GACiC;IACrC,OAAO,CACL,oBAAC,aAAa,IACZ,GAAG,EAAE,GAAG,KAAK,IAAI,KAAK,EAAE,EACxB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,GAAG,MAAM,YAAY,EAC7B,KAAK,EAAE,KAAK,eACD,IAAI;QAGf,oBAAC,eAAe,IAAC,MAAM,EAAE,GAAG,MAAM,mBAAmB,IAClD,KAAK,CACU;QAClB,oBAAC,cAAc,QAAE,QAAQ,CAAkB,CAC7B,CACjB,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}

package/dist/organisms/Filter/FilterSlider.d.ts

@@ -0,0 +1,35 @@
+import type { HTMLAttributes, PropsWithChildren } from 'react';
+import { ButtonProps, OverlayProps } from '../../';
+import { SlideOverDirection, SlideOverWidthSize } from '../SlideOver';
+export interface FilterSliderProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Title for the FilterSlider component.
+     */
+    title?: string;
+    /**
+     * Represents the side that the FilterSlider comes from.
+     */
+    direction: SlideOverDirection;
+    /**
+     * Represents the size of the FilterSlider.
+     */
+    size: SlideOverWidthSize;
+    /**
+     * Props for the Apply Button from FilterSlider component.
+     */
+    applyBtnProps?: Partial<ButtonProps>;
+    /**
+     * Props for the Clear Button from FilterSlider component.
+     */
+    clearBtnProps?: Partial<ButtonProps>;
+    /**
+     * Props forwarded to the `Overlay` component.
+     */
+    overlayProps?: OverlayProps;
+    /**
+     * Function called when Close Button is clicked.
+     */
+    onClose: () => void;
+}
+declare function FilterSlider({ title, size, direction, children, applyBtnProps, clearBtnProps, overlayProps, onClose, ...otherProps }: PropsWithChildren<FilterSliderProps>): JSX.Element;
+export default FilterSlider;

package/dist/organisms/Filter/FilterSlider.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Button, SlideOver, SlideOverHeader, useFadeEffect, useUI, } from '../../';
+function FilterSlider({ title, size, direction, children, applyBtnProps, clearBtnProps, overlayProps, onClose, ...otherProps }) {
+    const { fade, fadeOut } = useFadeEffect();
+    const { closeFilter } = useUI();
+    return (React.createElement(SlideOver, { "data-fs-filter-slider": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeFilter(), overlayProps: overlayProps, ...otherProps },
+        React.createElement("div", { "data-fs-filter-slider-content": true },
+            React.createElement(SlideOverHeader, { onClose: () => {
+                    onClose();
+                    fadeOut();
+                } },
+                React.createElement("h2", { "data-fs-filter-slider-title": true }, title)),
+            children),
+        React.createElement("footer", { "data-fs-filter-slider-footer": true },
+            React.createElement(Button, { "data-fs-filter-slider-footer-button-clear": true, ...clearBtnProps }),
+            React.createElement(Button, { "data-fs-filter-slider-footer-button-apply": true, "data-testid": "filter-slider-button-apply", ...applyBtnProps, onClick: (e) => {
+                    applyBtnProps?.onClick?.(e);
+                    fadeOut();
+                } }))));
+}
+export default FilterSlider;
+//# sourceMappingURL=FilterSlider.js.map

package/dist/organisms/Filter/FilterSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSlider.js","sourceRoot":"","sources":["../../../src/organisms/Filter/FilterSlider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,MAAM,EAGN,SAAS,EACT,eAAe,EACf,aAAa,EACb,KAAK,GACN,MAAM,QAAQ,CAAA;AAmCf,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,aAAa,EACb,aAAa,EACb,YAAY,EACZ,OAAO,EACP,GAAG,UAAU,EACwB;IACrC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IACzC,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,CAAA;IAE/B,OAAO,CACL,oBAAC,SAAS,mCAER,MAAM,QACN,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,KAAK,IAAI,WAAW,EAAE,EACtD,YAAY,EAAE,YAAY,KACtB,UAAU;QAEd;YACE,oBAAC,eAAe,IACd,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,EAAE,CAAA;oBACT,OAAO,EAAE,CAAA;gBACX,CAAC;gBAED,mEAAiC,KAAK,CAAM,CAC5B;YACjB,QAAQ,CACL;QACN;YACE,oBAAC,MAAM,0DAA+C,aAAa,GAAI;YACvE,oBAAC,MAAM,sEAEO,4BAA4B,KACpC,aAAa,EACjB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;oBAC3B,OAAO,EAAE,CAAA;gBACX,CAAC,GACD,CACK,CACC,CACb,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}

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

@@ -0,0 +1,11 @@
+export { default } from './Filter';
+export type { FilterProps } from './Filter';
+export { default as FilterFacetBoolean } from './FilterFacetBoolean';
+export { default as FilterFacetBooleanItem } from './FilterFacetBooleanItem';
+export type { FilterFacetBooleanItemProps } from './FilterFacetBooleanItem';
+export { default as FilterFacetRange } from './FilterFacetRange';
+export type { FilterFacetRangeProps } from './FilterFacetRange';
+export { default as FilterFacets } from './FilterFacets';
+export type { FilterFacetsProps } from './FilterFacets';
+export { default as FilterSlider } from './FilterSlider';
+export type { FilterSliderProps } from './FilterSlider';

package/dist/organisms/Filter/index.js

@@ -0,0 +1,7 @@
+export { default } from './Filter';
+export { default as FilterFacetBoolean } from './FilterFacetBoolean';
+export { default as FilterFacetBooleanItem } from './FilterFacetBooleanItem';
+export { default as FilterFacetRange } from './FilterFacetRange';
+export { default as FilterFacets } from './FilterFacets';
+export { default as FilterSlider } from './FilterSlider';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/Filter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAE5E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAEhE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAExD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/organisms/Hero/Hero.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+type Variant = 'primary' | 'secondary';
+type ColorVariant = 'main' | 'light' | 'accent';
+interface HeroContext {
+    variant: Variant;
+    colorVariant: ColorVariant;
+}
+declare const HeroContext: React.Context<HeroContext | undefined>;
+export interface HeroProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Specifies the component variant.
+     */
+    variant?: Variant;
+    /**
+     * Specifies the component's color variant combination.
+     */
+    colorVariant?: ColorVariant;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+}
+declare const Hero: React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<HTMLDivElement>>;
+export declare function useHero(): HeroContext;
+export default Hero;

package/dist/organisms/Hero/Hero.js

@@ -0,0 +1,16 @@
+import React, { forwardRef, useContext, createContext } from 'react';
+const HeroContext = createContext(undefined);
+const Hero = forwardRef(function Hero({ children, testId = 'fs-hero', variant = 'primary', colorVariant = 'main', ...otherProps }, ref) {
+    const context = { variant, colorVariant };
+    return (React.createElement(HeroContext.Provider, { value: context },
+        React.createElement("article", { ref: ref, "data-fs-hero": true, "data-fs-hero-variant": variant, "data-fs-hero-color-variant": colorVariant, "data-testid": testId, ...otherProps }, children)));
+});
+export function useHero() {
+    const context = useContext(HeroContext);
+    if (context === undefined) {
+        throw new Error('Do not use Hero components outside the Hero context.');
+    }
+    return context;
+}
+export default Hero;
+//# sourceMappingURL=Hero.js.map

package/dist/organisms/Hero/Hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.js","sourceRoot":"","sources":["../../../src/organisms/Hero/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAWpE,MAAM,WAAW,GAAG,aAAa,CAA0B,SAAS,CAAC,CAAA;AAkBrE,MAAM,IAAI,GAAG,UAAU,CAA4B,SAAS,IAAI,CAC9D,EACE,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,SAAS,EACnB,YAAY,GAAG,MAAM,EACrB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,CAAA;IAEzC,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QAClC,iCACE,GAAG,EAAE,GAAG,gDAEc,OAAO,gCACD,YAAY,iBAC3B,MAAM,KACf,UAAU,IAEb,QAAQ,CACD,CACW,CACxB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,UAAU,OAAO;IACrB,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAEvC,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAA;KACxE;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,eAAe,IAAI,CAAA"}

package/dist/organisms/Hero/HeroHeader.d.ts

@@ -0,0 +1,30 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import React from 'react';
+export interface HeroHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content for the h1 tag.
+     */
+    title: string;
+    /**
+     * Content for the p tag.
+     */
+    subtitle: string;
+    /**
+     * Icon component for additional customization.
+     */
+    icon?: ReactNode;
+    /**
+     * Specifies the URL the action button goes to.
+     */
+    link?: string;
+    /**
+     * Specifies the action button's content.
+     */
+    linkText?: string;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const HeroHeader: React.ForwardRefExoticComponent<HeroHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export default HeroHeader;

package/dist/organisms/Hero/HeroHeader.js

@@ -0,0 +1,15 @@
+import React, { forwardRef } from 'react';
+import { Icon, LinkButton } from '../..';
+import { useHero } from './Hero';
+const HeroHeader = forwardRef(function HeroHeader({ icon, link, title, linkText, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
+    const { variant, colorVariant } = useHero();
+    return (React.createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
+        React.createElement("div", { "data-fs-hero-wrapper": true, "data-fs-content": "hero" },
+            React.createElement("div", { "data-fs-hero-info": true },
+                React.createElement("h1", { "data-fs-hero-title": true }, title),
+                React.createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
+                !!link && (React.createElement(LinkButton, { href: link, inverse: colorVariant === 'main', icon: React.createElement(Icon, { name: "ArrowRight" }), iconPosition: "right" }, linkText))),
+            !!icon && variant === 'secondary' && (React.createElement("span", { "data-fs-hero-icon": true }, icon)))));
+});
+export default HeroHeader;
+//# sourceMappingURL=HeroHeader.js.map

package/dist/organisms/Hero/HeroHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroHeader.js","sourceRoot":"","sources":["../../../src/organisms/Hero/HeroHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AA6BhC,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAA;IAC3C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU;QAEd,8EAA0C,MAAM;YAC9C;gBACE,0DAAwB,KAAK,CAAM;gBACnC,4DAA0B,QAAQ,CAAK;gBACtC,CAAC,CAAC,IAAI,IAAI,CACT,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,KAAK,MAAM,EAChC,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EAChC,YAAY,EAAC,OAAO,IAEnB,QAAQ,CACE,CACd,CACG;YACL,CAAC,CAAC,IAAI,IAAI,OAAO,KAAK,WAAW,IAAI,CACpC,2DAAyB,IAAI,CAAQ,CACtC,CACG,CACC,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/organisms/Hero/HeroHeading.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode, HTMLAttributes } from 'react';
+import React from 'react';
+export interface HeroHeadingProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content for the h1 tag.
+     */
+    title: string;
+    /**
+     * Content for the p tag.
+     */
+    subtitle: string;
+    /**
+     * Icon component for additional customization.
+     */
+    icon?: ReactNode;
+    /**
+     * Specifies the URL the action button goes to.
+     */
+    link?: string;
+    /**
+     * Specifies the action button's content.
+     */
+    linkText?: string;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const HeroHeading: React.ForwardRefExoticComponent<HeroHeadingProps & React.RefAttributes<HTMLDivElement>>;
+export default HeroHeading;

package/dist/organisms/Hero/HeroHeading.js

@@ -0,0 +1,16 @@
+import React, { forwardRef } from 'react';
+import { Icon, LinkButton } from '../..';
+import { ArrowRight } from '../../assets';
+import { useHero } from './Hero';
+const HeroHeading = forwardRef(function HeroHeading({ icon, link, title, linkText, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
+    const { variant, colorVariant } = useHero();
+    return (React.createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
+        React.createElement("div", { "data-fs-hero-wrapper": true, className: "layout__content" },
+            React.createElement("div", { "data-fs-hero-info": true },
+                React.createElement("h1", { "data-fs-hero-title": true }, title),
+                React.createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
+                !!link && (React.createElement(LinkButton, { href: link, inverse: colorVariant === 'main', icon: React.createElement(ArrowRight, null), iconPosition: "right" }, linkText))),
+            icon && variant === 'secondary' && (React.createElement(Icon, { "data-fs-hero-icon": true, component: icon })))));
+});
+export default HeroHeading;
+//# sourceMappingURL=HeroHeading.js.map

package/dist/organisms/Hero/HeroHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroHeading.js","sourceRoot":"","sources":["../../../src/organisms/Hero/HeroHeading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AA6BhC,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAA;IAE3C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU;QAEd,2DAA0B,SAAS,EAAC,iBAAiB;YACnD;gBACE,0DAAwB,KAAK,CAAM;gBACnC,4DAA0B,QAAQ,CAAK;gBACtC,CAAC,CAAC,IAAI,IAAI,CACT,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,KAAK,MAAM,EAChC,IAAI,EAAE,oBAAC,UAAU,OAAG,EACpB,YAAY,EAAC,OAAO,IAEnB,QAAQ,CACE,CACd,CACG;YACL,IAAI,IAAI,OAAO,KAAK,WAAW,IAAI,CAClC,oBAAC,IAAI,+BAAmB,SAAS,EAAE,IAAI,GAAI,CAC5C,CACG,CACC,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/organisms/Hero/HeroImage.d.ts

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

package/dist/organisms/Hero/HeroImage.js

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

package/dist/organisms/Hero/HeroImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroImage.js","sourceRoot":"","sources":["../../../src/organisms/Hero/HeroImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EAAE,QAAQ,EAAE,MAAM,GAAG,eAAe,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,6CAAkC,MAAM,KAAM,UAAU,IAClE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}

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

@@ -0,0 +1,6 @@
+export { default } from './Hero';
+export type { HeroProps } from './Hero';
+export { default as HeroImage } from './HeroImage';
+export type { HeroImageProps } from './HeroImage';
+export { default as HeroHeader } from './HeroHeader';
+export type { HeroHeaderProps } from './HeroHeader';

package/dist/organisms/Hero/index.js

@@ -0,0 +1,4 @@
+export { default } from './Hero';
+export { default as HeroImage } from './HeroImage';
+export { default as HeroHeader } from './HeroHeader';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/Hero/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAGhC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAGlD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import type { HTMLAttributes, FunctionComponent } from 'react';
+type ImageComponentType = FunctionComponent<{
+    url: string;
+    alternateName?: string;
+    loading?: 'eager' | 'lazy';
+}>;
+export interface ImageElementData {
+    /**
+     * Image URL.
+     */
+    url: string;
+    /**
+     * Alternative text description of the image.
+     */
+    alternateName: string;
+}
+export interface ImageGalleryProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * List of images that should be rendered.
+     */
+    images: ImageElementData[];
+    /**
+     * Function that returns a React component that will be used to render images.
+     */
+    ImageComponent: ImageComponentType;
+    /**
+     * The currently active thumbnail.
+     */
+    selectedImageIdx: number;
+    /**
+     * Event handler for clicks on each thumbnail.
+     */
+    setSelectedImageIdx: (idx: number) => void;
+}
+declare const ImageGallery: React.ForwardRefExoticComponent<ImageGalleryProps & React.RefAttributes<HTMLDivElement>>;
+export default ImageGallery;

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