@faststore/components 2.0.104-alpha.0 → 2.0.108-alpha.0

package/dist/index.d.ts

@@ -99,6 +99,8 @@ export { default as QuantitySelector } from './molecules/QuantitySelector';
 export type { QuantitySelectorProps } from './molecules/QuantitySelector';
 export { default as CartSidebar, CartSidebarList, CartSidebarFooter, } from './organisms/CartSidebar';
 export type { CartSidebarProps } from './organisms/CartSidebar';
+export { default as EmptyState } from './organisms/EmptyState';
+export type { EmptyStateProps } from './organisms/EmptyState';
 export { default as Filter, FilterFacetBoolean, FilterFacetBooleanItem, FilterFacetRange, FilterFacets, FilterSlider, } from './organisms/Filter';
 export type { FilterFacetBooleanItemProps, FilterFacetRangeProps, FilterFacetsProps, FilterProps, FilterSliderProps, } from './organisms/Filter';
 export { default as Hero, HeroImage, HeroHeader } from './organisms/Hero';
@@ -111,6 +113,8 @@ export { default as PaymentMethods } from './organisms/PaymentMethods';
 export type { PaymentMethodsProps } from './organisms/PaymentMethods';
 export { default as PriceRange } from './organisms/PriceRange';
 export type { PriceRangeProps } from './organisms/PriceRange';
+export { default as RegionModal } from './organisms/RegionModal';
+export type { RegionModalProps } from './organisms/RegionModal';
 export { default as SearchInput } from './organisms/SearchInput';
 export type { SearchInputProps } from './organisms/SearchInput';
 export { default as ShippingSimulation } from './organisms/ShippingSimulation';

package/dist/index.js

@@ -55,12 +55,14 @@ export { default as ToggleField } from './molecules/ToggleField';
 export { default as QuantitySelector } from './molecules/QuantitySelector';
 // Organisms
 export { default as CartSidebar, CartSidebarList, CartSidebarFooter, } from './organisms/CartSidebar';
+export { default as EmptyState } from './organisms/EmptyState';
 export { default as Filter, FilterFacetBoolean, FilterFacetBooleanItem, FilterFacetRange, FilterFacets, FilterSlider, } from './organisms/Filter';
 export { default as Hero, HeroImage, HeroHeader } from './organisms/Hero';
 export { default as ImageGallery, ImageGallerySelector, ImageZoom, } from './organisms/ImageGallery';
 export { default as OutOfStock } from './organisms/OutOfStock';
 export { default as PaymentMethods } from './organisms/PaymentMethods';
 export { default as PriceRange } from './organisms/PriceRange';
+export { default as RegionModal } from './organisms/RegionModal';
 export { default as SearchInput } from './organisms/SearchInput';
 export { default as ShippingSimulation } from './organisms/ShippingSimulation';
 export { default as SlideOver, SlideOverHeader } from './organisms/SlideOver';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,cAAc,SAAS,CAAA;AAEvB,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,YAAY;AACZ,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,aAAa,EACb,eAAe,EACf,cAAc,GACf,MAAM,uBAAuB,CAAA;AAO9B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAKnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,aAAa,EACb,eAAe,GAChB,MAAM,sBAAsB,CAAA;AAM7B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEpE,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,cAAc,EACd,YAAY,EACZ,YAAY,GACb,MAAM,sBAAsB,CAAA;AAO7B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAM1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAElE,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,yBAAyB,CAAA;AAMhC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAElE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAE3E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAGtE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAK1E,OAAO,EACL,OAAO,IAAI,kBAAkB,EAC7B,sBAAsB,GACvB,MAAM,gCAAgC,CAAA;AAKvC,OAAO,EACL,OAAO,IAAI,cAAc,GAE1B,MAAM,4BAA4B,CAAA;AACnC,OAAO,EACL,OAAO,IAAI,aAAa,EACxB,iBAAiB,GAClB,MAAM,2BAA2B,CAAA;AAKlC,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,4BAA4B,CAAA;AAOnC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAEhE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAEhE,OAAO,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,GACT,MAAM,mBAAmB,CAAA;AAS1B,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,iBAAiB,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAEhE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAG1E,YAAY;AACZ,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,eAAe,EACf,iBAAiB,GAClB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAG9D,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,MAAM,oBAAoB,CAAA;AAS3B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAOzE,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,oBAAoB,EACpB,SAAS,GACV,MAAM,0BAA0B,CAAA;AAQjC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAG9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAGtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAG9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAG9E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/molecules/Modal/ModalHeader.d.ts

@@ -13,6 +13,9 @@ export interface ModalHeaderProps extends HTMLAttributes<HTMLDivElement> {
      * Props for the Close Button component.
      */
     closeBtnProps?: Partial<Omit<IconButtonProps, 'onClick'>>;
+    /**
+     * Function called when dismiss button is clicked.
+     */
     onClose?: () => void;
 }
 declare const ModalHeader: ({ onClose, title, closeBtnProps, description, }: ModalHeaderProps) => JSX.Element;

package/dist/molecules/Modal/ModalHeader.js

@@ -3,7 +3,7 @@ import Icon from '../../atoms/Icon';
 import IconButton from '../IconButton';
 const ModalHeader = ({ onClose, title, closeBtnProps = {}, description, }) => {
     return (React.createElement("header", { "data-fs-modal-header": true },
-        onClose && (React.createElement(IconButton, { onClick: () => onClose?.(), "data-fs-modal-header-close-button": true, icon: React.createElement(Icon, { name: "X" }), "aria-label": "Close modal", ...closeBtnProps })),
+        onClose && (React.createElement(IconButton, { "data-fs-modal-header-close-button": true, "aria-label": "Close modal", icon: React.createElement(Icon, { name: "X" }), onClick: () => onClose?.(), ...closeBtnProps })),
         React.createElement("p", { "data-fs-modal-header-title": true }, title),
         description && React.createElement("p", { "data-fs-modal-header-description": true }, description)));
 };

package/dist/molecules/Modal/ModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../src/molecules/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,UAA+B,MAAM,eAAe,CAAA;AAqB3D,MAAM,WAAW,GAAG,CAAC,EACnB,OAAO,EACP,KAAK,EACL,aAAa,GAAG,EAAE,EAClB,WAAW,GACM,EAAE,EAAE;IACrB,OAAO,CACL;QACG,OAAO,IAAI,CACV,oBAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,6CAE1B,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,gBACZ,aAAa,KACpB,aAAa,GACjB,CACH;QACD,iEAA+B,KAAK,CAAK;QACxC,WAAW,IAAI,uEAAqC,WAAW,CAAK,CAC9D,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../src/molecules/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,UAA+B,MAAM,eAAe,CAAA;AAqB3D,MAAM,WAAW,GAAG,CAAC,EACnB,OAAO,EACP,KAAK,EACL,aAAa,GAAG,EAAE,EAClB,WAAW,GACM,EAAE,EAAE;IACrB,OAAO,CACL;QACG,OAAO,IAAI,CACV,oBAAC,UAAU,6DAEE,aAAa,EACxB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,KACtB,aAAa,GACjB,CACH;QACD,iEAA+B,KAAK,CAAK;QACxC,WAAW,IAAI,uEAAqC,WAAW,CAAK,CAC9D,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/molecules/ProductTitle/ProductTitle.d.ts

@@ -2,6 +2,10 @@ import React, { HTMLAttributes } from 'react';
 import type { ReactNode } from 'react';
 import type { RatingProps } from '../../';
 export type ProductTitleProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
     /**
      * A react component to be used as the product title, e.g. a `h1`
      */
@@ -18,16 +22,16 @@ export type ProductTitleProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {
      * A text to be used below the title and the label, such as the product's reference number.
      */
     refNumber?: string;
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
     /**
      * The current value of the rating, a number from 0 to 5.
      */
     ratingValue?: number;
 } & Omit<RatingProps, 'testId' | 'onChange' | 'value' | 'title'>;
 declare const ProductTitle: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "title"> & {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string | undefined;
     /**
      * A react component to be used as the product title, e.g. a `h1`
      */
@@ -44,10 +48,6 @@ declare const ProductTitle: React.ForwardRefExoticComponent<Omit<React.HTMLAttri
      * A text to be used below the title and the label, such as the product's reference number.
      */
     refNumber?: string | undefined;
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string | undefined;
     /**
      * The current value of the rating, a number from 0 to 5.
      */

package/dist/organisms/CartSidebar/CartSidebar.d.ts

@@ -1,5 +1,4 @@
-import { PropsWithChildren } from 'react';
-import type { ReactNode } from 'react';
+import type { PropsWithChildren, ReactNode } from 'react';
 import { SlideOverDirection, SlideOverWidthSize } from '../SlideOver';
 export interface CartSidebarProps {
     /**

package/dist/organisms/CartSidebar/CartSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"CartSidebar.js","sourceRoot":"","sources":["../../../src/organisms/CartSidebar/CartSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,OAAO,EACL,KAAK,EACL,KAAK,EACL,SAAS,EACT,eAAe,EACf,aAAa,EACb,KAAK,GACN,MAAM,QAAQ,CAAA;AAwCf,SAAS,WAAW,CAAC,EACnB,MAAM,GAAG,iBAAiB,EAC1B,KAAK,GAAG,WAAW,EACnB,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,WAAW,EACvB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,GAC6B;IACpC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IACzC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAE7B,OAAO,CACL,oBAAC,SAAS,kCAER,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,SAAS,EAAE,EACpD,MAAM,EAAE,MAAM;QAEd,oBAAC,eAAe,IACd,aAAa,EAAE,EAAE,MAAM,EAAE,8BAA8B,EAAE,EACzD,OAAO,EAAE,GAAG,EAAE;gBACZ,OAAO,EAAE,CAAA;gBACT,OAAO,EAAE,CAAA;YACX,CAAC;YAED;gBACG,KAAK;gBACN,oBAAC,KAAK,IAAC,OAAO,EAAC,MAAM,IAAE,UAAU,CAAS,CACvC,CACW;QAEjB,SAAS,IAAI,oBAAC,KAAK,IAAC,IAAI,EAAE,SAAS,IAAG,SAAS,CAAS;QACxD,QAAQ,CACC,CACb,CAAA;AACH,CAAC;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"CartSidebar.js","sourceRoot":"","sources":["../../../src/organisms/CartSidebar/CartSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EACL,KAAK,EACL,KAAK,EACL,SAAS,EACT,eAAe,EACf,aAAa,EACb,KAAK,GACN,MAAM,QAAQ,CAAA;AAwCf,SAAS,WAAW,CAAC,EACnB,MAAM,GAAG,iBAAiB,EAC1B,KAAK,GAAG,WAAW,EACnB,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,WAAW,EACvB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,GAC6B;IACpC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IACzC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAE7B,OAAO,CACL,oBAAC,SAAS,kCAER,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,SAAS,EAAE,EACpD,MAAM,EAAE,MAAM;QAEd,oBAAC,eAAe,IACd,aAAa,EAAE,EAAE,MAAM,EAAE,8BAA8B,EAAE,EACzD,OAAO,EAAE,GAAG,EAAE;gBACZ,OAAO,EAAE,CAAA;gBACT,OAAO,EAAE,CAAA;YACX,CAAC;YAED;gBACG,KAAK;gBACN,oBAAC,KAAK,IAAC,OAAO,EAAC,MAAM,IAAE,UAAU,CAAS,CACvC,CACW;QAEjB,SAAS,IAAI,oBAAC,KAAK,IAAC,IAAI,EAAE,SAAS,IAAG,SAAS,CAAS;QACxD,QAAQ,CACC,CACb,CAAA;AACH,CAAC;AAED,eAAe,WAAW,CAAA"}

package/dist/organisms/EmptyState/EmptyState.d.ts

@@ -0,0 +1,27 @@
+import type { PropsWithChildren, ReactNode } from 'react';
+type Variant = 'default' | 'rounded';
+type BackgroundColor = 'default' | 'light';
+export interface EmptyStateProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * The EmptyState component's title.
+     */
+    title?: string;
+    /**
+     * A React component that will be rendered as an icon on the Title.
+     */
+    titleIcon?: ReactNode;
+    /**
+     * Specifies the component border variant.
+     */
+    variant?: Variant;
+    /**
+     * Specifies the component background color.
+     */
+    bkgColor?: BackgroundColor;
+}
+declare function EmptyState({ testId, title, titleIcon, variant, bkgColor, children, ...otherProps }: PropsWithChildren<EmptyStateProps>): JSX.Element;
+export default EmptyState;

package/dist/organisms/EmptyState/EmptyState.js

@@ -0,0 +1,10 @@
+import React from 'react';
+function EmptyState({ testId = 'fs-empty-state', title, titleIcon, variant = 'default', bkgColor = 'default', children, ...otherProps }) {
+    return (React.createElement("section", { "data-fs-empty-state": true, "data-fs-empty-state-variant": variant, "data-fs-empty-state-bkg-color": bkgColor, "data-testid": testId, ...otherProps },
+        title && (React.createElement("header", { "data-fs-empty-state-title": true },
+            titleIcon && React.createElement(React.Fragment, null, titleIcon),
+            React.createElement("p", null, title))),
+        children));
+}
+export default EmptyState;
+//# sourceMappingURL=EmptyState.js.map

package/dist/organisms/EmptyState/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/organisms/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AA6BzB,SAAS,UAAU,CAAC,EAClB,MAAM,GAAG,gBAAgB,EACzB,KAAK,EACL,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,GAAG,UAAU,EACsB;IACnC,OAAO,CACL,6FAE+B,OAAO,mCACL,QAAQ,iBAC1B,MAAM,KACf,UAAU;QAEb,KAAK,IAAI,CACR;YACG,SAAS,IAAI,0CAAG,SAAS,CAAI;YAC9B,+BAAI,KAAK,CAAK,CACP,CACV;QACA,QAAQ,CACD,CACX,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}

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

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

package/dist/organisms/EmptyState/index.js

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

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

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

package/dist/organisms/RegionModal/RegionModal.d.ts

@@ -0,0 +1,60 @@
+import React from 'react';
+import type { MutableRefObject } from 'react';
+import type { ModalProps, LinkProps, LinkElementType } from '../../';
+export interface RegionModalProps extends Omit<ModalProps, 'children'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * The region modal's title.
+     */
+    title?: string;
+    /**
+     * Description for region modal.
+     */
+    description?: string;
+    /**
+     * Props for the link `I don't know my Postal Code`.
+     */
+    idkPostalCodeLinkProps?: Partial<LinkProps<LinkElementType>>;
+    /**
+     * Props for the `I don't know my Postal Code` link on modal body content.
+     */
+    linkText?: Partial<LinkProps<LinkElementType>>;
+    /**
+     * Message of error for input.
+     */
+    errorMessage?: string;
+    /**
+     * Postal code input's ref.
+     */
+    inputRef?: MutableRefObject<HTMLInputElement | null>;
+    /**
+     * Postal code input's value.
+     */
+    inputValue?: string;
+    /**
+     * Enables fadeOut effect on modal after onSubmit function
+     */
+    fadeOutOnSubmit?: boolean;
+    /**
+     * Function called when Close button is clicked.
+     */
+    onClose?: () => void;
+    /**
+     * Callback function when input is typed.
+     */
+    onInput?: (event: React.FormEvent<HTMLInputElement>) => void;
+    /**
+     * Callback function when form is submitted.
+     */
+    onSubmit?: () => void;
+    /**
+     * Callback function when the input clear button is clicked.
+     */
+    onClear?: () => void;
+}
+declare function RegionModal({ testId, title, description, idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, fadeOutOnSubmit, onClose, onInput, onSubmit, onClear, ...otherProps }: RegionModalProps): JSX.Element;
+export default RegionModal;

package/dist/organisms/RegionModal/RegionModal.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Icon, InputField, Link, Modal, ModalHeader, ModalBody } from '../..';
+function RegionModal({ testId = 'fs-region-modal', title = 'Set your location', description = 'Prices, offers and availability may vary according to your location.', idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, fadeOutOnSubmit, onClose, onInput, onSubmit, onClear, ...otherProps }) {
+    return (React.createElement(Modal, { "data-fs-region-modal": true, testId: testId, ...otherProps }, ({ fadeOut }) => (React.createElement(React.Fragment, null,
+        React.createElement(ModalHeader, { onClose: () => {
+                fadeOut();
+                onClose?.();
+            }, title: title, description: description, closeBtnProps: {
+                'aria-label': 'Close Region Modal',
+            } }),
+        React.createElement(ModalBody, null,
+            React.createElement(InputField, { "data-fs-region-modal-input": true, id: `${testId}-input-field`, inputRef: inputRef, label: "Postal Code", actionable: true, value: inputValue, onInput: (event) => onInput?.(event), onSubmit: () => {
+                    onSubmit?.();
+                    fadeOutOnSubmit ? fadeOut() : null;
+                }, onClear: () => onClear?.(), error: errorMessage }),
+            React.createElement(Link, { "data-fs-region-modal-link": true, ...idkPostalCodeLinkProps }, idkPostalCodeLinkProps?.children ?? (React.createElement(React.Fragment, null,
+                "I don't know my Postal Code",
+                React.createElement(Icon, { name: "ArrowSquareOut", width: 20, height: 20 })))))))));
+}
+export default RegionModal;
+//# sourceMappingURL=RegionModal.js.map

package/dist/organisms/RegionModal/RegionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegionModal.js","sourceRoot":"","sources":["../../../src/organisms/RegionModal/RegionModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA0D7E,SAAS,WAAW,CAAC,EACnB,MAAM,GAAG,iBAAiB,EAC1B,KAAK,GAAG,mBAAmB,EAC3B,WAAW,GAAG,sEAAsE,EACpF,sBAAsB,EACtB,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,eAAe,EACf,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,UAAU,EACI;IACjB,OAAO,CACL,oBAAC,KAAK,kCAAsB,MAAM,EAAE,MAAM,KAAM,UAAU,IACvD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB;QACE,oBAAC,WAAW,IACV,OAAO,EAAE,GAAG,EAAE;gBACZ,OAAO,EAAE,CAAA;gBACT,OAAO,EAAE,EAAE,CAAA;YACb,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE;gBACb,YAAY,EAAE,oBAAoB;aACnC,GACD;QACF,oBAAC,SAAS;YACR,oBAAC,UAAU,wCAET,EAAE,EAAE,GAAG,MAAM,cAAc,EAC3B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,aAAa,EACnB,UAAU,QACV,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,GAAG,EAAE;oBACb,QAAQ,EAAE,EAAE,CAAA;oBACZ,eAAe,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;gBACpC,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,EAC1B,KAAK,EAAE,YAAY,GACnB;YAEF,oBAAC,IAAI,0CAA+B,sBAAsB,IACvD,sBAAsB,EAAE,QAAQ,IAAI,CACnC;gBACG,6BAA6B;gBAC9B,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACpD,CACJ,CACI,CACG,CACX,CACJ,CACK,CACT,CAAA;AACH,CAAC;AAED,eAAe,WAAW,CAAA"}

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

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

package/dist/organisms/RegionModal/index.js

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

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

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

package/dist/organisms/ShippingSimulation/ShippingSimulation.d.ts

@@ -39,7 +39,7 @@ export interface ShippingSimulationProps extends HTMLAttributes<HTMLDivElement>
      */
     optionsLabel?: string;
     /**
-     * Props for the link for i don't know my postal code.
+     * Props for the link `I don't know my Postal Code`.
      */
     idkPostalCodeLinkProps?: Partial<LinkProps<LinkElementType>>;
     /**
@@ -51,7 +51,7 @@ export interface ShippingSimulationProps extends HTMLAttributes<HTMLDivElement>
      */
     onSubmit?: () => void;
     /**
-     * Callback function when the clear button is clicked.
+     * Callback function when the input clear button is clicked.
      */
     onClear?: () => void;
     /**
@@ -67,7 +67,7 @@ export interface ShippingSimulationProps extends HTMLAttributes<HTMLDivElement>
      */
     displayClearButton?: boolean;
     /**
-     * Message of error.
+     * Message of error for input.
      */
     errorMessage?: string;
     /**

package/dist/organisms/ShippingSimulation/ShippingSimulation.js

@@ -1,14 +1,13 @@
 import React from 'react';
-import { Icon, InputField, Link, Price, Table, TableBody, TableCell, TableRow } from '../..';
-function ShippingSimulation({ testId = 'fs-shipping-simulation', formatter, title = "Shipping", inputLabel = "Postal Code", optionsLabel = "Shipping options", idkPostalCodeLinkProps, onInput, onSubmit, onClear, location, options = [], displayClearButton = false, errorMessage, postalCode, ...otherProps }) {
+import { Icon, InputField, Link, Price, Table, TableBody, TableCell, TableRow, } from '../..';
+function ShippingSimulation({ testId = 'fs-shipping-simulation', formatter, title = 'Shipping', inputLabel = 'Postal Code', optionsLabel = 'Shipping options', idkPostalCodeLinkProps, onInput, onSubmit, onClear, location, options = [], displayClearButton = false, errorMessage, postalCode, ...otherProps }) {
     const hasShippingOptions = !!options && options.length > 0;
-    return (React.createElement("section", { "data-fs-shipping-simulation": true, "data-fs-shipping-simulation-empty": !hasShippingOptions ? "true" : "false", "data-testid": testId, ...otherProps },
+    return (React.createElement("section", { "data-fs-shipping-simulation": true, "data-fs-shipping-simulation-empty": !hasShippingOptions ? 'true' : 'false', "data-testid": testId, ...otherProps },
         React.createElement("h2", { "data-fs-shipping-simulation-title": true }, title),
         React.createElement(InputField, { actionable: true, error: errorMessage, id: `${testId}-input-field`, label: inputLabel, value: postalCode, onInput: (event) => onInput?.(event), onSubmit: () => onSubmit?.(), onClear: () => onClear?.(), displayClearButton: displayClearButton }),
-        React.createElement(Link, { href: "/", "data-fs-shipping-simulation-link": true, size: "small", ...idkPostalCodeLinkProps }, idkPostalCodeLinkProps?.children ??
-            React.createElement(React.Fragment, null,
-                "I don't know my Postal Code",
-                React.createElement(Icon, { name: "ArrowSquareOut", width: 20, height: 20 }))),
+        React.createElement(Link, { href: "/", "data-fs-shipping-simulation-link": true, size: "small", ...idkPostalCodeLinkProps }, idkPostalCodeLinkProps?.children ?? (React.createElement(React.Fragment, null,
+            "I don't know my Postal Code",
+            React.createElement(Icon, { name: "ArrowSquareOut", width: 20, height: 20 })))),
         hasShippingOptions && (React.createElement(React.Fragment, null,
             React.createElement("header", { "data-fs-shipping-simulation-header": true },
                 React.createElement("h3", { "data-fs-shipping-simulation-subtitle": true }, optionsLabel),

package/dist/organisms/ShippingSimulation/ShippingSimulation.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShippingSimulation.js","sourceRoot":"","sources":["../../../src/organisms/ShippingSimulation/ShippingSimulation.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,IAAI,EAAE,UAAU,EAAE,IAAI,EAA8B,KAAK,EAAE,KAAK,EAChE,SAAS,EACT,SAAS,EACT,QAAQ,EACT,MAAM,OAAO,CAAA;AA8Ed,SAAS,kBAAkB,CAAC,EAC1B,MAAM,GAAG,wBAAwB,EACjC,SAAS,EACT,KAAK,GAAG,UAAU,EAClB,UAAU,GAAI,aAAa,EAC3B,YAAY,GAAG,kBAAkB,EACjC,sBAAsB,EACtB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,kBAAkB,GAAG,KAAK,EAC1B,YAAY,EACZ,UAAU,EACV,GAAG,UAAU,EACW;IAExB,MAAM,kBAAkB,GAAG,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;IAE1D,OAAO,CACL,2GAEqC,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,iBAC5D,MAAM,KACf,UAAU;QAEd,yEACG,KAAK,CACH;QAEL,oBAAC,UAAU,IACT,UAAU,QACV,KAAK,EAAE,YAAY,EACnB,EAAE,EAAE,GAAG,MAAM,cAAc,EAC3B,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,EAC1B,kBAAkB,EAAE,kBAAkB,GACtC;QAEF,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,4CAAkC,IAAI,EAAC,OAAO,KAAK,sBAAsB,IAEnF,sBAAsB,EAAE,QAAQ;YAChC;gBACG,6BAA6B;gBAC9B,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACpD,CAEA;QAEN,kBAAkB,IAAI,CACrB;YACE;gBACE,4EAA0C,YAAY,CAAM;gBAC5D,2EACG,QAAQ,CACP,CACG;YAET,oBAAC,KAAK;gBACJ,oBAAC,SAAS,QACP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,OAAO;oBAC3B,oBAAC,SAAS,IAAC,KAAK,EAAC,MAAM,IAAE,MAAM,CAAC,OAAO,CAAa;oBACpD,oBAAC,SAAS,QAAE,MAAM,CAAC,kBAAkB,CAAa;oBAClD,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO,IACrB,MAAM,CAAC,KAAK,IAAI,CACf,oBAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,MAAM,EAAC,OAAO,GACd,CACH,CACS,CACH,CACZ,CAAC,CACQ,CACN,CACP,CACJ,CACO,CACX,CAAA;AACH,CAAC;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"ShippingSimulation.js","sourceRoot":"","sources":["../../../src/organisms/ShippingSimulation/ShippingSimulation.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,IAAI,EACJ,UAAU,EACV,IAAI,EAGJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAA;AA8Ed,SAAS,kBAAkB,CAAC,EAC1B,MAAM,GAAG,wBAAwB,EACjC,SAAS,EACT,KAAK,GAAG,UAAU,EAClB,UAAU,GAAG,aAAa,EAC1B,YAAY,GAAG,kBAAkB,EACjC,sBAAsB,EACtB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,kBAAkB,GAAG,KAAK,EAC1B,YAAY,EACZ,UAAU,EACV,GAAG,UAAU,EACW;IACxB,MAAM,kBAAkB,GAAG,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;IAE1D,OAAO,CACL,2GAEqC,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,iBAC5D,MAAM,KACf,UAAU;QAEd,yEAAuC,KAAK,CAAM;QAElD,oBAAC,UAAU,IACT,UAAU,QACV,KAAK,EAAE,YAAY,EACnB,EAAE,EAAE,GAAG,MAAM,cAAc,EAC3B,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,EAC1B,kBAAkB,EAAE,kBAAkB,GACtC;QAEF,oBAAC,IAAI,IACH,IAAI,EAAC,GAAG,4CAER,IAAI,EAAC,OAAO,KACR,sBAAsB,IAEzB,sBAAsB,EAAE,QAAQ,IAAI,CACnC;YACG,6BAA6B;YAC9B,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACpD,CACJ,CACI;QAEN,kBAAkB,IAAI,CACrB;YACE;gBACE,4EAA0C,YAAY,CAAM;gBAC5D,2EAAyC,QAAQ,CAAK,CAC/C;YAET,oBAAC,KAAK;gBACJ,oBAAC,SAAS,QACP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,OAAO;oBAC3B,oBAAC,SAAS,IAAC,KAAK,EAAC,MAAM,IAAE,MAAM,CAAC,OAAO,CAAa;oBACpD,oBAAC,SAAS,QAAE,MAAM,CAAC,kBAAkB,CAAa;oBAClD,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO,IACrB,MAAM,CAAC,KAAK,IAAI,CACf,oBAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,MAAM,EAAC,OAAO,GACd,CACH,CACS,CACH,CACZ,CAAC,CACQ,CACN,CACP,CACJ,CACO,CACX,CAAA;AACH,CAAC;AAED,eAAe,kBAAkB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/components",
-  "version": "2.0.104-alpha.0",
+  "version": "2.0.108-alpha.0",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
   "author": "Emerson Laurentino @emersonlaurentino",
@@ -30,5 +30,5 @@
     "node": "16.18.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "0db7f06c36c7c41ecec51f247b21866469977618"
+  "gitHead": "89d5c048f1ebe684c74a748b799a5fc0a3954819"
 }

package/src/index.ts

@@ -198,6 +198,9 @@ export {
 } from './organisms/CartSidebar'
 export type { CartSidebarProps } from './organisms/CartSidebar'
 
+export { default as EmptyState } from './organisms/EmptyState'
+export type { EmptyStateProps } from './organisms/EmptyState'
+
 export {
   default as Filter,
   FilterFacetBoolean,
@@ -242,6 +245,9 @@ export type { PaymentMethodsProps } from './organisms/PaymentMethods'
 export { default as PriceRange } from './organisms/PriceRange'
 export type { PriceRangeProps } from './organisms/PriceRange'
 
+export { default as RegionModal } from './organisms/RegionModal'
+export type { RegionModalProps } from './organisms/RegionModal'
+
 export { default as SearchInput } from './organisms/SearchInput'
 export type { SearchInputProps } from './organisms/SearchInput'
 

package/src/molecules/Modal/ModalHeader.tsx

@@ -7,17 +7,17 @@ export interface ModalHeaderProps extends HTMLAttributes<HTMLDivElement> {
    * Title for header modal.
    */
   title: string
-
   /**
    * Description for header modal.
    */
   description?: string
-
   /**
    * Props for the Close Button component.
    */
   closeBtnProps?: Partial<Omit<IconButtonProps, 'onClick'>>
-
+  /**
+   * Function called when dismiss button is clicked.
+   */
   onClose?: () => void
 }
 
@@ -31,10 +31,10 @@ const ModalHeader = ({
     <header data-fs-modal-header>
       {onClose && (
         <IconButton
-          onClick={() => onClose?.()}
           data-fs-modal-header-close-button
-          icon={<Icon name="X" />}
           aria-label="Close modal"
+          icon={<Icon name="X" />}
+          onClick={() => onClose?.()}
           {...closeBtnProps}
         />
       )}

package/src/molecules/ProductTitle/ProductTitle.tsx

@@ -5,6 +5,10 @@ import { Rating } from '../../'
 import type { RatingProps } from '../../'
 
 export type ProductTitleProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {
+  /**
+   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+   */
+  testId?: string
   /**
    * A react component to be used as the product title, e.g. a `h1`
    */
@@ -21,10 +25,6 @@ export type ProductTitleProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {
    * A text to be used below the title and the label, such as the product's reference number.
    */
   refNumber?: string
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
   /**
    * The current value of the rating, a number from 0 to 5.
    */

package/src/organisms/CartSidebar/CartSidebar.tsx

@@ -1,5 +1,5 @@
-import React, { PropsWithChildren } from 'react'
-import type { ReactNode } from 'react'
+import React from 'react'
+import type { PropsWithChildren, ReactNode } from 'react'
 
 import {
   Alert,

package/src/organisms/EmptyState/EmptyState.tsx

@@ -0,0 +1,58 @@
+import React from 'react'
+import type { PropsWithChildren, ReactNode } from 'react'
+
+type Variant = 'default' | 'rounded'
+type BackgroundColor = 'default' | 'light'
+
+export interface EmptyStateProps {
+  /**
+   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+   */
+  testId?: string
+  /**
+   * The EmptyState component's title.
+   */
+  title?: string
+  /**
+   * A React component that will be rendered as an icon on the Title.
+   */
+  titleIcon?: ReactNode
+  /**
+   * Specifies the component border variant.
+   */
+  variant?: Variant
+  /**
+   * Specifies the component background color.
+   */
+  bkgColor?: BackgroundColor
+}
+
+function EmptyState({
+  testId = 'fs-empty-state',
+  title,
+  titleIcon,
+  variant = 'default',
+  bkgColor = 'default',
+  children,
+  ...otherProps
+}: PropsWithChildren<EmptyStateProps>) {
+  return (
+    <section
+      data-fs-empty-state
+      data-fs-empty-state-variant={variant}
+      data-fs-empty-state-bkg-color={bkgColor}
+      data-testid={testId}
+      {...otherProps}
+    >
+      {title && (
+        <header data-fs-empty-state-title>
+          {titleIcon && <>{titleIcon}</>}
+          <p>{title}</p>
+        </header>
+      )}
+      {children}
+    </section>
+  )
+}
+
+export default EmptyState

package/src/organisms/EmptyState/index.ts

@@ -0,0 +1,2 @@
+export { default } from './EmptyState'
+export type { EmptyStateProps } from './EmptyState'

package/src/organisms/RegionModal/RegionModal.tsx

@@ -0,0 +1,125 @@
+import React from 'react'
+
+import type { MutableRefObject } from 'react'
+import type { ModalProps, LinkProps, LinkElementType } from '../../'
+import { Icon, InputField, Link, Modal, ModalHeader, ModalBody } from '../..'
+
+export interface RegionModalProps extends Omit<ModalProps, 'children'> {
+  /**
+   * ID to find this component in testing tools (e.g.: cypress,
+   * testing-library, and jest).
+   */
+  testId?: string
+  /**
+   * The region modal's title.
+   */
+  title?: string
+  /**
+   * Description for region modal.
+   */
+  description?: string
+  /**
+   * Props for the link `I don't know my Postal Code`.
+   */
+  idkPostalCodeLinkProps?: Partial<LinkProps<LinkElementType>>
+  /**
+   * Props for the `I don't know my Postal Code` link on modal body content.
+   */
+  linkText?: Partial<LinkProps<LinkElementType>>
+  /**
+   * Message of error for input.
+   */
+  errorMessage?: string
+  /**
+   * Postal code input's ref.
+   */
+  inputRef?: MutableRefObject<HTMLInputElement | null>
+  /**
+   * Postal code input's value.
+   */
+  inputValue?: string
+  /**
+   * Enables fadeOut effect on modal after onSubmit function
+   */
+  fadeOutOnSubmit?: boolean
+  /**
+   * Function called when Close button is clicked.
+   */
+  onClose?: () => void
+  /**
+   * Callback function when input is typed.
+   */
+  onInput?: (event: React.FormEvent<HTMLInputElement>) => void
+  /**
+   * Callback function when form is submitted.
+   */
+  onSubmit?: () => void
+  /**
+   * Callback function when the input clear button is clicked.
+   */
+  onClear?: () => void
+}
+
+function RegionModal({
+  testId = 'fs-region-modal',
+  title = 'Set your location',
+  description = 'Prices, offers and availability may vary according to your location.',
+  idkPostalCodeLinkProps,
+  errorMessage,
+  inputRef,
+  inputValue,
+  fadeOutOnSubmit,
+  onClose,
+  onInput,
+  onSubmit,
+  onClear,
+  ...otherProps
+}: RegionModalProps) {
+  return (
+    <Modal data-fs-region-modal testId={testId} {...otherProps}>
+      {({ fadeOut }) => (
+        <>
+          <ModalHeader
+            onClose={() => {
+              fadeOut()
+              onClose?.()
+            }}
+            title={title}
+            description={description}
+            closeBtnProps={{
+              'aria-label': 'Close Region Modal',
+            }}
+          />
+          <ModalBody>
+            <InputField
+              data-fs-region-modal-input
+              id={`${testId}-input-field`}
+              inputRef={inputRef}
+              label="Postal Code"
+              actionable
+              value={inputValue}
+              onInput={(event) => onInput?.(event)}
+              onSubmit={() => {
+                onSubmit?.()
+                fadeOutOnSubmit ? fadeOut() : null
+              }}
+              onClear={() => onClear?.()}
+              error={errorMessage}
+            />
+
+            <Link data-fs-region-modal-link {...idkPostalCodeLinkProps}>
+              {idkPostalCodeLinkProps?.children ?? (
+                <>
+                  {"I don't know my Postal Code"}
+                  <Icon name="ArrowSquareOut" width={20} height={20} />
+                </>
+              )}
+            </Link>
+          </ModalBody>
+        </>
+      )}
+    </Modal>
+  )
+}
+
+export default RegionModal

package/src/organisms/RegionModal/index.ts

@@ -0,0 +1,2 @@
+export { default } from './RegionModal'
+export type { RegionModalProps } from './RegionModal'

package/src/organisms/ShippingSimulation/ShippingSimulation.tsx

@@ -4,10 +4,16 @@ import type { PriceFormatter } from '../../atoms/Price/Price'
 import React from 'react'
 
 import {
-  Icon, InputField, Link, LinkElementType, LinkProps, Price, Table,
+  Icon,
+  InputField,
+  Link,
+  LinkElementType,
+  LinkProps,
+  Price,
+  Table,
   TableBody,
   TableCell,
-  TableRow
+  TableRow,
 } from '../..'
 
 interface ShippingSLA {
@@ -49,7 +55,7 @@ export interface ShippingSimulationProps
    */
   optionsLabel?: string
   /**
-   * Props for the link for i don't know my postal code.
+   * Props for the link `I don't know my Postal Code`.
    */
   idkPostalCodeLinkProps?: Partial<LinkProps<LinkElementType>>
   /**
@@ -61,9 +67,9 @@ export interface ShippingSimulationProps
    */
   onSubmit?: () => void
   /**
-   * Callback function when the clear button is clicked.
+   * Callback function when the input clear button is clicked.
    */
-  onClear?:  () => void
+  onClear?: () => void
   /**
    * Location for shipping.
    */
@@ -77,7 +83,7 @@ export interface ShippingSimulationProps
    */
   displayClearButton?: boolean
   /**
-   * Message of error.
+   * Message of error for input.
    */
   errorMessage?: string
   /**
@@ -89,9 +95,9 @@ export interface ShippingSimulationProps
 function ShippingSimulation({
   testId = 'fs-shipping-simulation',
   formatter,
-  title = "Shipping",
-  inputLabel =  "Postal Code",
-  optionsLabel = "Shipping options",
+  title = 'Shipping',
+  inputLabel = 'Postal Code',
+  optionsLabel = 'Shipping options',
   idkPostalCodeLinkProps,
   onInput,
   onSubmit,
@@ -103,19 +109,16 @@ function ShippingSimulation({
   postalCode,
   ...otherProps
 }: ShippingSimulationProps) {
-
   const hasShippingOptions = !!options && options.length > 0
 
   return (
     <section
       data-fs-shipping-simulation
-      data-fs-shipping-simulation-empty={!hasShippingOptions ? "true" : "false"}
+      data-fs-shipping-simulation-empty={!hasShippingOptions ? 'true' : 'false'}
       data-testid={testId}
       {...otherProps}
     >
-      <h2 data-fs-shipping-simulation-title>
-        {title}
-      </h2>
+      <h2 data-fs-shipping-simulation-title>{title}</h2>
 
       <InputField
         actionable
@@ -129,23 +132,25 @@ function ShippingSimulation({
         displayClearButton={displayClearButton}
       />
 
-      <Link href="/" data-fs-shipping-simulation-link size="small" {...idkPostalCodeLinkProps}>
-        {
-          idkPostalCodeLinkProps?.children ??
+      <Link
+        href="/"
+        data-fs-shipping-simulation-link
+        size="small"
+        {...idkPostalCodeLinkProps}
+      >
+        {idkPostalCodeLinkProps?.children ?? (
           <>
             {"I don't know my Postal Code"}
             <Icon name="ArrowSquareOut" width={20} height={20} />
           </>
-        }
+        )}
       </Link>
 
       {hasShippingOptions && (
         <>
           <header data-fs-shipping-simulation-header>
             <h3 data-fs-shipping-simulation-subtitle>{optionsLabel}</h3>
-            <p data-fs-shipping-simulation-location>
-              {location}
-            </p>
+            <p data-fs-shipping-simulation-location>{location}</p>
           </header>
 
           <Table>