@faststore/components 3.42.0 → 3.45.0

package/dist/cjs/hooks/UIProvider.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren, ReactNode } from 'react';
+import type { PropsWithChildren, ReactNode, RefObject } from 'react';
 import React from 'react';
 export interface Toast {
     message: string;
@@ -6,6 +6,10 @@ export interface Toast {
     title?: string;
     icon?: ReactNode;
 }
+export interface Popover {
+    isOpen: boolean;
+    triggerRef?: RefObject<HTMLElement>;
+}
 interface State {
     /** Cart sidebar */
     cart: boolean;
@@ -15,7 +19,10 @@ interface State {
     navbar: boolean;
     /** Search page filter slider */
     filter: boolean;
+    /** Toast notifications */
     toasts: Toast[];
+    /** Region Popover */
+    popover: Popover;
 }
 interface Context extends State {
     closeNavbar: () => void;
@@ -28,6 +35,8 @@ interface Context extends State {
     closeModal: () => void;
     pushToast: (data: Toast) => void;
     popToast: () => void;
+    openPopover: (popover: Popover) => void;
+    closePopover: () => void;
 }
 declare function UIProvider({ children }: PropsWithChildren<unknown>): React.JSX.Element;
 export declare function useUI(): Context;

package/dist/cjs/hooks/UIProvider.js

@@ -39,6 +39,24 @@ const reducer = (state, action) => {
                 toasts: state.toasts.slice(1),
             };
         }
+        case 'openPopover': {
+            return {
+                ...state,
+                popover: {
+                    isOpen: true,
+                    triggerRef: action.payload.triggerRef,
+                },
+            };
+        }
+        case 'closePopover': {
+            return {
+                ...state,
+                popover: {
+                    isOpen: false,
+                    triggerRef: undefined,
+                },
+            };
+        }
         default:
             throw new Error(`Action ${type} not implemented`);
     }
@@ -49,6 +67,10 @@ const initializer = () => ({
     navbar: false,
     filter: false,
     toasts: [],
+    popover: {
+        isOpen: false,
+        triggerRef: undefined,
+    },
 });
 const UIContext = (0, react_1.createContext)(undefined);
 function UIProvider({ children }) {
@@ -64,6 +86,8 @@ function UIProvider({ children }) {
         closeModal: () => dispatch({ type: 'close', payload: 'modal' }),
         pushToast: (toast) => dispatch({ type: 'pushToast', payload: toast }),
         popToast: () => dispatch({ type: 'popToast' }),
+        openPopover: (popover) => dispatch({ type: 'openPopover', payload: popover }),
+        closePopover: () => dispatch({ type: 'closePopover' }),
     }), []);
     const value = (0, react_1.useMemo)(() => ({
         ...ui,

package/dist/cjs/hooks/UIProvider.js.map

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

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

@@ -1,9 +1,10 @@
 export { default as UIProvider, Toast as ToastProps, useUI } from './UIProvider';
 export { useFadeEffect } from './useFadeEffect';
-export { useTrapFocus } from './useTrapFocus';
+export { useOnClickOutside } from './useOnClickOutside';
 export { useSearch } from './useSearch';
 export { useSKUMatrix } from './useSKUMatrix';
 export { useScrollDirection } from './useScrollDirection';
 export { useSlider } from './useSlider';
 export type { UseSliderArgs, SliderState, SliderDispatch, SlideDirection, } from './useSlider';
 export { useSlideVisibility } from './useSlideVisibility';
+export { useTrapFocus } from './useTrapFocus';

package/dist/cjs/hooks/index.js

@@ -3,14 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSlideVisibility = exports.useSlider = exports.useScrollDirection = exports.useSKUMatrix = exports.useSearch = exports.useTrapFocus = exports.useFadeEffect = exports.useUI = exports.UIProvider = void 0;
+exports.useTrapFocus = exports.useSlideVisibility = exports.useSlider = exports.useScrollDirection = exports.useSKUMatrix = exports.useSearch = exports.useOnClickOutside = exports.useFadeEffect = exports.useUI = exports.UIProvider = void 0;
 var UIProvider_1 = require("./UIProvider");
 Object.defineProperty(exports, "UIProvider", { enumerable: true, get: function () { return __importDefault(UIProvider_1).default; } });
 Object.defineProperty(exports, "useUI", { enumerable: true, get: function () { return UIProvider_1.useUI; } });
 var useFadeEffect_1 = require("./useFadeEffect");
 Object.defineProperty(exports, "useFadeEffect", { enumerable: true, get: function () { return useFadeEffect_1.useFadeEffect; } });
-var useTrapFocus_1 = require("./useTrapFocus");
-Object.defineProperty(exports, "useTrapFocus", { enumerable: true, get: function () { return useTrapFocus_1.useTrapFocus; } });
+var useOnClickOutside_1 = require("./useOnClickOutside");
+Object.defineProperty(exports, "useOnClickOutside", { enumerable: true, get: function () { return useOnClickOutside_1.useOnClickOutside; } });
 var useSearch_1 = require("./useSearch");
 Object.defineProperty(exports, "useSearch", { enumerable: true, get: function () { return useSearch_1.useSearch; } });
 var useSKUMatrix_1 = require("./useSKUMatrix");
@@ -21,4 +21,6 @@ var useSlider_1 = require("./useSlider");
 Object.defineProperty(exports, "useSlider", { enumerable: true, get: function () { return useSlider_1.useSlider; } });
 var useSlideVisibility_1 = require("./useSlideVisibility");
 Object.defineProperty(exports, "useSlideVisibility", { enumerable: true, get: function () { return useSlideVisibility_1.useSlideVisibility; } });
+var useTrapFocus_1 = require("./useTrapFocus");
+Object.defineProperty(exports, "useTrapFocus", { enumerable: true, get: function () { return useTrapFocus_1.useTrapFocus; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAgF;AAAvE,yHAAA,OAAO,OAAc;AAAuB,mGAAA,KAAK,OAAA;AAC1D,iDAA+C;AAAtC,8GAAA,aAAa,OAAA;AACtB,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AACrB,yCAAuC;AAA9B,sGAAA,SAAS,OAAA;AAClB,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AACrB,2DAAyD;AAAhD,wHAAA,kBAAkB,OAAA;AAC3B,yCAAuC;AAA9B,sGAAA,SAAS,OAAA;AAOlB,2DAAyD;AAAhD,wHAAA,kBAAkB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAgF;AAAvE,yHAAA,OAAO,OAAc;AAAuB,mGAAA,KAAK,OAAA;AAC1D,iDAA+C;AAAtC,8GAAA,aAAa,OAAA;AACtB,yDAAuD;AAA9C,sHAAA,iBAAiB,OAAA;AAC1B,yCAAuC;AAA9B,sGAAA,SAAS,OAAA;AAClB,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AACrB,2DAAyD;AAAhD,wHAAA,kBAAkB,OAAA;AAC3B,yCAAuC;AAA9B,sGAAA,SAAS,OAAA;AAOlB,2DAAyD;AAAhD,wHAAA,kBAAkB,OAAA;AAC3B,+CAA6C;AAApC,4GAAA,YAAY,OAAA"}

package/dist/cjs/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,4 @@
+import type { RefObject } from 'react';
+type Handler = (event: any) => void;
+export declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T> | undefined, handler: Handler): void;
+export {};

package/dist/cjs/hooks/useOnClickOutside.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnClickOutside = void 0;
+const react_1 = require("react");
+function useOnClickOutside(ref, handler) {
+    (0, react_1.useEffect)(() => {
+        if (!ref?.current)
+            return;
+        const listener = (event) => {
+            if (!ref?.current || ref.current.contains(event.target)) {
+                return;
+            }
+            handler(event);
+        };
+        document.addEventListener('mousedown', listener);
+        document.addEventListener('touchstart', listener);
+        return () => {
+            document.removeEventListener('mousedown', listener);
+            document.removeEventListener('touchstart', listener);
+        };
+    }, 
+    /**
+     * Add ref and handler to effect dependencies.
+     * It's worth noting that because passed in handler is a new
+     * function on every render that will cause this effect
+     * callback/cleanup to run every render. It's not a big deal
+     * but to optimize you can wrap handler in useCallback before
+     * passing it into this hook.
+     */
+    [ref, handler]);
+}
+exports.useOnClickOutside = useOnClickOutside;
+//# sourceMappingURL=useOnClickOutside.js.map

package/dist/cjs/hooks/useOnClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.js","sourceRoot":"","sources":["../../../src/hooks/useOnClickOutside.ts"],"names":[],"mappings":";;;AACA,iCAAiC;AAIjC,SAAgB,iBAAiB,CAC/B,GAA6B,EAC7B,OAAgB;IAEhB,IAAA,iBAAS,EACP,GAAG,EAAE;QACH,IAAI,CAAC,GAAG,EAAE,OAAO;YAAE,OAAM;QAEzB,MAAM,QAAQ,GAAY,CAAC,KAAK,EAAE,EAAE;YAClC,IAAI,CAAC,GAAG,EAAE,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;gBACxD,OAAM;YACR,CAAC;YAED,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;QAChD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QAEjD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YACnD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC;IACD;;;;;;;OAOG;IACH,CAAC,GAAG,EAAE,OAAO,CAAC,CACf,CAAA;AACH,CAAC;AAlCD,8CAkCC"}

package/dist/cjs/index.d.ts

@@ -67,6 +67,8 @@ export { default as NavbarLinks, NavbarLinksList, NavbarLinksListItem, } from '.
 export type { NavbarLinksProps, NavbarLinksListProps, NavbarLinksListItemProps, } from './molecules/NavbarLinks';
 export { default as OrderSummary } from './molecules/OrderSummary';
 export type { OrderSummaryProps } from './molecules/OrderSummary';
+export { default as Popover } from './molecules/Popover';
+export type { PopoverProps } from './molecules/Popover';
 export { default as ProductCard, ProductCardImage, ProductCardContent, } from './molecules/ProductCard';
 export type { ProductCardProps, ProductCardImageProps, ProductCardContentProps, } from './molecules/ProductCard';
 export { default as ProductPrice } from './molecules/ProductPrice';

package/dist/cjs/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavbarLinks = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.LinkButton = exports.TextareaField = exports.InputField = exports.GiftImage = exports.GiftContent = exports.Gift = exports.DropdownMenu = exports.DropdownItem = exports.DropdownButton = exports.Dropdown = exports.DiscountBadge = exports.IconButton = exports.CheckboxField = exports.CartItemSummary = exports.CartItemImage = exports.CartItem = exports.Card = exports.CarouselBullets = exports.CarouselItem = exports.Carousel = exports.BuyButton = exports.Breadcrumb = exports.BreadcrumbPure = exports.Alert = exports.AccordionPanel = exports.AccordionButton = exports.AccordionItem = exports.Accordion = exports.SROnly = exports.Slider = exports.Select = exports.Skeleton = exports.Radio = exports.Price = exports.Overlay = exports.List = exports.Loader = exports.Link = exports.Label = exports.Textarea = exports.Input = exports.Icon = exports.Checkbox = exports.Button = exports.Badge = void 0;
-exports.FilterFacetBooleanItem = exports.FilterFacetBoolean = exports.Filter = exports.EmptyState = exports.CartSidebarFooter = exports.CartSidebarList = exports.CartSidebar = exports.BannerTextContent = exports.BannerText = exports.QuantitySelector = exports.ToggleField = exports.Toggle = exports.Toast = exports.Tag = exports.TableRow = exports.TableHead = exports.TableFooter = exports.TableCell = exports.TableBody = exports.Table = exports.SkuSelector = exports.SelectField = exports.SearchTopTerm = exports.SearchTop = exports.SearchProductItemContent = exports.SearchProductItemImage = exports.SearchProductItem = exports.SearchProducts = exports.SearchHistoryTerm = exports.SearchHistory = exports.SearchDropdown = exports.SearchAutoCompleteTerm = exports.SearchAutoComplete = exports.SearchInputField = exports.SearchProvider = exports.Tooltip = exports.RegionBar = exports.RatingField = exports.Rating = exports.RadioOption = exports.RadioGroup = exports.RadioField = exports.ProductTitle = exports.ProductPrice = exports.ProductCardContent = exports.ProductCardImage = exports.ProductCard = exports.OrderSummary = exports.NavbarLinksListItem = exports.NavbarLinksList = void 0;
-exports.SKUMatrixSidebar = exports.SKUMatrixTrigger = exports.SKUMatrix = exports.SlideOverHeader = exports.SlideOver = exports.ShippingSimulation = exports.SearchInput = exports.RegionModal = exports.ProductShelfItem = exports.ProductShelfItems = exports.ProductShelf = exports.ProductGridItem = exports.ProductGrid = exports.PriceRange = exports.PaymentMethods = exports.OutOfStock = exports.NewsletterHeader = exports.NewsletterForm = exports.NewsletterContent = exports.NewsletterAddendum = exports.Newsletter = exports.NavbarSliderFooter = exports.NavbarSliderContent = exports.NavbarSliderHeader = exports.NavbarSlider = exports.NavbarButtons = exports.NavbarRow = exports.NavbarHeader = exports.Navbar = exports.ImageGalleryViewer = exports.ImageGallerySelector = exports.ImageGallery = exports.HeroHeader = exports.HeroImage = exports.Hero = exports.FilterSlider = exports.FilterFacets = exports.FilterFacetRange = void 0;
+exports.FilterFacetBoolean = exports.Filter = exports.EmptyState = exports.CartSidebarFooter = exports.CartSidebarList = exports.CartSidebar = exports.BannerTextContent = exports.BannerText = exports.QuantitySelector = exports.ToggleField = exports.Toggle = exports.Toast = exports.Tag = exports.TableRow = exports.TableHead = exports.TableFooter = exports.TableCell = exports.TableBody = exports.Table = exports.SkuSelector = exports.SelectField = exports.SearchTopTerm = exports.SearchTop = exports.SearchProductItemContent = exports.SearchProductItemImage = exports.SearchProductItem = exports.SearchProducts = exports.SearchHistoryTerm = exports.SearchHistory = exports.SearchDropdown = exports.SearchAutoCompleteTerm = exports.SearchAutoComplete = exports.SearchInputField = exports.SearchProvider = exports.Tooltip = exports.RegionBar = exports.RatingField = exports.Rating = exports.RadioOption = exports.RadioGroup = exports.RadioField = exports.ProductTitle = exports.ProductPrice = exports.ProductCardContent = exports.ProductCardImage = exports.ProductCard = exports.Popover = exports.OrderSummary = exports.NavbarLinksListItem = exports.NavbarLinksList = void 0;
+exports.SKUMatrixSidebar = exports.SKUMatrixTrigger = exports.SKUMatrix = exports.SlideOverHeader = exports.SlideOver = exports.ShippingSimulation = exports.SearchInput = exports.RegionModal = exports.ProductShelfItem = exports.ProductShelfItems = exports.ProductShelf = exports.ProductGridItem = exports.ProductGrid = exports.PriceRange = exports.PaymentMethods = exports.OutOfStock = exports.NewsletterHeader = exports.NewsletterForm = exports.NewsletterContent = exports.NewsletterAddendum = exports.Newsletter = exports.NavbarSliderFooter = exports.NavbarSliderContent = exports.NavbarSliderHeader = exports.NavbarSlider = exports.NavbarButtons = exports.NavbarRow = exports.NavbarHeader = exports.Navbar = exports.ImageGalleryViewer = exports.ImageGallerySelector = exports.ImageGallery = exports.HeroHeader = exports.HeroImage = exports.Hero = exports.FilterSlider = exports.FilterFacets = exports.FilterFacetRange = exports.FilterFacetBooleanItem = void 0;
 const tslib_1 = require("tslib");
 // Hooks
 tslib_1.__exportStar(require("./hooks"), exports);
@@ -96,6 +96,8 @@ Object.defineProperty(exports, "NavbarLinksList", { enumerable: true, get: funct
 Object.defineProperty(exports, "NavbarLinksListItem", { enumerable: true, get: function () { return NavbarLinks_1.NavbarLinksListItem; } });
 var OrderSummary_1 = require("./molecules/OrderSummary");
 Object.defineProperty(exports, "OrderSummary", { enumerable: true, get: function () { return tslib_1.__importDefault(OrderSummary_1).default; } });
+var Popover_1 = require("./molecules/Popover");
+Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return tslib_1.__importDefault(Popover_1).default; } });
 var ProductCard_1 = require("./molecules/ProductCard");
 Object.defineProperty(exports, "ProductCard", { enumerable: true, get: function () { return tslib_1.__importDefault(ProductCard_1).default; } });
 Object.defineProperty(exports, "ProductCardImage", { enumerable: true, get: function () { return ProductCard_1.ProductCardImage; } });

package/dist/cjs/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":"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"}

package/dist/cjs/molecules/Accordion/AccordionButton.js

@@ -32,7 +32,7 @@ const AccordionButton = (0, react_1.forwardRef)(function AccordionButton({ testI
             default:
         }
     };
-    return (react_1.default.createElement(__1.Button, { ref: ref, id: button, variant: "tertiary", "data-fs-accordion-button": true, "aria-expanded": indices.has(index), icon: indices.has(index) ? expandedIcon : collapsedIcon, iconPosition: "right", "aria-controls": panel, onKeyDown: onKeyDown, onClick: () => {
+    return (react_1.default.createElement(__1.Button, { ref: ref, id: button, variant: "tertiary", "data-fs-accordion-button": indices.has(index) ? 'expanded' : 'collapsed', "aria-expanded": indices.has(index), icon: indices.has(index) ? expandedIcon : collapsedIcon, iconPosition: "right", "aria-controls": panel, onKeyDown: onKeyDown, onClick: () => {
             onChange(index);
         }, "data-testid": testId, ...otherProps }, children));
 });

package/dist/cjs/molecules/Accordion/AccordionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionButton.js","sourceRoot":"","sources":["../../../../src/molecules/Accordion/AccordionButton.tsx"],"names":[],"mappings":";;;AACA,uDAAyC;AAEzC,2CAA0C;AAC1C,mDAAkD;AAGlD,6BAAoC;AAiBpC,MAAM,eAAe,GAAG,IAAA,kBAAU,EAChC,SAAS,eAAe,CACtB,EACE,MAAM,GAAG,qBAAqB,EAC9B,YAAY,GAAG,8BAAC,QAAI,IAAC,IAAI,EAAC,aAAa,eAAW,UAAU,GAAG,EAC/D,aAAa,GAAG,8BAAC,QAAI,IAAC,IAAI,EAAC,YAAY,eAAW,WAAW,GAAG,EAChE,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,IAAA,wBAAY,GAAE,CAAA;IAC3D,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,gCAAgB,GAAE,CAAA;IAE7D,MAAM,SAAS,GAAG,CAAC,KAA0B,EAAE,EAAE;QAC/C,IAAI,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YAClD,OAAM;QACR,CAAC;QAED,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAExE,OAAO,QAAQ,CAAC,cAAc,CAC5B,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,IAAI,EAAE,CAC/C,CAAA;QACH,CAAC,CAAA;QAED,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,MAAM,QAAQ,GACZ,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAE/D,OAAO,QAAQ,CAAC,cAAc,CAC5B,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,QAAQ,EAAE,CACnD,CAAA;QACH,CAAC,CAAA;QAED,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,OAAO,EAAE,EAAE,KAAK,EAAE,CAAA;gBAClB,MAAK;YAEP,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,WAAW,EAAE,EAAE,KAAK,EAAE,CAAA;gBACtB,MAAK;YAEP,QAAQ;QACV,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,UAAM,IACL,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EAAC,UAAU,qDAEH,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EACjC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EACvD,YAAY,EAAC,OAAO,mBACL,KAAK,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,iBACY,MAAM,KACf,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,eAAe,CAAA"}
+{"version":3,"file":"AccordionButton.js","sourceRoot":"","sources":["../../../../src/molecules/Accordion/AccordionButton.tsx"],"names":[],"mappings":";;;AACA,uDAAyC;AAEzC,2CAA0C;AAC1C,mDAAkD;AAGlD,6BAAoC;AAiBpC,MAAM,eAAe,GAAG,IAAA,kBAAU,EAChC,SAAS,eAAe,CACtB,EACE,MAAM,GAAG,qBAAqB,EAC9B,YAAY,GAAG,8BAAC,QAAI,IAAC,IAAI,EAAC,aAAa,eAAW,UAAU,GAAG,EAC/D,aAAa,GAAG,8BAAC,QAAI,IAAC,IAAI,EAAC,YAAY,eAAW,WAAW,GAAG,EAChE,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,IAAA,wBAAY,GAAE,CAAA;IAC3D,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,gCAAgB,GAAE,CAAA;IAE7D,MAAM,SAAS,GAAG,CAAC,KAA0B,EAAE,EAAE;QAC/C,IAAI,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YAClD,OAAM;QACR,CAAC;QAED,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAExE,OAAO,QAAQ,CAAC,cAAc,CAC5B,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,IAAI,EAAE,CAC/C,CAAA;QACH,CAAC,CAAA;QAED,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,MAAM,QAAQ,GACZ,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAE/D,OAAO,QAAQ,CAAC,cAAc,CAC5B,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,QAAQ,EAAE,CACnD,CAAA;QACH,CAAC,CAAA;QAED,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,OAAO,EAAE,EAAE,KAAK,EAAE,CAAA;gBAClB,MAAK;YAEP,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,WAAW,EAAE,EAAE,KAAK,EAAE,CAAA;gBACtB,MAAK;YAEP,QAAQ;QACV,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,UAAM,IACL,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EAAC,UAAU,8BACQ,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,mBACxD,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EACjC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EACvD,YAAY,EAAC,OAAO,mBACL,KAAK,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,iBACY,MAAM,KACf,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,eAAe,CAAA"}

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

@@ -8,7 +8,7 @@ export type ModalChildrenProps = {
     fadeIn: () => void;
 };
 type ModalChildrenFunction = (props: ModalChildrenProps) => ReactNode;
-export interface ModalProps extends Omit<ModalContentProps, 'children'> {
+export interface ModalProps extends Omit<ModalContentProps, 'children' | 'onEntered'> {
     /**
      * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
      */
@@ -19,21 +19,29 @@ export interface ModalProps extends Omit<ModalContentProps, 'children'> {
      */
     'aria-labelledby'?: AriaAttributes['aria-label'];
     /**
-     * A boolean value that represents the state of the Modal
+     * A boolean value that represents the state of the Modal.
      */
     isOpen?: boolean;
     /**
-     * Event emitted when the modal is closed
+     * Event emitted when the modal is closed.
      */
     onDismiss?: () => void;
     /**
-     * Props forwarded to the `Overlay` component
+     * Callback function when the modal is opened.
+     */
+    onEntered?: () => void;
+    /**
+     * Props forwarded to the `Overlay` component.
      */
     overlayProps?: OverlayProps;
     /**
-     * Children or function as a children
+     * Children or function as a children.
      */
     children: ModalChildrenFunction | ReactNode;
+    /**
+     * Disable being closed using the Escape key.
+     */
+    disableEscapeKeyDown?: boolean;
 }
-declare const Modal: ({ children, testId, isOpen, onDismiss, overlayProps, ...otherProps }: ModalProps) => React.ReactPortal | null;
+declare const Modal: ({ children, testId, isOpen, onDismiss, overlayProps, disableEscapeKeyDown, onEntered, ...otherProps }: ModalProps) => React.ReactPortal | null;
 export default Modal;

package/dist/cjs/molecules/Modal/Modal.js

@@ -11,11 +11,11 @@ const ModalContent_1 = tslib_1.__importDefault(require("./ModalContent"));
  * https://github.com/reach/reach-ui/blob/main/packages/dialog/src/index.tsx
  * https://reach.tech/dialog
  */
-const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, overlayProps, ...otherProps }) => {
+const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, overlayProps, disableEscapeKeyDown = false, onEntered, ...otherProps }) => {
     const { closeModal } = (0, hooks_1.useUI)();
     const { fade, fadeOut, fadeIn } = (0, hooks_1.useFadeEffect)();
     const handleBackdropClick = (event) => {
-        if (event.defaultPrevented) {
+        if (disableEscapeKeyDown || event.defaultPrevented) {
             return;
         }
         event.stopPropagation();
@@ -23,7 +23,9 @@ const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, overla
         onDismiss?.();
     };
     const handleBackdropKeyDown = (event) => {
-        if (event.key !== 'Escape' || event.defaultPrevented) {
+        if (disableEscapeKeyDown ||
+            event.key !== 'Escape' ||
+            event.defaultPrevented) {
             return;
         }
         event.stopPropagation();
@@ -32,7 +34,14 @@ const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, overla
     };
     return isOpen
         ? (0, react_dom_1.createPortal)(react_1.default.createElement(__1.Overlay, { onClick: handleBackdropClick, onKeyDown: handleBackdropKeyDown, ...overlayProps },
-            react_1.default.createElement(ModalContent_1.default, { onTransitionEnd: () => fade === 'out' && closeModal(), "data-fs-modal": true, "data-fs-modal-state": fade, testId: testId, ...otherProps }, typeof children === 'function'
+            react_1.default.createElement(ModalContent_1.default, { onTransitionEnd: () => {
+                    if (fade === 'out') {
+                        closeModal();
+                    }
+                    else if (fade === 'in' && onEntered) {
+                        onEntered();
+                    }
+                }, "data-fs-modal": true, "data-fs-modal-state": fade, testId: testId, ...otherProps }, typeof children === 'function'
                 ? children({ fade, fadeOut, fadeIn })
                 : children)), document.body)
         : null;

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/molecules/Modal/Modal.tsx"],"names":[],"mappings":";;;AAMA,0DAAyB;AACzB,yCAAwC;AAExC,6BAAkD;AAClD,uCAAkD;AAElD,0EAAyC;AAsCzC;;;;GAIG;AAEH,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,MAAM,GAAG,UAAU,EACnB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,YAAY,EACZ,GAAG,UAAU,EACF,EAAE,EAAE;IACf,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,aAAK,GAAE,CAAA;IAC9B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAA;IAEjD,MAAM,mBAAmB,GAAG,CAAC,KAAiB,EAAE,EAAE;QAChD,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC3B,OAAM;QACR,CAAC;QAED,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,OAAO,EAAE,EAAE,CAAA;QACX,SAAS,EAAE,EAAE,CAAA;IACf,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,CAAC,KAAoB,EAAE,EAAE;QACrD,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACrD,OAAM;QACR,CAAC;QAED,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,OAAO,EAAE,EAAE,CAAA;QACX,SAAS,EAAE,EAAE,CAAA;IACf,CAAC,CAAA;IAED,OAAO,MAAM;QACX,CAAC,CAAC,IAAA,wBAAY,EACV,8BAAC,WAAO,IACN,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,qBAAqB,KAC5B,YAAY;YAEhB,8BAAC,sBAAY,IACX,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,KAAK,IAAI,UAAU,EAAE,gDAEhC,IAAI,EACzB,MAAM,EAAE,MAAM,KACV,UAAU,IAEb,OAAO,QAAQ,KAAK,UAAU;gBAC7B,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;gBACrC,CAAC,CAAC,QAAQ,CACC,CACP,EACV,QAAQ,CAAC,IAAI,CACd;QACH,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAED,kBAAe,KAAK,CAAA"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/molecules/Modal/Modal.tsx"],"names":[],"mappings":";;;AAMA,0DAAyB;AACzB,yCAAwC;AAExC,6BAAkD;AAClD,uCAAkD;AAElD,0EAAyC;AA+CzC;;;;GAIG;AAEH,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,MAAM,GAAG,UAAU,EACnB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,YAAY,EACZ,oBAAoB,GAAG,KAAK,EAC5B,SAAS,EACT,GAAG,UAAU,EACF,EAAE,EAAE;IACf,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,aAAK,GAAE,CAAA;IAC9B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAA;IAEjD,MAAM,mBAAmB,GAAG,CAAC,KAAiB,EAAE,EAAE;QAChD,IAAI,oBAAoB,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACnD,OAAM;QACR,CAAC;QAED,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,OAAO,EAAE,EAAE,CAAA;QACX,SAAS,EAAE,EAAE,CAAA;IACf,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,CAAC,KAAoB,EAAE,EAAE;QACrD,IACE,oBAAoB;YACpB,KAAK,CAAC,GAAG,KAAK,QAAQ;YACtB,KAAK,CAAC,gBAAgB,EACtB,CAAC;YACD,OAAM;QACR,CAAC;QAED,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,OAAO,EAAE,EAAE,CAAA;QACX,SAAS,EAAE,EAAE,CAAA;IACf,CAAC,CAAA;IAED,OAAO,MAAM;QACX,CAAC,CAAC,IAAA,wBAAY,EACV,8BAAC,WAAO,IACN,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,qBAAqB,KAC5B,YAAY;YAEhB,8BAAC,sBAAY,IACX,eAAe,EAAE,GAAG,EAAE;oBACpB,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;wBACnB,UAAU,EAAE,CAAA;oBACd,CAAC;yBAAM,IAAI,IAAI,KAAK,IAAI,IAAI,SAAS,EAAE,CAAC;wBACtC,SAAS,EAAE,CAAA;oBACb,CAAC;gBACH,CAAC,gDAEoB,IAAI,EACzB,MAAM,EAAE,MAAM,KACV,UAAU,IAEb,OAAO,QAAQ,KAAK,UAAU;gBAC7B,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;gBACrC,CAAC,CAAC,QAAQ,CACC,CACP,EACV,QAAQ,CAAC,IAAI,CACd;QACH,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAED,kBAAe,KAAK,CAAA"}

package/dist/cjs/molecules/Popover/Popover.d.ts

@@ -0,0 +1,67 @@
+import React, { type HTMLAttributes, type ReactNode, type RefObject } from 'react';
+/**
+ * Specifies Popover position.
+ */
+export type Side = 'bottom' | 'top';
+/**
+ * Specifies tooltip alignment.
+ */
+export type Alignment = 'start' | 'center' | 'end';
+/**
+ * Combines side + alignment (e.g., "top-start").
+ */
+export type Placement = `${Side}-${Alignment}`;
+export interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {
+    /**
+     * The Popover header's title.
+     */
+    title?: string;
+    /**
+     * Content of the Popover.
+     */
+    content: ReactNode;
+    /**
+     * Defines the side or side-alignment (e.g., "bottom-start", "bottom-center") of the Popover.
+     */
+    placement?: Placement;
+    /**
+     * If the Popover can be closed by a button.
+     */
+    dismissible?: boolean;
+    /**
+     * Called when the Popover is dismissed.
+     */
+    onDismiss?: () => void;
+    /**
+     * Callback when the Popover is fully rendered and positioned.
+     */
+    onEntered?: () => void;
+    /**
+     * Close button aria-label.
+     */
+    closeButtonAriaLabel?: string;
+    /**
+     * Controls whether the Popover is open.
+     */
+    isOpen: boolean;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Offset value for top position (e.g.: 12).
+     * @default '8'
+     */
+    offsetTop?: number;
+    /**
+     * Offset value for left position (e.g.: 12).
+     * @default '0'
+     */
+    offsetLeft?: number;
+    /**
+     * Reference to the trigger element that opens the Popover.
+     */
+    triggerRef?: RefObject<HTMLElement>;
+}
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
+export default Popover;

package/dist/cjs/molecules/Popover/Popover.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const Icon_1 = tslib_1.__importDefault(require("../../atoms/Icon"));
+const IconButton_1 = tslib_1.__importDefault(require("../IconButton"));
+const hooks_1 = require("../../hooks");
+const calculatePosition = (rect, placement, offsetTop, offsetLeft) => {
+    const { top, left, height } = rect;
+    switch (true) {
+        case placement.startsWith('top'):
+            return {
+                top: top + height + window.scrollY - offsetTop,
+                left: left + window.scrollX + offsetLeft,
+            };
+        case placement.startsWith('bottom'):
+            return {
+                top: top + height + window.scrollY + offsetTop,
+                left: left + window.scrollX + offsetLeft,
+            };
+        default:
+            return { top: 0, left: 0 };
+    }
+};
+const Popover = (0, react_1.forwardRef)(function Popover({ title, content, placement = 'bottom-start', dismissible = false, onDismiss, isOpen, triggerRef: propTriggerRef, offsetTop = 8, offsetLeft = 0, closeButtonAriaLabel = 'Close Popover', testId = 'fs-popover', style, onEntered, ...otherProps }, ref) {
+    // Use forwarded ref or internal ref for fallback
+    const popoverRef = ref || (0, react_1.useRef)(null);
+    const [popoverPosition, setPopoverPosition] = (0, react_1.useState)({ top: 0, left: 0 });
+    const { popover, closePopover } = (0, hooks_1.useUI)();
+    const contextTriggerRef = popover.triggerRef;
+    // Use the propTriggerRef if provided, otherwise fallback to contextTriggerRef
+    const triggerRef = propTriggerRef || contextTriggerRef;
+    (0, react_1.useEffect)(() => {
+        if (!isOpen || !triggerRef?.current)
+            return;
+        // Set the position according to the trigger element and placement
+        const rect = triggerRef.current.getBoundingClientRect();
+        setPopoverPosition(calculatePosition(rect, placement, offsetTop, offsetLeft));
+        // Trigger the onEntered callback after positioning
+        if (onEntered) {
+            onEntered();
+        }
+    }, [isOpen, triggerRef, offsetTop, offsetLeft, placement]);
+    const handleDismiss = (0, react_1.useCallback)(() => {
+        closePopover();
+        onDismiss?.();
+    }, [closePopover, onDismiss]);
+    (0, hooks_1.useOnClickOutside)(isOpen ? popoverRef : undefined, handleDismiss);
+    const handleKeyDown = (0, react_1.useCallback)((event) => {
+        if (event.key === 'Escape') {
+            handleDismiss();
+        }
+    }, [handleDismiss]);
+    if (!isOpen) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { "data-fs-popover": true, role: "dialog", ref: popoverRef, "data-fs-popover-placement": placement, onKeyDown: handleKeyDown, "data-testid": testId, style: { position: 'absolute', ...popoverPosition, ...style }, ...otherProps },
+        react_1.default.createElement("header", { "data-fs-popover-header": true },
+            title && react_1.default.createElement("h3", { "data-fs-popover-header-title": true }, title),
+            dismissible && (react_1.default.createElement(IconButton_1.default, { "data-fs-popover-header-dismiss-button": true, size: "small", variant: "tertiary", icon: react_1.default.createElement(Icon_1.default, { name: "X", width: 20, height: 20 }), "aria-label": closeButtonAriaLabel, onClick: handleDismiss }))),
+        react_1.default.createElement("div", { "data-fs-popover-content": true }, content),
+        react_1.default.createElement("span", { "data-fs-popover-indicator": true, "aria-hidden": "true" })));
+});
+exports.default = Popover;
+//# sourceMappingURL=Popover.js.map

package/dist/cjs/molecules/Popover/Popover.js.map

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

package/dist/cjs/molecules/Popover/index.d.ts

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

package/dist/cjs/molecules/Popover/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Popover_1 = require("./Popover");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Popover_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/molecules/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/Popover/index.tsx"],"names":[],"mappings":";;;;;;AAAA,qCAAmC;AAA1B,mHAAA,OAAO,OAAA"}

package/dist/cjs/molecules/RegionBar/RegionBar.d.ts

@@ -1,8 +1,12 @@
-import type { HTMLAttributes, ReactNode } from 'react';
+import type { HTMLAttributes, ReactNode, RefAttributes } from 'react';
 import React from 'react';
-export interface RegionBarProps extends HTMLAttributes<HTMLDivElement> {
+export interface RegionBarProps extends HTMLAttributes<HTMLDivElement>, RefAttributes<HTMLDivElement> {
     /**
-     * Postal code string to be display in the component
+     * City to be displayed in the component.
+     */
+    city?: string;
+    /**
+     * Postal code string to be display in the component.
      */
     postalCode?: string;
     /**
@@ -25,6 +29,11 @@ export interface RegionBarProps extends HTMLAttributes<HTMLDivElement> {
      * A React component that will be rendered as an icon.
      */
     buttonIcon?: ReactNode;
+    /**
+     * Boolean to control whether postal code should be visible or not.
+     * @default true
+     */
+    shouldDisplayPostalCode?: boolean;
 }
-declare const RegionBar: React.ForwardRefExoticComponent<RegionBarProps & React.RefAttributes<HTMLDivElement>>;
+declare const RegionBar: React.ForwardRefExoticComponent<Omit<RegionBarProps, "ref"> & RefAttributes<HTMLDivElement>>;
 export default RegionBar;

package/dist/cjs/molecules/RegionBar/RegionBar.js

@@ -3,12 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const __1 = require("../../");
-const RegionBar = (0, react_1.forwardRef)(function RegionBar({ postalCode, icon, label, editLabel, buttonIcon, onButtonClick, ...otherProps }, ref) {
+const RegionBar = (0, react_1.forwardRef)(function RegionBar({ city, postalCode, icon, label, editLabel, buttonIcon, onButtonClick, shouldDisplayPostalCode = true, ...otherProps }, ref) {
     return (react_1.default.createElement("div", { ref: ref, "data-fs-region-bar": true, ...otherProps },
         react_1.default.createElement(__1.Button, { variant: "tertiary", iconPosition: "right", onClick: onButtonClick, icon: buttonIcon },
             !!icon && icon,
-            postalCode ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("span", { "data-fs-region-bar-postal-code": true }, postalCode),
+            city && postalCode ? (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("span", { "data-fs-region-bar-postal-code": true },
+                    city,
+                    shouldDisplayPostalCode && `, ${postalCode}`),
                 !!editLabel && react_1.default.createElement("span", { "data-fs-region-bar-cta": true }, editLabel))) : (react_1.default.createElement("span", { "data-fs-region-bar-message": true }, label)))));
 });
 exports.default = RegionBar;

package/dist/cjs/molecules/RegionBar/RegionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegionBar.js","sourceRoot":"","sources":["../../../../src/molecules/RegionBar/RegionBar.tsx"],"names":[],"mappings":";;;AACA,uDAAyC;AAEzC,8BAA+B;AA6B/B,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAiC,SAAS,SAAS,CAC7E,EACE,UAAU,EACV,IAAI,EACJ,KAAK,EACL,SAAS,EACT,UAAU,EACV,aAAa,EACb,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,iCAAyB,UAAU;QAC9C,8BAAC,UAAM,IACL,OAAO,EAAC,UAAU,EAClB,YAAY,EAAC,OAAO,EACpB,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,UAAU;YAEf,CAAC,CAAC,IAAI,IAAI,IAAI;YACd,UAAU,CAAC,CAAC,CAAC,CACZ;gBACE,kFAAsC,UAAU,CAAQ;gBACvD,CAAC,CAAC,SAAS,IAAI,0EAA8B,SAAS,CAAQ,CAC9D,CACJ,CAAC,CAAC,CAAC,CACF,8EAAkC,KAAK,CAAQ,CAChD,CACM,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAe,SAAS,CAAA"}
+{"version":3,"file":"RegionBar.js","sourceRoot":"","sources":["../../../../src/molecules/RegionBar/RegionBar.tsx"],"names":[],"mappings":";;;AACA,uDAAyC;AAEzC,8BAA+B;AAwC/B,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAiC,SAAS,SAAS,CAC7E,EACE,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,KAAK,EACL,SAAS,EACT,UAAU,EACV,aAAa,EACb,uBAAuB,GAAG,IAAI,EAC9B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,iCAAyB,UAAU;QAC9C,8BAAC,UAAM,IACL,OAAO,EAAC,UAAU,EAClB,YAAY,EAAC,OAAO,EACpB,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,UAAU;YAEf,CAAC,CAAC,IAAI,IAAI,IAAI;YACd,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,CACpB;gBACE;oBACG,IAAI;oBACJ,uBAAuB,IAAI,KAAK,UAAU,EAAE,CACxC;gBACN,CAAC,CAAC,SAAS,IAAI,0EAA8B,SAAS,CAAQ,CAC9D,CACJ,CAAC,CAAC,CAAC,CACF,8EAAkC,KAAK,CAAQ,CAChD,CACM,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAe,SAAS,CAAA"}

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

@@ -43,6 +43,10 @@ export interface RegionModalProps extends Omit<ModalProps, 'children'> {
      * Postal code input's label.
      */
     inputLabel?: string;
+    /**
+     * The text displayed on the InputField Button. Suggestion: maximum 9 characters.
+     */
+    inputButtonActionText?: string;
     /**
      * Enables fadeOut effect on modal after onSubmit function
      */
@@ -67,6 +71,11 @@ export interface RegionModalProps extends Omit<ModalProps, 'children'> {
      * Callback function when the input clear button is clicked.
      */
     onClear?: () => void;
+    /**
+     * Determines if the modal can be dismissed using the close button or the Escape key.
+     * @default true
+     */
+    dismissible?: boolean;
 }
-declare function RegionModal({ testId, title, description, closeButtonAriaLabel, idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, inputLabel, fadeOutOnSubmit, overlayProps, onClose, onInput, onSubmit, onClear, ...otherProps }: RegionModalProps): React.JSX.Element;
+declare function RegionModal({ testId, title, description, closeButtonAriaLabel, idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, inputLabel, inputButtonActionText, fadeOutOnSubmit, overlayProps, onClose, onInput, onSubmit, onClear, dismissible, ...otherProps }: RegionModalProps): React.JSX.Element;
 export default RegionModal;