@faststore/ui 2.0.173-alpha.0 → 2.1.0

package/dist/components/molecules/QuantitySelector/index.js.map

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

package/dist/components/molecules/QuantitySelector/stories/assets/Icons.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type QuantitySelectorIconProps = {
+    color: string;
+};
+export declare function PlusIcon(props: QuantitySelectorIconProps): JSX.Element;
+export declare function MinusIcon(props: QuantitySelectorIconProps): JSX.Element;
+export {};

package/dist/components/molecules/QuantitySelector/stories/assets/Icons.js

@@ -0,0 +1,11 @@
+import React from 'react';
+export function PlusIcon(props) {
+    return (React.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M11 16H21", stroke: props.color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M16 11V21", stroke: props.color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+}
+export function MinusIcon(props) {
+    return (React.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M11 16H21", stroke: props.color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+}
+//# sourceMappingURL=Icons.js.map

package/dist/components/molecules/QuantitySelector/stories/assets/Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/QuantitySelector/stories/assets/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,UAAU,QAAQ,CAAC,KAAgC;IACvD,OAAO,CACL,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACE,CAAC,EAAC,WAAW,EACb,MAAM,EAAE,KAAK,CAAC,KAAK,EACnB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB;QACF,8BACE,CAAC,EAAC,WAAW,EACb,MAAM,EAAE,KAAK,CAAC,KAAK,EACnB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAgC;IACxD,OAAO,CACL,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACE,CAAC,EAAC,WAAW,EACb,MAAM,EAAE,KAAK,CAAC,KAAK,EACnB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/components/molecules/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,5 @@
+import type { PropsWithChildren } from 'react';
+import { RadioGroupContext } from './useRadioGroup';
+export type RadioGroupProps = PropsWithChildren<RadioGroupContext>;
+declare const RadioGroup: ({ name, onChange, children, selectedValue, }: RadioGroupProps) => JSX.Element;
+export default RadioGroup;

package/dist/components/molecules/RadioGroup/RadioGroup.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { RadioGroupContext } from './useRadioGroup';
+const RadioGroup = ({ name, onChange, children, selectedValue, }) => {
+    const contextValues = React.useMemo(() => {
+        return { name, selectedValue, onChange };
+    }, [name, selectedValue, onChange]);
+    return (React.createElement(RadioGroupContext.Provider, { value: contextValues }, children));
+};
+export default RadioGroup;
+//# sourceMappingURL=RadioGroup.js.map

package/dist/components/molecules/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/components/molecules/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAInD,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,aAAa,GACG,EAAE,EAAE;IACpB,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvC,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;IAC1C,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,IAC7C,QAAQ,CACkB,CAC9B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/molecules/RadioGroup/RadioOption.d.ts

@@ -0,0 +1,19 @@
+import type { InputHTMLAttributes } from 'react';
+import React from 'react';
+export interface RadioOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Attribute to set aria-label option as required.
+     */
+    label: string;
+    /**
+     * Value to be emitted when radio is clicked.
+     */
+    value: string | number;
+}
+declare const RadioOption: React.ForwardRefExoticComponent<RadioOptionProps & React.RefAttributes<HTMLInputElement>>;
+export default RadioOption;

package/dist/components/molecules/RadioGroup/RadioOption.js

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import { Radio } from '@faststore/components';
+import { useRadioGroup } from './useRadioGroup';
+const RadioOption = forwardRef(function RadioOption({ label, value, children, testId = 'store-radio-option', ...otherProps }, ref) {
+    const { name, selectedValue, onChange } = useRadioGroup();
+    return (React.createElement("label", { "aria-label": label, "data-fs-radio-option": true },
+        React.createElement(Radio, { "data-fs-radio-option-item": true, ref: ref, name: name, checked: value === selectedValue, onChange: onChange, value: value, testId: testId, ...otherProps }),
+        children));
+});
+export default RadioOption;
+//# sourceMappingURL=RadioOption.js.map

package/dist/components/molecules/RadioGroup/RadioOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioOption.js","sourceRoot":"","sources":["../../../../src/components/molecules/RadioGroup/RadioOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAmB/C,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,oBAAoB,EAAE,GAAG,UAAU,EAAE,EACxE,GAAG;IAEH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAA;IAEzD,OAAO,CACL,6CAAmB,KAAK;QACtB,oBAAC,KAAK,uCAEJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,KAAK,aAAa,EAChC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,KACV,UAAU,GACd;QACD,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/molecules/RadioGroup/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './RadioGroup';
+export type { RadioGroupProps } from './RadioGroup';
+export { default as RadioOption } from './RadioOption';
+export type { RadioOptionProps } from './RadioOption';

package/dist/components/molecules/RadioGroup/index.js

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

package/dist/components/molecules/RadioGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/RadioGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist/components/molecules/RadioGroup/useRadioGroup.d.ts

@@ -0,0 +1,17 @@
+import type { ChangeEventHandler } from 'react';
+export interface RadioGroupContext {
+    /**
+     * Name to link children by context.
+     */
+    name: string;
+    /**
+     * Value of checked child.
+     */
+    selectedValue?: string | number;
+    /**
+     * Function that is triggered when any children is checked.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const RadioGroupContext: import("react").Context<RadioGroupContext | undefined>;
+export declare function useRadioGroup(): RadioGroupContext;

package/dist/components/molecules/RadioGroup/useRadioGroup.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+export const RadioGroupContext = createContext(undefined);
+export function useRadioGroup() {
+    const context = useContext(RadioGroupContext);
+    if (!context) {
+        throw new Error(`useRadioOption hook cannot be used outside the RadioGroup context`);
+    }
+    return context;
+}
+//# sourceMappingURL=useRadioGroup.js.map

package/dist/components/molecules/RadioGroup/useRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRadioGroup.js","sourceRoot":"","sources":["../../../../src/components/molecules/RadioGroup/useRadioGroup.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAiBjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAC5C,SAAS,CACV,CAAA;AAED,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE7C,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,mEAAmE,CACpE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/components/molecules/SearchInput/SearchInput.d.ts

@@ -0,0 +1,28 @@
+import type { AriaAttributes, InputHTMLAttributes, ReactNode } from 'react';
+import React from 'react';
+type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onSubmit'>;
+export interface SearchInputProps extends InputProps {
+    /**
+     * Callback function when submitted.
+     */
+    onSubmit: (value: string) => void;
+    /**
+     * Custom icon inside the submit button.
+     */
+    icon?: ReactNode;
+    /**
+     * Custom aria-label for input and button.
+     */
+    'aria-label'?: AriaAttributes['aria-label'];
+    /**
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+export interface SearchInputRef {
+    inputRef?: HTMLInputElement | null;
+    formRef?: HTMLFormElement | null;
+}
+declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<SearchInputRef | null>>;
+export default SearchInput;

package/dist/components/molecules/SearchInput/SearchInput.js

@@ -0,0 +1,26 @@
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import { Icon, Button, Input } from '@faststore/components';
+import Form from '../Form';
+const SearchIcon = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    React.createElement("circle", { cx: "11", cy: "11", r: "8" }),
+    React.createElement("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })));
+const SearchInput = forwardRef(function SearchInput({ onSubmit, icon, 'aria-label': ariaLabel = 'search', testId = 'store-search-input', ...otherProps }, ref) {
+    const inputRef = useRef(null);
+    const formRef = useRef(null);
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        if (inputRef.current?.value !== '') {
+            onSubmit(inputRef.current.value);
+        }
+    };
+    useImperativeHandle(ref, () => ({
+        inputRef: inputRef.current,
+        formRef: formRef.current,
+    }));
+    return (React.createElement(Form, { ref: formRef, "data-fs-search-input-form": true, "data-testid": testId, onSubmit: handleSubmit, role: "search" },
+        React.createElement(Input, { ref: inputRef, "aria-label": ariaLabel, ...otherProps }),
+        React.createElement(Button, { type: "submit", "aria-label": "Submit Search" },
+            React.createElement(Icon, { component: icon ?? React.createElement(SearchIcon, null) }))));
+});
+export default SearchInput;
+//# sourceMappingURL=SearchInput.js.map

package/dist/components/molecules/SearchInput/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/molecules/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACvB,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO;IAEtB,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG;IAChC,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,GAAG,CAC1C,CACP,CAAA;AA6BD,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EACE,QAAQ,EACR,IAAI,EACJ,YAAY,EAAE,SAAS,GAAG,QAAQ,EAClC,MAAM,GAAG,oBAAoB,EAC7B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAE7C,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,EAAE;QACxC,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,QAAQ,CAAC,OAAO,EAAE,KAAK,KAAK,EAAE,EAAE;YAClC,QAAQ,CAAC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,CAAA;SAClC;IACH,CAAC,CAAA;IAED,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,QAAQ,EAAE,QAAQ,CAAC,OAAO;QAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;KACzB,CAAC,CAAC,CAAA;IAEH,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,OAAO,oDAEC,MAAM,EACnB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,QAAQ;QAEb,oBAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,gBAAc,SAAS,KAAM,UAAU,GAAI;QAC/D,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,gBAAY,eAAe;YAC9C,oBAAC,IAAI,IAAC,SAAS,EAAE,IAAI,IAAI,oBAAC,UAAU,OAAG,GAAI,CACpC,CACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/molecules/SearchInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './SearchInput';
+export type { SearchInputProps, SearchInputRef } from './SearchInput';

package/dist/components/molecules/SearchInput/index.js

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

package/dist/components/molecules/SearchInput/index.js.map

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

package/dist/components/molecules/SearchInput/stories/assets/CustomIcon.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+declare const CustomIcon: FC;
+export default CustomIcon;

package/dist/components/molecules/SearchInput/stories/assets/CustomIcon.js

@@ -0,0 +1,7 @@
+import React from 'react';
+const CustomIcon = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    React.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    React.createElement("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+    React.createElement("line", { x1: "9", y1: "9", x2: "15", y2: "15" })));
+export default CustomIcon;
+//# sourceMappingURL=CustomIcon.js.map

package/dist/components/molecules/SearchInput/stories/assets/CustomIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomIcon.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/SearchInput/stories/assets/CustomIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,UAAU,GAAO,GAAG,EAAE,CAAC,CAC3B,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO;IAEtB,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;IACjC,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG;IACtC,8BAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,CAClC,CACP,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/molecules/SkuSelector/SkuSelector.d.ts

@@ -0,0 +1,58 @@
+import type { ChangeEventHandler, HTMLAttributes } from 'react';
+import React from 'react';
+interface SkuProps {
+    /**
+     * Alternative text description of the image.
+     */
+    alt?: string;
+    /**
+     * Image URL.
+     */
+    src?: string;
+    /**
+     * Label to describe the option when selected.
+     */
+    label: string;
+    /**
+     * Current value for this option.
+     */
+    value: string;
+    /**
+     * Specifies that this option should be disabled.
+     */
+    disabled?: boolean;
+}
+type Variant = 'label' | 'image';
+export interface SkuSelectorProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * ID of the current instance of the component.
+     */
+    id?: string;
+    /**
+     * Specify which variant the component should handle.
+     */
+    variant: Variant;
+    /**
+     * SKU options that should be rendered.
+     */
+    options: SkuProps[];
+    /**
+     * Section label for the SKU selector.
+     */
+    label?: string;
+    /**
+     * Currently active variation's value.
+     */
+    activeValue: string;
+    /**
+     * Function to be triggered when SKU option change.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+declare const SkuSelector: React.ForwardRefExoticComponent<SkuSelectorProps & React.RefAttributes<HTMLDivElement>>;
+export default SkuSelector;

package/dist/components/molecules/SkuSelector/SkuSelector.js

@@ -0,0 +1,16 @@
+import React, { forwardRef } from 'react';
+import { Label } from '@faststore/components';
+import RadioGroup from '../RadioGroup';
+const SkuSelector = forwardRef(function SkuSelector({ id, label, variant, onChange, testId = 'store-sku-selector', activeValue, children, ...otherProps }, ref) {
+    const radioGroupId = id ? `-${id}` : '';
+    return (React.createElement("div", { ref: ref, "data-fs-sku-selector": true, "data-testid": testId, "data-fs-sku-selector-variant": variant, ...otherProps },
+        label && (React.createElement(Label, { "data-fs-sku-selector-title": true },
+            label,
+            ": ",
+            React.createElement("strong", null, activeValue))),
+        React.createElement(RadioGroup, { selectedValue: activeValue, name: `sku-selector-${variant}${radioGroupId}`, onChange: (e) => {
+                onChange?.(e);
+            } }, children)));
+});
+export default SkuSelector;
+//# sourceMappingURL=SkuSelector.js.map

package/dist/components/molecules/SkuSelector/SkuSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkuSelector.js","sourceRoot":"","sources":["../../../../src/components/molecules/SkuSelector/SkuSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,UAAU,MAAM,eAAe,CAAA;AA4DtC,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EACE,EAAE,EACF,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,oBAAoB,EAC7B,WAAW,EACX,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,YAAY,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAEvC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,+CAEK,MAAM,kCACW,OAAO,KACjC,UAAU;QAEb,KAAK,IAAI,CACR,oBAAC,KAAK;YACH,KAAK;;YAAG,oCAAS,WAAW,CAAU,CACjC,CACT;QACD,oBAAC,UAAU,IACT,aAAa,EAAE,WAAW,EAC1B,IAAI,EAAE,gBAAgB,OAAO,GAAG,YAAY,EAAE,EAC9C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;YACf,CAAC,IAEA,QAAQ,CACE,CACT,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/molecules/SkuSelector/index.d.ts

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

package/dist/components/molecules/SkuSelector/index.js

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

package/dist/components/molecules/SkuSelector/index.js.map

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

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ReactNode, FormHTMLAttributes } from 'react';
+export type OutOfStockBaseProps = {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Children for Out of Stock components.
+     */
+    children: string | ReactNode;
+};
+export type OutOfStockProps = OutOfStockBaseProps & {
+    /**
+     * Event emitted when form is submitted.
+     */
+    onSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;
+} & FormHTMLAttributes<HTMLFormElement>;
+declare const OutOfStock: ({ testId, children, ...otherProps }: OutOfStockProps) => JSX.Element;
+export default OutOfStock;

package/dist/components/organisms/OutOfStock/OutOfStock.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import Form from '../../molecules/Form';
+const OutOfStock = ({ testId = 'store-out-of-stock', children, ...otherProps }) => {
+    return (React.createElement("section", { "data-fs-out-of-stock": true, "data-testid": testId },
+        React.createElement(Form, { "data-out-of-stock-form": true, testId: `${testId}-form`, ...otherProps }, children)));
+};
+export default OutOfStock;
+//# sourceMappingURL=OutOfStock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OutOfStock.js","sourceRoot":"","sources":["../../../../src/components/organisms/OutOfStock/OutOfStock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,IAAI,MAAM,sBAAsB,CAAA;AAqBvC,MAAM,UAAU,GAAG,CAAC,EAClB,MAAM,GAAG,oBAAoB,EAC7B,QAAQ,EACR,GAAG,UAAU,EACG,EAAE,EAAE;IACpB,OAAO,CACL,8EAA2C,MAAM;QAC/C,oBAAC,IAAI,oCAAwB,MAAM,EAAE,GAAG,MAAM,OAAO,KAAM,UAAU,IAClE,QAAQ,CACJ,CACC,CACX,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { OutOfStockBaseProps } from './OutOfStock';
+export type OutOfStockMessageProps = {
+    /**
+     * Attribute used for polymorphic component.
+     */
+    as?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
+} & OutOfStockBaseProps;
+export declare const OutOfStockMessage: ({ as: MessageComponent, testId, children, ...otherProps }: OutOfStockMessageProps) => JSX.Element;

package/dist/components/organisms/OutOfStock/OutOfStockMessage.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const OutOfStockMessage = ({ as: MessageComponent = 'p', testId = 'store-out-of-stock-message', children, ...otherProps }) => {
+    return (React.createElement(MessageComponent, { "data-out-of-stock-message": true, "data-testid": testId, ...otherProps }, children));
+};
+//# sourceMappingURL=OutOfStockMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OutOfStockMessage.js","sourceRoot":"","sources":["../../../../src/components/organisms/OutOfStock/OutOfStockMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,EAAE,EAAE,gBAAgB,GAAG,GAAG,EAC1B,MAAM,GAAG,4BAA4B,EACrC,QAAQ,EACR,GAAG,UAAU,EACU,EAAE,EAAE;IAC3B,OAAO,CACL,oBAAC,gBAAgB,sDAEF,MAAM,KACf,UAAU,IAEb,QAAQ,CACQ,CACpB,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { OutOfStockBaseProps } from './OutOfStock';
+export type OutOfStockTitleProps = {
+    /**
+     * Attribute used for polymorphic component.
+     */
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
+} & OutOfStockBaseProps;
+export declare const OutOfStockTitle: ({ as: TitleComponent, testId, children, ...otherProps }: OutOfStockTitleProps) => JSX.Element;

package/dist/components/organisms/OutOfStock/OutOfStockTitle.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const OutOfStockTitle = ({ as: TitleComponent = 'h2', testId = 'store-out-of-stock-title', children, ...otherProps }) => {
+    return (React.createElement(TitleComponent, { "data-out-of-stock-title": true, "data-testid": testId, ...otherProps }, children));
+};
+//# sourceMappingURL=OutOfStockTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OutOfStockTitle.js","sourceRoot":"","sources":["../../../../src/components/organisms/OutOfStock/OutOfStockTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,EAAE,EAAE,cAAc,GAAG,IAAI,EACzB,MAAM,GAAG,0BAA0B,EACnC,QAAQ,EACR,GAAG,UAAU,EACQ,EAAE,EAAE;IACzB,OAAO,CACL,oBAAC,cAAc,oDAEA,MAAM,KACf,UAAU,IAEb,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,6 @@
+export { default } from './OutOfStock';
+export { OutOfStockMessage } from './OutOfStockMessage';
+export { OutOfStockTitle } from './OutOfStockTitle';
+export type { OutOfStockProps } from './OutOfStock';
+export type { OutOfStockMessageProps } from './OutOfStockMessage';
+export type { OutOfStockTitleProps } from './OutOfStockTitle';

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

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

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

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

package/dist/hooks/useSlider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './useSlider';
+export * from './useSlider';

package/dist/hooks/useSlider/index.js

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

package/dist/hooks/useSlider/index.js.map

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

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

@@ -0,0 +1,64 @@
+import type { Dispatch } from 'react';
+import type { SwipeableProps } from 'react-swipeable';
+export declare type SlideDirection = 'next' | 'previous';
+interface NextPageAction {
+    type: 'NEXT_PAGE';
+}
+interface PreviousPageAction {
+    type: 'PREVIOUS_PAGE';
+}
+interface GoToPageAction {
+    type: 'GO_TO_PAGE';
+    payload: {
+        pageIndex: number;
+        shouldSlide: boolean;
+    };
+}
+interface StopSlideAction {
+    type: 'STOP_SLIDE';
+}
+export declare type Action = NextPageAction | PreviousPageAction | StopSlideAction | GoToPageAction;
+export declare type SliderDispatch = Dispatch<Action>;
+export interface SliderState {
+    /**
+     * The `currentItem` in a Slider with multiple items in a single page is
+     * always **the one with the lowest index** in the current page.
+     */
+    currentItem: number;
+    /** Currently active page */
+    currentPage: number;
+    /**
+     * Whether or not the Slider is currently sliding. This is useful to
+     * manipulate the `transition` property in a component.
+     */
+    sliding: boolean;
+    /** The direction in which the Slider is sliding. */
+    slideDirection: SlideDirection;
+    /** The total number of unique items in the slider. */
+    totalItems: number;
+    /** The number of items in a single page. */
+    itemsPerPage: number;
+    /** The total number of pages in the slider. */
+    totalPages: number;
+    /** Whether or not the slider is infinite. */
+    infinite: boolean;
+}
+export declare const nextPage: (current: number, total: number) => number;
+export declare const previousPage: (current: number, total: number) => number;
+export interface UseSliderArgs extends SwipeableProps {
+    /** The total number of unique items in the slider. */
+    totalItems: number;
+    /** The number of items in a single slider page. */
+    itemsPerPage?: number;
+    /** Whether or not the slider is infinite. */
+    infiniteMode?: boolean;
+    /**  Whether or not slide after swiping left/right. */
+    shouldSlideOnSwipe?: boolean;
+}
+export default function useSlider({ totalItems, itemsPerPage, infiniteMode, shouldSlideOnSwipe, ...swipeableConfigOverrides }: UseSliderArgs): {
+    handlers: import("react-swipeable").SwipeableHandlers;
+    slide: (page: number | SlideDirection, dispatch: Dispatch<Action>) => void;
+    sliderState: SliderState;
+    sliderDispatch: Dispatch<Action>;
+};
+export {};

package/dist/hooks/useSlider/useSlider.js

@@ -0,0 +1,103 @@
+import { useReducer } from 'react';
+import { useSwipeable } from 'react-swipeable';
+export const nextPage = (current, total) => (current + 1) % total;
+export const previousPage = (current, total) => (total - ((total - current + 1) % total)) % total;
+function reducer(state, action) {
+    switch (action.type) {
+        case 'NEXT_PAGE': {
+            // If `state.infinite` is true, we need to take into account an extra
+            // page in the calculation. This extra page is a clone of the first page.
+            const adjustedTotalPages = state.infinite
+                ? state.totalPages + 1
+                : state.totalPages;
+            const nextPageIndex = nextPage(state.currentPage, adjustedTotalPages);
+            const nextItemIndex = (nextPageIndex % adjustedTotalPages) * state.itemsPerPage;
+            return {
+                ...state,
+                sliding: true,
+                slideDirection: 'next',
+                currentItem: nextItemIndex,
+                currentPage: nextPageIndex,
+            };
+        }
+        case 'PREVIOUS_PAGE': {
+            // If `state.infinite` is true, we need to take into account an extra
+            // page in the calculation. This extra page is a clone of the first page.
+            const adjustedTotalPages = state.infinite
+                ? state.totalPages + 1
+                : state.totalPages;
+            // If `state.infinite` is true and we're currently on page 0, we need to
+            // let the slider go to page -1. This -1 page is a clone of the last page.
+            const shouldGoToClone = state.infinite && state.currentPage === 0;
+            const previousPageIndex = shouldGoToClone
+                ? -1
+                : previousPage(state.currentPage, state.totalPages);
+            return {
+                ...state,
+                sliding: true,
+                slideDirection: 'previous',
+                currentItem: (previousPageIndex % adjustedTotalPages) * state.itemsPerPage,
+                currentPage: previousPageIndex,
+            };
+        }
+        case 'GO_TO_PAGE': {
+            if (action.payload.pageIndex === state.currentPage) {
+                return state;
+            }
+            return {
+                ...state,
+                sliding: action.payload.shouldSlide,
+                slideDirection: action.payload.pageIndex > state.currentPage ? 'next' : 'previous',
+                currentItem: (action.payload.pageIndex % state.totalPages) * state.itemsPerPage,
+                currentPage: action.payload.pageIndex,
+            };
+        }
+        case 'STOP_SLIDE':
+            return { ...state, sliding: false };
+        default:
+            return state;
+    }
+}
+const defaultSliderState = (totalItems, itemsPerPage, infinite) => ({
+    currentItem: 0,
+    currentPage: 0,
+    sliding: false,
+    slideDirection: 'next',
+    totalItems,
+    itemsPerPage,
+    totalPages: Math.ceil(totalItems / itemsPerPage),
+    infinite,
+});
+const slide = (page, dispatch) => {
+    if (page === 'next') {
+        dispatch({ type: 'NEXT_PAGE' });
+    }
+    if (page === 'previous') {
+        dispatch({ type: 'PREVIOUS_PAGE' });
+    }
+    if (typeof page === 'number') {
+        dispatch({
+            type: 'GO_TO_PAGE',
+            payload: {
+                pageIndex: page,
+                shouldSlide: true,
+            },
+        });
+    }
+};
+export default function useSlider({ totalItems, itemsPerPage = 1, infiniteMode = false, shouldSlideOnSwipe = true, ...swipeableConfigOverrides }) {
+    const [sliderState, sliderDispatch] = useReducer(reducer, undefined, () => defaultSliderState(totalItems, itemsPerPage, infiniteMode));
+    const handlers = useSwipeable({
+        onSwipedRight: () => shouldSlideOnSwipe && slide('previous', sliderDispatch),
+        onSwipedLeft: () => shouldSlideOnSwipe && slide('next', sliderDispatch),
+        trackMouse: true,
+        ...swipeableConfigOverrides,
+    });
+    return {
+        handlers,
+        slide,
+        sliderState,
+        sliderDispatch,
+    };
+}
+//# sourceMappingURL=useSlider.js.map

package/dist/hooks/useSlider/useSlider.js.map

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