@faststore/core 2.2.51 → 2.2.53

package/.next/server/chunks/390.js

@@ -2,394 +2,149 @@ exports.id = 390;
 exports.ids = [390];
 exports.modules = {
 
-/***/ 2390:
+/***/ 7587:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* binding */ sections_Breadcrumb_Breadcrumb)
+  "V": () => (/* binding */ OverriddenDefaultHero)
 });
 
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(6689);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: ./src/components/ui/Link/Link.tsx
-var Link = __webpack_require__(7058);
-// EXTERNAL MODULE: ../components/dist/esm/atoms/Icon/Icon.js
-var Icon = __webpack_require__(2614);
-// EXTERNAL MODULE: ../components/dist/esm/atoms/Link/Link.js
-var Link_Link = __webpack_require__(727);
-;// CONCATENATED MODULE: ../components/dist/esm/molecules/Dropdown/contexts/DropdownContext.js
-
-const defaultState = {
-    isOpen: false,
-    dropdownButtonRef: null,
-    selectedDropdownItemIndexRef: null,
-    dropdownItemsRef: null,
-    id: 'fs-dropdown',
-};
-const DropdownContext = (0,external_react_.createContext)(defaultState);
-/* harmony default export */ const contexts_DropdownContext = (DropdownContext);
-//# sourceMappingURL=DropdownContext.js.map
-;// CONCATENATED MODULE: ../components/dist/esm/molecules/Dropdown/Dropdown.js
-
-
-const Dropdown = ({ children, isOpen: isOpenDefault = false, onDismiss, id = 'fs-dropdown', }) => {
-    const [isOpen, setIsOpen] = (0,external_react_.useState)(isOpenDefault);
-    const dropdownItemsRef = (0,external_react_.useRef)([]);
-    const selectedDropdownItemIndexRef = (0,external_react_.useRef)(0);
-    const dropdownButtonRef = (0,external_react_.useRef)(null);
-    const close = (0,external_react_.useCallback)(() => {
-        setIsOpen(false);
-        onDismiss?.();
-    }, [onDismiss]);
-    const open = () => {
-        setIsOpen(true);
-    };
-    const toggle = (0,external_react_.useCallback)(() => {
-        setIsOpen((old) => {
-            if (old) {
-                onDismiss?.();
-                dropdownButtonRef.current?.focus();
-            }
-            return !old;
-        });
-    }, [onDismiss]);
-    (0,external_react_.useEffect)(() => {
-        setIsOpen(isOpenDefault);
-    }, [isOpenDefault]);
-    (0,external_react_.useEffect)(() => {
-        isOpen && dropdownItemsRef?.current[0]?.focus();
-    }, [isOpen]);
-    (0,external_react_.useEffect)(() => {
-        let firstClick = true;
-        const event = (e) => {
-            const someItemWasClicked = dropdownItemsRef?.current.some((item) => e.target === item);
-            if (firstClick) {
-                firstClick = false;
-                return;
-            }
-            !someItemWasClicked && close();
-        };
-        if (isOpen) {
-            document.addEventListener('click', event);
-        }
-        else {
-            document.removeEventListener('click', event);
-        }
-        return () => {
-            document.removeEventListener('click', event);
-        };
-    }, [close, isOpen]);
-    const value = (0,external_react_.useMemo)(() => {
-        return {
-            isOpen,
-            close,
-            open,
-            toggle,
-            dropdownButtonRef,
-            onDismiss,
-            selectedDropdownItemIndexRef,
-            dropdownItemsRef,
-            id,
-        };
-    }, [close, id, isOpen, onDismiss, toggle]);
-    return (external_react_default().createElement(contexts_DropdownContext.Provider, { value: value }, children));
+;// CONCATENATED MODULE: ./src/customizations/src/components/overrides/Hero.tsx
+// This is an example of how it can be used on the starter.
+const SECTION = 'Hero';
+const override = {
+  section: SECTION
 };
-/* harmony default export */ const Dropdown_Dropdown = (Dropdown);
-//# sourceMappingURL=Dropdown.js.map
-// EXTERNAL MODULE: ../components/dist/esm/atoms/Button/Button.js
-var Button = __webpack_require__(3339);
-;// CONCATENATED MODULE: ../components/dist/esm/molecules/Dropdown/hooks/useDropdown.js
+
+// EXTERNAL MODULE: ./src/sdk/overrides/getOverriddenSection.tsx + 13 modules
+var getOverriddenSection = __webpack_require__(170);
+;// CONCATENATED MODULE: ./src/components/sections/Hero/OverriddenDefaultHero.ts
+
 
 
 /**
- * Hook to use the Dropdown context.
- * @returns Dropdown context.
+ * This component exists to support overrides 1.0
+ *
+ * This allows users to override the default Hero section present in the Headless CMS
  */
-const useDropdown = () => {
-    const context = (0,external_react_.useContext)(contexts_DropdownContext);
-    if (context === undefined) {
-        throw new Error('Do not use useDropdown hook outside the Dropdown context.');
-    }
-    return context;
-};
-//# sourceMappingURL=useDropdown.js.map
-;// CONCATENATED MODULE: ../components/dist/esm/molecules/Dropdown/DropdownButton.js
-
+const OverriddenDefaultHero = (0,getOverriddenSection/* getOverriddenSection */.v)(override);
 
+/***/ }),
 
-const DropdownButton = (0,external_react_.forwardRef)(function DropdownButton({ testId = 'fs-dropdown-button', 'aria-label': ariaLabel, children, ...otherProps }, ref) {
-    const { toggle, dropdownButtonRef, isOpen, id } = useDropdown();
-    (0,external_react_.useImperativeHandle)(ref, () => dropdownButtonRef.current, [
-        dropdownButtonRef,
-    ]);
-    return (external_react_default().createElement(Button/* default */.Z, { "data-fs-dropdown-button": true, onClick: toggle, "data-testid": testId, ref: dropdownButtonRef, "aria-label": ariaLabel, "aria-expanded": isOpen, "aria-haspopup": "menu", "aria-controls": id, variant: "tertiary", ...otherProps }, children));
-});
-/* harmony default export */ const Dropdown_DropdownButton = (DropdownButton);
-//# sourceMappingURL=DropdownButton.js.map
-// EXTERNAL MODULE: external "react-dom"
-var external_react_dom_ = __webpack_require__(6405);
-;// CONCATENATED MODULE: ../components/dist/esm/molecules/Dropdown/hooks/useDropdownPosition.js
+/***/ 5247:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-/**
- * Hook used to find the DropdownMenu position in relation to DropdownButton
- * @returns Style with positions.
- */
-const useDropdownPosition = () => {
-    const { dropdownButtonRef } = useDropdown();
-    // Necessary to use this component in SSR
-    const isBrowser = typeof window !== 'undefined';
-    const buttonRect = dropdownButtonRef?.current?.getBoundingClientRect();
-    const topLevel = buttonRect?.top ?? 0;
-    const topOffset = buttonRect?.height ?? 0;
-    const leftLevel = buttonRect?.left ?? 0;
-    // The scroll properties fix the position of DropdownMenu when the scroll is activated.
-    const scrollTop = isBrowser ? document?.documentElement?.scrollTop : 0;
-    const scrollLeft = isBrowser ? document?.documentElement?.scrollLeft : 0;
-    const topPosition = topLevel + topOffset + scrollTop;
-    const leftPosition = leftLevel + scrollLeft;
-    return {
-        position: 'absolute',
-        top: topPosition,
-        left: leftPosition,
-    };
-};
-//# sourceMappingURL=useDropdownPosition.js.map
-;// CONCATENATED MODULE: ../components/dist/esm/molecules/Dropdown/DropdownMenu.js
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var src_components_ui_Incentives_Incentives__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2411);
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3271);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7952);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
 
 
 
 
-/*
- * This component is based on @reach/dialog.
- * https://github.com/reach/reach-ui/blob/main/packages/dialog/src/index.tsx
- * https://reach.tech/dialog
- */
-const DropdownMenu = ({ children, testId = 'fs-dropdown-menu', size = 'regular', style, ...otherProps }) => {
-    const { isOpen, close, dropdownItemsRef, selectedDropdownItemIndexRef, dropdownButtonRef, id } = useDropdown();
-    const dropdownPosition = useDropdownPosition();
-    const childrenLength = external_react_default().Children.toArray(children).length;
-    const handleDownPress = () => {
-        if (selectedDropdownItemIndexRef.current < childrenLength - 1) {
-            selectedDropdownItemIndexRef.current++;
-        }
-        else {
-            selectedDropdownItemIndexRef.current = 0;
-        }
-        dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
-    };
-    const handleUpPress = () => {
-        if (selectedDropdownItemIndexRef.current > 0) {
-            selectedDropdownItemIndexRef.current--;
-        }
-        else {
-            selectedDropdownItemIndexRef.current = childrenLength - 1;
-        }
-        dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
-    };
-    const handleHomePress = () => {
-        selectedDropdownItemIndexRef.current = 0;
-        dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
-    };
-    const handleEndPress = () => {
-        selectedDropdownItemIndexRef.current = childrenLength - 1;
-        dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
-    };
-    const handleEscapePress = () => {
-        close?.();
-        dropdownButtonRef?.current?.focus();
-    };
-    const handleBackdropKeyDown = (event) => {
-        if (event.defaultPrevented || event.key === 'Enter') {
-            return;
-        }
-        event.preventDefault();
-        event.key === 'Escape' && handleEscapePress();
-        event.key === 'ArrowDown' && handleDownPress();
-        event.key === 'ArrowUp' && handleUpPress();
-        event.key === 'Home' && handleHomePress();
-        event.key === 'End' && handleEndPress();
-        event.stopPropagation();
-    };
-    const clearChildrenReferences = () => {
-        dropdownItemsRef.current = [];
-        return null;
-    };
-    return isOpen
-        ? (0,external_react_dom_.createPortal)(external_react_default().createElement("div", { role: "presentation", "data-fs-dropdown-overlay": true, onKeyDown: handleBackdropKeyDown, "data-testid": `${testId}-overlay` },
-            external_react_default().createElement("div", { role: "menu", "aria-orientation": "vertical", "data-fs-dropdown-menu": true, "data-fs-dropdown-menu-size": size, "data-testid": testId, style: { ...dropdownPosition, ...style }, id: id, ...otherProps }, children)), document.body)
-        : clearChildrenReferences();
-};
-/* harmony default export */ const Dropdown_DropdownMenu = (DropdownMenu);
-//# sourceMappingURL=DropdownMenu.js.map
-;// CONCATENATED MODULE: ../components/dist/esm/molecules/Dropdown/DropdownItem.js
-
-
-const DropdownItem = (0,external_react_.forwardRef)(function Button({ children, icon, onClick, testId = 'fs-dropdown-item', ...otherProps }, ref) {
-    const { dropdownItemsRef, selectedDropdownItemIndexRef, close } = useDropdown();
-    const [dropdownItemIndex, setDropdownItemIndex] = (0,external_react_.useState)(0);
-    const dropdownItemRef = (0,external_react_.useRef)();
-    const addToRefs = (el) => {
-        if (el && !dropdownItemsRef?.current.includes(el)) {
-            dropdownItemsRef?.current.push(el);
-            setDropdownItemIndex(dropdownItemsRef?.current.findIndex((element) => element === el) ?? 0);
-        }
-        dropdownItemRef.current = el;
-    };
-    const onFocusItem = () => {
-        selectedDropdownItemIndexRef.current = dropdownItemIndex;
-        dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
-    };
-    const handleOnClickItem = (event) => {
-        onClick?.(event);
-        close?.();
-    };
-    (0,external_react_.useImperativeHandle)(ref, () => dropdownItemRef.current, []);
-    return (external_react_default().createElement("button", { "data-fs-dropdown-item": true, "data-testid": testId, ref: addToRefs, onFocus: onFocusItem, onMouseEnter: onFocusItem, onClick: handleOnClickItem, role: "menuitem", tabIndex: -1, "data-index": dropdownItemIndex, ...otherProps },
-        !!icon && icon,
-        children));
-});
-/* harmony default export */ const Dropdown_DropdownItem = (DropdownItem);
-//# sourceMappingURL=DropdownItem.js.map
-// EXTERNAL MODULE: ../components/dist/esm/atoms/List/List.js
-var List = __webpack_require__(4564);
-;// CONCATENATED MODULE: ../components/dist/esm/molecules/Breadcrumb/Divider.js
-
-const Divider = ({ divider, testId }) => {
-    const props = {
-        'data-fs-breadcrumb-divider': true,
-        'aria-hidden': true,
-        'data-testid': `${testId}-divider`,
-    };
-    if (external_react_default().isValidElement(divider)) {
-        return external_react_default().cloneElement(divider, props);
-    }
-    return external_react_default().createElement("span", { ...props }, divider ?? '/');
-};
-/* harmony default export */ const Breadcrumb_Divider = (Divider);
-//# sourceMappingURL=Divider.js.map
-;// CONCATENATED MODULE: ../components/dist/esm/molecules/Breadcrumb/ListItem.js
 
+function Incentives({
+  incentives
+}) {
+  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Section__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, {
+    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_2___default().section)} section-incentives layout__section`,
+    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(src_components_ui_Incentives_Incentives__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+      incentives: incentives,
+      colored: true
+    })
+  });
+}
 
-const ListItem = ({ children, isLastItem, divider, testId }) => {
-    const props = {
-        'data-testid': `${testId}-item`,
-        'data-fs-breadcrumb-item': isLastItem ? 'current' : true,
-        'aria-current': isLastItem ? 'page' : undefined,
-    };
-    if (!external_react_default().isValidElement(children)) {
-        return (external_react_default().createElement("li", { "data-fs-breadcrumb-list-item": true },
-            external_react_default().createElement("span", { ...props },
-                children,
-                isLastItem ? null : external_react_default().createElement(Breadcrumb_Divider, { divider: divider, testId: testId }))));
-    }
-    return (external_react_default().createElement("li", { "data-fs-breadcrumb-list-item": true },
-        external_react_default().cloneElement(children, props),
-        isLastItem ? null : external_react_default().createElement(Breadcrumb_Divider, { divider: divider, testId: testId })));
-};
-/* harmony default export */ const Breadcrumb_ListItem = (ListItem);
-//# sourceMappingURL=ListItem.js.map
-;// CONCATENATED MODULE: ../components/dist/esm/molecules/Breadcrumb/BreadcrumbPure.js
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Incentives);
 
+/***/ }),
 
+/***/ 8569:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
 
-const BreadcrumbPure = (0,external_react_.forwardRef)(function BreadcrumbPure({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', ...otherProps }, ref) {
-    return (external_react_default().createElement("nav", { "aria-label": "Breadcrumb", role: "navigation", ref: ref, "data-fs-breadcrumb": true, "data-testid": testId, ...otherProps },
-        external_react_default().createElement(List/* default */.Z, { as: "ol", "data-fs-breadcrumb-list": true, "data-fs-content": "breadcrumb" }, external_react_default().Children.toArray(children).map((child, index, childrenArray) => {
-            const isLastItem = index === childrenArray.length - 1;
-            return (external_react_default().createElement(Breadcrumb_ListItem, { isLastItem: isLastItem, divider: rawDivider, key: `breadcrumb-${index}`, testId: testId }, child));
-        }))));
-});
-/* harmony default export */ const Breadcrumb_BreadcrumbPure = (BreadcrumbPure);
-//# sourceMappingURL=BreadcrumbPure.js.map
-;// CONCATENATED MODULE: ../components/dist/esm/molecules/Breadcrumb/BreadcrumbBase.js
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9785);
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3271);
+/* harmony import */ var src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7691);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6627);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__]);
+src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 
 
-const BreadcrumbBase = (0,external_react_.forwardRef)(function BreadcrumbBase({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', breadcrumbList, isDesktop = false, renderLink, homeLink, dropdownButtonIcon = external_react_default().createElement(Icon/* default */.Z, { name: "DotsThree" }), collapsedItemsIcon = (external_react_default().createElement(Icon/* default */.Z, { "data-fs-dropdown-item-icon": true, name: "ArrowElbowDownRight" })), ...otherProps }, ref) {
-    const firstItem = isDesktop ? breadcrumbList[0] : null;
-    const mediumItems = isDesktop
-        ? breadcrumbList.slice(1, -2)
-        : breadcrumbList.slice(0, -2);
-    const lastItems = breadcrumbList.slice(-2);
-    const collapseBreadcrumb = breadcrumbList.length > 4;
-    const breadcrumbLink = (0,external_react_.useCallback)((renderLinkProps) => {
-        const breadcrumbItem = renderLink?.(renderLinkProps);
-        const itemProps = renderLinkProps.collapsed
-            ? {
-                'data-fs-breadcrumb-dropdown-link': true,
-            }
-            : {
-                'data-fs-breadcrumb-link': true,
-            };
-        return breadcrumbItem ? ((0,external_react_.cloneElement)(breadcrumbItem, {
-            ...itemProps,
-            key: renderLinkProps.itemProps.position,
-        })) : (external_react_default().createElement(Link_Link/* default */.Z, { ...itemProps, href: renderLinkProps.itemProps.item, key: renderLinkProps.itemProps.position }, renderLinkProps.itemProps.name));
-    }, [renderLink]);
-    return (external_react_default().createElement(Breadcrumb_BreadcrumbPure, { ref: ref, "data-fs-breadcrumb-is-desktop": isDesktop, ...otherProps },
-        homeLink,
-        !collapseBreadcrumb &&
-            breadcrumbList.map((item, index) => {
-                return breadcrumbList.length === index + 1 ? (external_react_default().createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
-            }),
-        collapseBreadcrumb &&
-            firstItem &&
-            breadcrumbLink({ itemProps: firstItem, collapsed: false }),
-        collapseBreadcrumb && (external_react_default().createElement(Dropdown_Dropdown, null,
-            external_react_default().createElement(Dropdown_DropdownButton, { "aria-label": "View More", "data-fs-breadcrumb-dropdown-button": true, size: "small" }, dropdownButtonIcon),
-            external_react_default().createElement(Dropdown_DropdownMenu, { "data-fs-breadcrumb-dropdown-menu": true }, mediumItems.map((item) => (external_react_default().createElement(Dropdown_DropdownItem, { "data-fs-breadcrumb-dropdown-item": true, key: String(item.position), icon: collapsedItemsIcon }, breadcrumbLink({ itemProps: item, collapsed: true }))))))),
-        collapseBreadcrumb &&
-            lastItems.map((item, index) => {
-                return lastItems.length === index + 1 ? (external_react_default().createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
-            })));
-});
-/* harmony default export */ const Breadcrumb_BreadcrumbBase = (BreadcrumbBase);
-//# sourceMappingURL=BreadcrumbBase.js.map
-;// CONCATENATED MODULE: ../components/dist/esm/molecules/Breadcrumb/Breadcrumb.js
-
-
-const Breadcrumb = ({ breadcrumbList, ...otherProps }) => (external_react_default().createElement((external_react_default()).Fragment, null,
-    external_react_default().createElement(Breadcrumb_BreadcrumbBase, { breadcrumbList: breadcrumbList, ...otherProps }),
-    external_react_default().createElement(Breadcrumb_BreadcrumbBase, { breadcrumbList: breadcrumbList, isDesktop: true, ...otherProps })));
-/* harmony default export */ const Breadcrumb_Breadcrumb = (Breadcrumb);
-//# sourceMappingURL=Breadcrumb.js.map
-// EXTERNAL MODULE: ./src/sdk/overrides/overrides.ts
-var overrides = __webpack_require__(7506);
-;// CONCATENATED MODULE: ./src/customizations/src/components/overrides/Breadcrumb.tsx
-// This is an example of how it can be used on the starter.
-const SECTION = 'Breadcrumb';
-const override = {
-  section: SECTION
-};
 
-;// CONCATENATED MODULE: ./src/components/sections/Breadcrumb/Overrides.tsx
 
 
 
-const {
-  Breadcrumb: Overrides_Breadcrumb,
-  Icon: Overrides_Icon
-} = (0,overrides/* getSectionOverrides */.f)({
-  Breadcrumb: Breadcrumb_Breadcrumb,
-  Icon: Icon/* default */.Z
-}, override);
+function ProductShelfSection(_ref) {
+  let otherProps = Object.assign({}, _ref);
+  const {
+    ref,
+    inView
+  } = (0,react_intersection_observer__WEBPACK_IMPORTED_MODULE_0__.useInView)();
+  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(_Section__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_3___default().section)} section-product-shelf layout__section`,
+    ref: ref,
+    children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(src_components_ui_ProductShelf__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, _objectSpread({
+      inView: inView
+    }, otherProps))
+  });
+}
 
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(997);
-;// CONCATENATED MODULE: ./src/components/ui/Breadcrumb/Breadcrumb.tsx
-const _excluded = ["icon", "alt"];
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductShelfSection);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+/***/ }),
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+/***/ 2834:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9785);
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(8553);
+/* harmony import */ var src_components_skeletons_ProductTilesSkeleton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8860);
+/* harmony import */ var src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(6971);
+/* harmony import */ var src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(7901);
+/* harmony import */ var src_sdk_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5184);
+/* harmony import */ var src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4867);
+/* harmony import */ var _Section__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3271);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2366);
+/* harmony import */ var _section_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_section_module_scss__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_3__]);
+src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+const _excluded = ["title"];
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -400,150 +155,335 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-const Breadcrumb_Breadcrumb_Breadcrumb = _ref => {
-  let {
-    icon = Overrides_Icon.props.name ?? 'Home',
-    alt = 'Go to homepage'
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/jsx_runtime_.jsx(Overrides_Breadcrumb.Component, _objectSpread(_objectSpread({
-    homeLink: /*#__PURE__*/jsx_runtime_.jsx(Link/* default */.Z, {
-      "data-fs-breadcrumb-link": true,
-      "data-fs-breadcrumb-link-home": true,
-      "aria-label": alt,
-      href: "/",
-      prefetch: false,
-      children: /*#__PURE__*/jsx_runtime_.jsx(Overrides_Icon.Component, _objectSpread(_objectSpread({
-        width: 18,
-        height: 18,
-        weight: "bold"
-      }, Overrides_Icon.props), {}, {
-        name: icon
-      }))
-    }),
-    renderLink: ({
-      itemProps: {
-        item: link,
-        name
-      }
-    }) => /*#__PURE__*/jsx_runtime_.jsx(Link/* default */.Z, {
-      "data-fs-breadcrumb-link": true,
-      href: link,
-      prefetch: false,
-      children: name
-    })
-  }, Overrides_Breadcrumb.props), otherProps));
-};
 
-/* harmony default export */ const ui_Breadcrumb_Breadcrumb = (/*#__PURE__*/(0,external_react_.memo)(Breadcrumb_Breadcrumb_Breadcrumb));
-// EXTERNAL MODULE: ./src/components/sections/Section/Section.tsx
-var Section = __webpack_require__(3271);
-// EXTERNAL MODULE: ./src/components/sections/Breadcrumb/section.module.scss
-var section_module = __webpack_require__(5000);
-var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
-// EXTERNAL MODULE: ./src/sdk/overrides/PageProvider.tsx
-var PageProvider = __webpack_require__(5953);
-;// CONCATENATED MODULE: ./src/components/sections/Breadcrumb/Breadcrumb.tsx
-function Breadcrumb_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function Breadcrumb_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Breadcrumb_ownKeys(Object(source), !0).forEach(function (key) { Breadcrumb_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Breadcrumb_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function Breadcrumb_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 
+const NUMBER_ITEMS_TO_EXPAND_FIRST = 3;
+const NUMBER_ITEMS_TO_EXPAND_FIRST_TWO = 2;
 
+const getRatio = (products, idx) => {
+  const expandsFirstTile = products === NUMBER_ITEMS_TO_EXPAND_FIRST && idx === 0;
+  const expandsFirstTwoTile = products === NUMBER_ITEMS_TO_EXPAND_FIRST_TWO && (idx === 0 || idx === 1);
 
+  if (expandsFirstTile || expandsFirstTwoTile) {
+    return 5 / 3;
+  }
 
+  return 3 / 4;
+};
 
+const getSizes = (products, idx) => {
+  const expandsFirstTile = products === NUMBER_ITEMS_TO_EXPAND_FIRST && idx === 0;
+  const expandsFirstTwoTile = products === NUMBER_ITEMS_TO_EXPAND_FIRST_TWO && (idx === 0 || idx === 1);
 
+  if (expandsFirstTile || expandsFirstTwoTile) {
+    return {
+      width: 594,
+      height: 364
+    };
+  }
 
-function BreadcrumbSection(_ref) {
-  let otherProps = Object.assign({}, _ref);
-  const context = (0,PageProvider/* usePage */.qt)();
-  const title = (0,PageProvider/* isPLP */.OJ)(context) ? context?.data?.collection?.seo?.title : 'All Products';
-  const fallback = [{
-    item: '/',
-    name: title,
-    position: 1
-  }];
-  const breadcrumbList = (0,PageProvider/* isPDP */.tS)(context) ? context?.data?.product?.breadcrumbList?.itemListElement : (0,PageProvider/* isPLP */.OJ)(context) ? context?.data?.collection?.breadcrumbList?.itemListElement : fallback;
-  return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
-    className: `${(section_module_default()).section} section-breadcrumb`,
-    children: /*#__PURE__*/jsx_runtime_.jsx(ui_Breadcrumb_Breadcrumb, Breadcrumb_objectSpread({
-      breadcrumbList: breadcrumbList
-    }, otherProps))
+  return {
+    width: 284,
+    height: 364
+  };
+};
+
+const ProductTiles = _ref => {
+  let {
+    title
+  } = _ref,
+      variables = _objectWithoutProperties(_ref, _excluded);
+
+  const viewedOnce = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
+  const {
+    ref,
+    inView
+  } = (0,react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__.useInView)();
+  const data = (0,src_sdk_product_useProductsQuery__WEBPACK_IMPORTED_MODULE_3__/* .useProductsQuery */ .k)(variables);
+  const products = data?.search?.products;
+  const productEdges = products?.edges ?? [];
+  const {
+    sendViewItemListEvent
+  } = (0,src_sdk_analytics_hooks_useViewItemListEvent__WEBPACK_IMPORTED_MODULE_4__/* .useViewItemListEvent */ .m)({
+    products: productEdges,
+    title,
+    page: 0,
+    pageSize: 0
   });
-}
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (inView && !viewedOnce.current && productEdges.length) {
+      sendViewItemListEvent();
+      viewedOnce.current = true;
+    }
+  }, [inView, productEdges.length, sendViewItemListEvent]);
 
-/* harmony default export */ const sections_Breadcrumb_Breadcrumb = (/*#__PURE__*/(0,external_react_.memo)(BreadcrumbSection));
+  if (products?.edges.length === 0) {
+    return null;
+  }
+
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+    className: `${(_section_module_scss__WEBPACK_IMPORTED_MODULE_6___default().section)} section-product-tiles layout__section`,
+    ref: ref,
+    children: [/*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx("h2", {
+      className: "text__title-section layout__content",
+      children: title
+    }), /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_skeletons_ProductTilesSkeleton__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+      loading: !products,
+      children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+        children: productEdges.map((product, idx) => /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_ui_Tiles__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
+          children: /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx(src_components_product_ProductCard__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
+            "data-testid": "tile-card",
+            product: product.node,
+            index: idx + 1,
+            variant: "wide",
+            aspectRatio: getRatio(productEdges.length, idx),
+            imgProps: getSizes(productEdges.length, idx)
+          })
+        }, product.node.id))
+      })
+    })]
+  });
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProductTiles);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 5953:
+/***/ 8860:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "En": () => (/* binding */ isSearchPage),
-/* harmony export */   "OJ": () => (/* binding */ isPLP),
-/* harmony export */   "ZP": () => (__WEBPACK_DEFAULT_EXPORT__),
-/* harmony export */   "al": () => (/* binding */ usePDP),
-/* harmony export */   "qt": () => (/* binding */ usePage),
-/* harmony export */   "tS": () => (/* binding */ isPDP)
-/* harmony export */ });
-/* unused harmony exports usePLP, useSearchPage */
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ ProductTilesSkeleton_ProductTilesSkeleton)
+});
+
+// EXTERNAL MODULE: ./src/components/ui/Tiles/Tiles.tsx + 1 modules
+var Tiles = __webpack_require__(6971);
+// EXTERNAL MODULE: ../ui/dist/esm/components/organisms/Tiles/Tile.js
+var Tile = __webpack_require__(7901);
+// EXTERNAL MODULE: ../components/dist/esm/atoms/Skeleton/Skeleton.js
+var Skeleton = __webpack_require__(792);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/ProductTileSkeleton/ProductTileSkeleton.tsx
 
 
-const isPDP = x => x?.data?.product?.sku != undefined && x?.data?.product?.sku != null;
-const isPLP = x => x?.data?.collection?.seo != undefined && x?.data?.collection?.seo != null && x?.data?.collection?.sku == undefined;
-const isSearchPage = x => x === undefined || x?.data?.title != undefined || x?.data?.searchTerm != undefined;
-const PageContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
 
-function PageProvider({
-  context,
-  children
+
+function ProductTileSkeleton({
+  index,
+  aspectRatio = 1
 }) {
-  const value = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => ({
-    context
-  }), [context]);
-  return /*#__PURE__*/react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx(PageContext.Provider, {
-    value: value,
-    children: children
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+    "data-fs-product-tile-skeleton": true,
+    "data-fs-product-tile-skeleton-index": index,
+    children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
+      "data-fs-product-tile-skeleton-image": true,
+      "data-fs-product-tile-skeleton-index": index,
+      style: {
+        '--fs-product-tile-skeleton-image-aspect-ratio': aspectRatio
+      },
+      children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        size: {
+          width: 'auto',
+          height: '100%'
+        },
+        loading: true
+      })
+    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+      "data-fs-product-tile-skeleton-content": true,
+      "data-fs-product-tile-skeleton-index": index,
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+        "data-fs-product-tile-skeleton-heading": true,
+        children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
+          "data-fs-product-tile-skeleton-text": true,
+          "data-fs-product-tile-skeleton-index": index,
+          children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+            size: {
+              width: '70%',
+              height: '1.5rem'
+            }
+          })
+        }), /*#__PURE__*/jsx_runtime_.jsx("div", {
+          "data-fs-product-tile-skeleton-price": true,
+          children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+            size: {
+              width: '60%',
+              height: '1.5rem'
+            }
+          })
+        })]
+      }), /*#__PURE__*/jsx_runtime_.jsx("div", {
+        "data-fs-product-tile-skeleton-badge": true,
+        "data-fs-product-tile-skeleton-index": index,
+        children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+          size: {
+            width: '6rem',
+            height: '2rem'
+          },
+          border: "pill"
+        })
+      })]
+    })]
   });
 }
 
-function usePage() {
-  const {
-    context
-  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(PageContext);
+/* harmony default export */ const ProductTileSkeleton_ProductTileSkeleton = (ProductTileSkeleton);
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductTilesSkeleton/ProductTilesSkeleton.tsx
+
+ // TODO: // Replace it when items number become dynamically defined
+
+
+
+const DEFAULT_ITEMS_NUMBER = 3;
+const DEFAULT_ITEMS_NUMBER_TWO = 2;
 
-  if (context == null) {
-    throw new Error('Missing Overrides context on React tree');
+const getRatio = (products, idx) => {
+  const expandsFirstTile = products === DEFAULT_ITEMS_NUMBER && idx === 0;
+  const expandsFirstTwoTile = products === DEFAULT_ITEMS_NUMBER_TWO && (idx === 0 || idx === 1);
+
+  if (expandsFirstTile || expandsFirstTwoTile) {
+    return 5 / 3;
   }
 
-  return context;
+  return 3 / 4;
+};
+
+function ProductTilesSkeleton({
+  children,
+  loading = true
+}) {
+  return loading ? /*#__PURE__*/jsx_runtime_.jsx(Tiles/* default */.Z, {
+    children: Array.from({
+      length: DEFAULT_ITEMS_NUMBER
+    }, (_, index) => /*#__PURE__*/jsx_runtime_.jsx(Tile/* default */.Z, {
+      children: /*#__PURE__*/jsx_runtime_.jsx(ProductTileSkeleton_ProductTileSkeleton, {
+        index: index + 1,
+        aspectRatio: getRatio(DEFAULT_ITEMS_NUMBER, index)
+      })
+    }, String(index)))
+  }) : /*#__PURE__*/jsx_runtime_.jsx(jsx_runtime_.Fragment, {
+    children: children
+  });
 }
-const usePDP = () => usePage();
-const usePLP = () => usePage();
-const useSearchPage = () => usePage();
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PageProvider);
+
+/* harmony default export */ const ProductTilesSkeleton_ProductTilesSkeleton = (ProductTilesSkeleton);
 
 /***/ }),
 
-/***/ 5000:
+/***/ 6971:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ ui_Tiles_Tiles)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// CONCATENATED MODULE: ../ui/dist/esm/components/organisms/Tiles/Tiles.js
+
+
+const MIN_CHILDREN = 2;
+const MAX_CHILDREN = 4;
+const NUMBER_ITEMS_TO_EXPAND_FIRST_TWO = 2;
+const NUMBER_ITEMS_TO_EXPAND_FIRST = 3;
+const Tiles = (0,external_react_.forwardRef)(function Tiles({ testId = 'store-tiles', children, ...otherProps }, ref) {
+    const childrenCount = external_react_.Children.count(children);
+    if (false) {}
+    if (false) {}
+    const expandedClass = childrenCount === NUMBER_ITEMS_TO_EXPAND_FIRST
+        ? 'expanded-first'
+        : childrenCount === NUMBER_ITEMS_TO_EXPAND_FIRST_TWO
+            ? 'expanded-first-two'
+            : '';
+    return (external_react_default().createElement("ul", { ref: ref, role: "list", "data-fs-tiles": true, "data-fs-tiles-variant": expandedClass, "data-fs-content": "tiles", "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const Tiles_Tiles = (Tiles);
+//# sourceMappingURL=Tiles.js.map
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/ui/Tiles/Tiles.tsx
+const _excluded = ["children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+const Tiles_Tiles_Tiles = _ref => {
+  let {
+    children
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx_runtime_.jsx(Tiles_Tiles, _objectSpread(_objectSpread({}, otherProps), {}, {
+    children: children
+  }));
+};
+
+/* harmony default export */ const ui_Tiles_Tiles = (Tiles_Tiles_Tiles);
+
+/***/ }),
+
+/***/ 7952:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__rUfAR"
+};
+
+
+/***/ }),
+
+/***/ 2366:
 /***/ ((module) => {
 
 // Exports
 module.exports = {
-	"section": "section_section__hRV9B"
+	"section": "section_section__hGuvG",
+	"loading": "section_loading__GpWrl"
 };
 
 
+/***/ }),
+
+/***/ 7901:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+const Tile = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Tile({ testId = 'store-tile', children, ...otherProps }, ref) {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", { ref: ref, role: "listitem", "data-fs-tile": true, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tile);
+//# sourceMappingURL=Tile.js.map
+
 /***/ })
 
 };