@faststore/core 2.1.53 → 2.1.55

package/.next/server/chunks/907.js

@@ -2,301 +2,7 @@ exports.id = 907;
 exports.ids = [907];
 exports.modules = {
 
-/***/ 7434:
-/***/ ((__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__(16689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-function EmptyState({ testId = 'fs-empty-state', title, titleIcon, variant = 'default', bkgColor = 'default', children, ...otherProps }) {
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", { "data-fs-empty-state": true, "data-fs-empty-state-variant": variant, "data-fs-empty-state-bkg-color": bkgColor, "data-fs-content": "empty-state", "data-testid": testId, ...otherProps },
-        title && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("header", { "data-fs-empty-state-title": true },
-            titleIcon && react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, titleIcon),
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, title))),
-        children));
-}
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EmptyState);
-//# sourceMappingURL=EmptyState.js.map
-
-/***/ }),
-
-/***/ 10939:
-/***/ ((__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__(16689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39739);
-
-
-function Filter({ testId, title, indicesExpanded, onAccordionChange, children, }) {
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-filter": true, "data-testid": testId },
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h2", { "data-fs-filter-title": true }, title),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { indices: indicesExpanded, onChange: onAccordionChange, "data-fs-filter-accordion": true }, children)));
-}
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Filter);
-//# sourceMappingURL=Filter.js.map
-
-/***/ }),
-
-/***/ 46569:
-/***/ ((__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__(16689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41329);
-
-
-function FilterFacetBoolean({ children }) {
-    return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-fs-filter-list": true }, children);
-}
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FilterFacetBoolean);
-//# sourceMappingURL=FilterFacetBoolean.js.map
-
-/***/ }),
-
-/***/ 86854:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* binding */ Filter_FilterFacetBooleanItem)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(16689);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-;// CONCATENATED MODULE: ../components/dist/atoms/Checkbox/Checkbox.js
-
-const Checkbox = (0,external_react_.forwardRef)(function Checkbox({ testId = 'fs-checkbox', partial, ...otherProps }, ref) {
-    return (external_react_default().createElement("input", { ref: ref, "data-fs-checkbox": true, "data-testid": testId, "data-fs-checkbox-partial": partial, type: "checkbox", ...otherProps }));
-});
-/* harmony default export */ const Checkbox_Checkbox = (Checkbox);
-//# sourceMappingURL=Checkbox.js.map
-// EXTERNAL MODULE: ../components/dist/atoms/Label/Label.js
-var Label = __webpack_require__(57216);
-// EXTERNAL MODULE: ../components/dist/atoms/Badge/Badge.js
-var Badge = __webpack_require__(10044);
-;// CONCATENATED MODULE: ../components/dist/organisms/Filter/FilterFacetBooleanItem.js
-
-
-function FilterFacetBooleanItem({ testId, id, selected, value, quantity, facetKey, label, onFacetChange, }) {
-    return (external_react_default().createElement("li", { key: id, "data-fs-filter-list-item": true },
-        external_react_default().createElement(Checkbox_Checkbox, { id: id, checked: selected, onChange: () => onFacetChange({ key: facetKey, value }, 'BOOLEAN'), "data-fs-filter-list-item-checkbox": true, "data-testid": `${testId}-accordion-panel-checkbox`, "data-value": value, "data-quantity": quantity }),
-        external_react_default().createElement(Label/* default */.Z, { htmlFor: id, className: "text__title-mini-alt", "data-fs-filter-list-item-label": true },
-            label,
-            " ",
-            external_react_default().createElement(Badge/* default */.Z, { "data-fs-filter-list-item-badge": true }, quantity))));
-}
-/* harmony default export */ const Filter_FilterFacetBooleanItem = (FilterFacetBooleanItem);
-//# sourceMappingURL=FilterFacetBooleanItem.js.map
-
-/***/ }),
-
-/***/ 87375:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* binding */ Filter_FilterFacetRange)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(16689);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-;// CONCATENATED MODULE: ../components/dist/atoms/Slider/Slider.js
-/**
- * This code is inspired by the work of [sandra-lewis](https://codesandbox.io/u/sandra-lewis)
- */
-
-const percent = (value, min, max) => Math.round(((value - min) / (max - min)) * 100);
-const Slider = (0,external_react_.forwardRef)(function Slider({ min, max, absoluteValuesLabel, onChange, onEnd, testId = 'fs-slider', getAriaValueText, step, minValueLabelComponent, maxValueLabelComponent, ...otherProps }, ref) {
-    const widthPercent = (0,external_react_.useMemo)(() => (max.absolute - min.absolute) / 100, [max.absolute, min.absolute]);
-    const [minPercent, setMinPercent] = (0,external_react_.useState)(() => percent(min.selected, min.absolute, max.absolute));
-    const [maxPercent, setMaxPercent] = (0,external_react_.useState)(() => percent(max.selected, min.absolute, max.absolute));
-    const [minVal, setMinVal] = (0,external_react_.useState)(() => Math.floor(min.absolute + minPercent * widthPercent));
-    const [maxVal, setMaxVal] = (0,external_react_.useState)(() => Math.round(min.absolute + maxPercent * widthPercent));
-    const percentage = (value) => (value / max.absolute) * 100;
-    (0,external_react_.useImperativeHandle)(ref, () => ({
-        setSliderValues: (values) => {
-            const sliderMinValue = Math.min(Number(values.min), maxVal);
-            setMinVal(sliderMinValue);
-            setMinPercent(percent(sliderMinValue, min.absolute, max.absolute));
-            if (values.max > max.absolute) {
-                setMaxVal(max.absolute);
-                setMaxPercent(percent(max.absolute, min.absolute, max.absolute));
-                return;
-            }
-            const sliderMaxValue = Math.max(Number(values.max), minVal);
-            setMaxVal(sliderMaxValue);
-            setMaxPercent(percent(sliderMaxValue, min.absolute, max.absolute));
-        },
-    }));
-    return (external_react_default().createElement("div", { "data-fs-slider": true, "data-testid": testId },
-        external_react_default().createElement("div", { "data-fs-slider-absolute-values": true },
-            external_react_default().createElement("span", null, absoluteValuesLabel.min),
-            external_react_default().createElement("span", null, absoluteValuesLabel.max)),
-        external_react_default().createElement("div", { "data-fs-slider-wrapper": true },
-            external_react_default().createElement("div", { "data-fs-slider-range": true, style: {
-                    left: `${minPercent}%`,
-                    width: `${maxPercent - minPercent}%`,
-                } }),
-            external_react_default().createElement("input", { type: "range", min: Math.floor(min.absolute), max: Math.round(max.absolute), value: minVal, step: step, onMouseUp: () => onEnd?.({ min: minVal, max: maxVal }), onTouchEnd: () => onEnd?.({ min: minVal, max: maxVal }), onChange: (event) => {
-                    const minValue = Math.min(Number(event.target.value), maxVal);
-                    setMinVal(minValue);
-                    setMinPercent(percent(minValue, min.absolute, max.absolute));
-                    onChange?.({ min: minValue, max: maxVal });
-                }, "data-fs-slider-thumb": "left", "aria-valuemin": min.absolute, "aria-valuemax": max.absolute, "aria-valuenow": minVal, "aria-label": String(minVal), "aria-labelledby": getAriaValueText?.(minVal, 'min'), ...otherProps }),
-            minValueLabelComponent && (external_react_default().createElement("span", { "data-fs-slider-value-label": "min", style: {
-                    left: `calc(${percentage(minVal)}% + (${8 - percentage(minVal) * 0.2}px))`,
-                } }, minValueLabelComponent(minVal))),
-            external_react_default().createElement("input", { type: "range", min: Math.floor(min.absolute), max: Math.round(max.absolute), value: maxVal, step: step, onMouseUp: () => onEnd?.({ min: minVal, max: maxVal }), onTouchEnd: () => onEnd?.({ min: minVal, max: maxVal }), onChange: (event) => {
-                    const maxValue = Math.max(Number(event.target.value), minVal);
-                    setMaxVal(maxValue);
-                    setMaxPercent(percent(maxValue, min.absolute, max.absolute));
-                    onChange?.({ min: minVal, max: maxValue });
-                }, "data-fs-slider-thumb": "right", "aria-valuemin": min.absolute, "aria-valuemax": max.absolute, "aria-valuenow": maxVal, "aria-label": String(maxVal), "aria-labelledby": getAriaValueText?.(maxVal, 'max') }),
-            maxValueLabelComponent && (external_react_default().createElement("span", { "data-fs-slider-value-label": "max", style: {
-                    left: `calc(${percentage(maxVal)}% + (${8 - percentage(maxVal) * 0.2}px))`,
-                } }, maxValueLabelComponent(maxVal))))));
-});
-/* harmony default export */ const Slider_Slider = (Slider);
-//# sourceMappingURL=Slider.js.map
-// EXTERNAL MODULE: ../components/dist/atoms/Price/Price.js
-var Price = __webpack_require__(57549);
-// EXTERNAL MODULE: ../components/dist/molecules/InputField/InputField.js
-var InputField = __webpack_require__(28287);
-;// CONCATENATED MODULE: ../components/dist/organisms/PriceRange/PriceRange.js
-
-
-const PriceRange = (0,external_react_.forwardRef)(function PriceRange({ formatter, max, min, step = 1, onChange, onEnd, testId = 'fs-price-range', variant, 'aria-label': ariaLabel, ...otherProps }, ref) {
-    const sliderRef = (0,external_react_.useRef)();
-    (0,external_react_.useImperativeHandle)(ref, () => ({
-        setPriceRangeValues: (values) => {
-            onChange?.(values);
-            sliderRef.current?.setSliderValues(values);
-        },
-    }));
-    const inputMinRef = (0,external_react_.useRef)(null);
-    const inputMaxRef = (0,external_react_.useRef)(null);
-    const [inputMinError, setInputMinError] = (0,external_react_.useState)();
-    const [inputMaxError, setInputMaxError] = (0,external_react_.useState)();
-    const [priceRange, setPriceRange] = (0,external_react_.useState)({
-        min: Math.floor(min.selected),
-        max: Math.round(max.selected),
-    });
-    function onChangePriceRange(value) {
-        setInputMinError(undefined);
-        setInputMaxError(undefined);
-        setPriceRange({ min: value.min, max: value.max });
-        if (inputMinRef.current?.value) {
-            inputMinRef.current.value = String(value.min);
-        }
-        if (inputMaxRef.current?.value) {
-            inputMaxRef.current.value = String(value.max);
-        }
-    }
-    function onChangeInputMin(value) {
-        setInputMinError(undefined);
-        if (Number(value) < Math.floor(min.absolute)) {
-            return;
-        }
-        if (Number(value) > Math.floor(priceRange.max)) {
-            setInputMinError(`Min price can't be greater than max`);
-        }
-        setPriceRange({ ...priceRange, min: Number(value) });
-        sliderRef.current?.setSliderValues({
-            ...priceRange,
-            min: Number(value),
-        });
-    }
-    function onChangeInputMax(value) {
-        setInputMaxError(undefined);
-        if (Number(value) > Math.round(max.absolute)) {
-            return;
-        }
-        if (Number(value) < Math.round(priceRange.min)) {
-            setInputMaxError(`Max price can't be smaller than min`);
-        }
-        setPriceRange({ ...priceRange, max: Number(value) });
-        sliderRef.current?.setSliderValues({
-            ...priceRange,
-            max: Number(value),
-        });
-    }
-    return (external_react_default().createElement("div", { "data-fs-price-range": true, "data-testid": testId, ...otherProps },
-        external_react_default().createElement(Slider_Slider, { ref: sliderRef, min: min, max: max, step: step, onEnd: (value) => {
-                onEnd?.(value);
-                onChangePriceRange(value);
-            }, "aria-label": ariaLabel, onChange: (value) => onChange?.(value), absoluteValuesLabel: {
-                min: (external_react_default().createElement(Price/* default */.Z, { value: Math.floor(min.absolute), variant: variant, formatter: formatter })),
-                max: (external_react_default().createElement(Price/* default */.Z, { value: Math.round(max.absolute), variant: variant, formatter: formatter })),
-            }, minValueLabelComponent: (minValue) => {
-                return (external_react_default().createElement(Price/* default */.Z, { value: minValue, variant: variant, formatter: formatter }));
-            }, maxValueLabelComponent: (maxValue) => {
-                return (external_react_default().createElement(Price/* default */.Z, { value: maxValue, variant: variant, formatter: formatter }));
-            } }),
-        external_react_default().createElement("div", { "data-fs-price-range-inputs": true },
-            external_react_default().createElement(InputField/* default */.Z, { id: "price-range-min", step: step, label: "Min", type: "number", inputMode: "numeric", error: inputMinError, inputRef: inputMinRef, min: Math.floor(min.absolute), max: priceRange.max, value: priceRange.min, onChange: (e) => onChangeInputMin(e.target.value), onBlur: () => !inputMinError && onEnd?.(priceRange) }),
-            external_react_default().createElement(InputField/* default */.Z, { id: "price-range-max", label: "Max", step: step, type: "number", inputMode: "numeric", error: inputMaxError, inputRef: inputMaxRef, max: Math.round(max.absolute), min: priceRange.min, value: priceRange.max, onChange: (e) => onChangeInputMax(e.target.value), onBlur: () => !inputMaxError && onEnd?.(priceRange) }))));
-});
-/* harmony default export */ const PriceRange_PriceRange = (PriceRange);
-//# sourceMappingURL=PriceRange.js.map
-;// CONCATENATED MODULE: ../components/dist/organisms/Filter/FilterFacetRange.js
-
-
-const formatRange = (min, max) => `${min.toFixed(2)}-to-${max.toFixed(2)}`;
-function FilterFacetRange({ min, max, formatter, facetKey, onFacetChange, }) {
-    return (external_react_default().createElement(PriceRange_PriceRange, { "data-fs-filter-facet-range": true, min: min, max: max, formatter: formatter, step: 1, onEnd: (v) => onFacetChange({
-            key: facetKey,
-            value: formatRange(v.min, v.max),
-        }, 'RANGE') }));
-}
-/* harmony default export */ const Filter_FilterFacetRange = (FilterFacetRange);
-//# sourceMappingURL=FilterFacetRange.js.map
-
-/***/ }),
-
-/***/ 40226:
-/***/ ((__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__(16689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60997);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(47743);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20331);
-
-
-function FilterFacets({ testId, label, index, children, type, }) {
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { key: `${label}-${index}`, prefixId: testId, testId: `${testId}-accordion`, index: index, "data-type": type, "data-fs-filter-accordion-item": true },
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { testId: `${testId}-accordion-button` }, label),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, null, children)));
-}
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FilterFacets);
-//# sourceMappingURL=FilterFacets.js.map
-
-/***/ }),
-
-/***/ 94256:
+/***/ 62651:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -312,34 +18,33 @@ __webpack_require__.d(__webpack_exports__, {
 var useSearch = __webpack_require__(73221);
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(16689);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 // EXTERNAL MODULE: ../components/dist/hooks/useFadeEffect.js
-var useFadeEffect = __webpack_require__(6074);
+var useFadeEffect = __webpack_require__(2127);
 // EXTERNAL MODULE: ../components/dist/hooks/UIProvider.js
-var UIProvider = __webpack_require__(90395);
+var UIProvider = __webpack_require__(35728);
 // EXTERNAL MODULE: ../components/dist/organisms/SlideOver/SlideOver.js
-var SlideOver = __webpack_require__(31021);
+var SlideOver = __webpack_require__(95631);
 // EXTERNAL MODULE: ../components/dist/organisms/SlideOver/SlideOverHeader.js
-var SlideOverHeader = __webpack_require__(89648);
+var SlideOverHeader = __webpack_require__(53925);
 // EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js
-var Button = __webpack_require__(57578);
+var Button = __webpack_require__(33815);
 ;// CONCATENATED MODULE: ../components/dist/organisms/Filter/FilterSlider.js
 
 
 function FilterSlider({ title, size, direction, children, applyBtnProps, clearBtnProps, overlayProps, onClose, ...otherProps }) {
     const { fade, fadeOut } = (0,useFadeEffect/* useFadeEffect */.b)();
     const { closeFilter } = (0,UIProvider/* useUI */.l)();
-    return (external_react_default().createElement(SlideOver/* default */.Z, { "data-fs-filter-slider": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeFilter(), overlayProps: overlayProps, ...otherProps },
-        external_react_default().createElement("div", { "data-fs-filter-slider-content": true },
-            external_react_default().createElement(SlideOverHeader/* default */.Z, { onClose: () => {
+    return (external_react_.createElement(SlideOver/* default */.Z, { "data-fs-filter-slider": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeFilter(), overlayProps: overlayProps, ...otherProps },
+        external_react_.createElement("div", { "data-fs-filter-slider-content": true },
+            external_react_.createElement(SlideOverHeader/* default */.Z, { onClose: () => {
                     onClose();
                     fadeOut();
                 } },
-                external_react_default().createElement("h2", { "data-fs-filter-slider-title": true }, title)),
+                external_react_.createElement("h2", { "data-fs-filter-slider-title": true }, title)),
             children),
-        external_react_default().createElement("footer", { "data-fs-filter-slider-footer": true },
-            external_react_default().createElement(Button/* default */.Z, { "data-fs-filter-slider-footer-button-clear": true, ...clearBtnProps }),
-            external_react_default().createElement(Button/* default */.Z, { "data-fs-filter-slider-footer-button-apply": true, "data-testid": "filter-slider-button-apply", ...applyBtnProps, onClick: (e) => {
+        external_react_.createElement("footer", { "data-fs-filter-slider-footer": true },
+            external_react_.createElement(Button/* default */.Z, { "data-fs-filter-slider-footer-button-clear": true, ...clearBtnProps }),
+            external_react_.createElement(Button/* default */.Z, { "data-fs-filter-slider-footer-button-apply": true, "data-testid": "filter-slider-button-apply", ...applyBtnProps, onClick: (e) => {
                     applyBtnProps?.onClick?.(e);
                     fadeOut();
                 } }))));
@@ -347,15 +52,15 @@ function FilterSlider({ title, size, direction, children, applyBtnProps, clearBt
 /* harmony default export */ const Filter_FilterSlider = (FilterSlider);
 //# sourceMappingURL=FilterSlider.js.map
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/Filter.js
-var Filter = __webpack_require__(10939);
+var Filter = __webpack_require__(87746);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacets.js
-var FilterFacets = __webpack_require__(40226);
+var FilterFacets = __webpack_require__(71197);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetBoolean.js
-var FilterFacetBoolean = __webpack_require__(46569);
+var FilterFacetBoolean = __webpack_require__(90281);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetBooleanItem.js + 1 modules
-var FilterFacetBooleanItem = __webpack_require__(86854);
+var FilterFacetBooleanItem = __webpack_require__(33926);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetRange.js + 2 modules
-var FilterFacetRange = __webpack_require__(87375);
+var FilterFacetRange = __webpack_require__(64042);
 // EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
 var useFormattedPrice = __webpack_require__(95346);
 // EXTERNAL MODULE: ./src/components/search/Filter/section.module.scss
@@ -492,7 +197,7 @@ __webpack_require__.d(__webpack_exports__, {
 // UNUSED EXPORTS: FilterSlider
 
 // EXTERNAL MODULE: ../components/dist/hooks/UIProvider.js
-var UIProvider = __webpack_require__(90395);
+var UIProvider = __webpack_require__(35728);
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(16689);
 // EXTERNAL MODULE: ../sdk/dist/search/facets.js
@@ -677,14 +382,14 @@ function Filter({
 const fragment = "unknown";
 /* harmony default export */ const Filter_Filter = (Filter);
 // EXTERNAL MODULE: ./src/components/search/Filter/FilterSlider.tsx + 1 modules
-var FilterSlider = __webpack_require__(94256);
+var FilterSlider = __webpack_require__(62651);
 ;// CONCATENATED MODULE: ./src/components/search/Filter/index.ts
 
 
 
 /***/ }),
 
-/***/ 93532:
+/***/ 17581:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -698,18 +403,17 @@ __webpack_require__.d(__webpack_exports__, {
 var useSearch = __webpack_require__(73221);
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(16689);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 // EXTERNAL MODULE: ../components/dist/atoms/Label/Label.js
-var Label = __webpack_require__(57216);
+var Label = __webpack_require__(37993);
 // EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
-var Icon = __webpack_require__(25045);
+var Icon = __webpack_require__(82185);
 ;// CONCATENATED MODULE: ../components/dist/atoms/Select/Select.js
 
 
 const Select = (0,external_react_.forwardRef)(function Select({ options, id, testId = 'fs-select', ...otherProps }, ref) {
-    return (external_react_default().createElement("div", { "data-fs-select": true },
-        external_react_default().createElement("select", { ref: ref, id: id, "data-testid": testId, ...otherProps }, Object.keys(options).map((key) => (external_react_default().createElement("option", { key: key, value: key }, options[key])))),
-        external_react_default().createElement(Icon/* default */.Z, { "data-fs-select-icon": true, name: "CaretDown" })));
+    return (external_react_.createElement("div", { "data-fs-select": true },
+        external_react_.createElement("select", { ref: ref, id: id, "data-testid": testId, ...otherProps }, Object.keys(options).map((key) => (external_react_.createElement("option", { key: key, value: key }, options[key])))),
+        external_react_.createElement(Icon/* default */.Z, { "data-fs-select-icon": true, name: "CaretDown" })));
 });
 /* harmony default export */ const Select_Select = (Select);
 //# sourceMappingURL=Select.js.map
@@ -717,9 +421,9 @@ const Select = (0,external_react_.forwardRef)(function Select({ options, id, tes
 
 
 const SelectField = (0,external_react_.forwardRef)(function SelectField({ id, label, options, testId = 'fs-select-field', ...otherProps }, ref) {
-    return (external_react_default().createElement("div", { ref: ref, "data-fs-select-field": true },
-        external_react_default().createElement(Label/* default */.Z, { "data-fs-select-field-label": true, htmlFor: id }, label),
-        external_react_default().createElement(Select_Select, { id: id, options: options, "data-testid": testId, ...otherProps })));
+    return (external_react_.createElement("div", { ref: ref, "data-fs-select-field": true },
+        external_react_.createElement(Label/* default */.Z, { "data-fs-select-field-label": true, htmlFor: id }, label),
+        external_react_.createElement(Select_Select, { id: id, options: options, "data-testid": testId, ...otherProps })));
 });
 /* harmony default export */ const SelectField_SelectField = (SelectField);
 //# sourceMappingURL=SelectField.js.map
@@ -789,9 +493,9 @@ function Sort({
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7434);
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(25045);
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(67703);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(35611);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(82185);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(46481);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
 
@@ -861,29 +565,29 @@ __webpack_require__.d(__webpack_exports__, {
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(16689);
 // EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js
-var Button = __webpack_require__(57578);
+var Button = __webpack_require__(33815);
 // EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
-var Icon = __webpack_require__(25045);
+var Icon = __webpack_require__(82185);
 // EXTERNAL MODULE: ../components/dist/atoms/Skeleton/Skeleton.js
-var Skeleton = __webpack_require__(2928);
+var Skeleton = __webpack_require__(78416);
 // EXTERNAL MODULE: ../components/dist/molecules/LinkButton/LinkButton.js
-var LinkButton = __webpack_require__(67703);
+var LinkButton = __webpack_require__(46481);
 // EXTERNAL MODULE: ./src/components/product/ProductCard/index.ts + 4 modules
-var ProductCard = __webpack_require__(56475);
+var ProductCard = __webpack_require__(853);
 // EXTERNAL MODULE: ../sdk/dist/search/useSearch.js + 1 modules
 var useSearch = __webpack_require__(73221);
 // EXTERNAL MODULE: ../sdk/dist/search/facets.js
 var search_facets = __webpack_require__(9664);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/Filter.js
-var Filter = __webpack_require__(10939);
+var Filter = __webpack_require__(87746);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacets.js
-var FilterFacets = __webpack_require__(40226);
+var FilterFacets = __webpack_require__(71197);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetBoolean.js
-var FilterFacetBoolean = __webpack_require__(46569);
+var FilterFacetBoolean = __webpack_require__(90281);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetBooleanItem.js + 1 modules
-var FilterFacetBooleanItem = __webpack_require__(86854);
+var FilterFacetBooleanItem = __webpack_require__(33926);
 // EXTERNAL MODULE: ../components/dist/organisms/Filter/FilterFacetRange.js + 2 modules
-var FilterFacetRange = __webpack_require__(87375);
+var FilterFacetRange = __webpack_require__(64042);
 // EXTERNAL MODULE: ./src/sdk/product/useFormattedPrice.ts
 var useFormattedPrice = __webpack_require__(95346);
 // EXTERNAL MODULE: external "react/jsx-runtime"
@@ -982,7 +686,7 @@ const override = {
 
 
 
-const FilterSlider = /*#__PURE__*/(0,external_react_.lazy)(() => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 94256)));
+const FilterSlider = /*#__PURE__*/(0,external_react_.lazy)(() => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 62651)));
 
 
 const {
@@ -1172,7 +876,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../components/dist/atoms/Skeleton/Skeleton.js
-var Skeleton = __webpack_require__(2928);
+var Skeleton = __webpack_require__(78416);
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(20997);
 ;// CONCATENATED MODULE: ./src/components/skeletons/FilterSkeleton/FilterSkeleton.tsx
@@ -1290,9 +994,9 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var next_seo__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(next_seo__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(90395);
+/* harmony import */ var _faststore_ui__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(35728);
 /* harmony import */ var src_components_search_Filter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(36171);
-/* harmony import */ var src_components_search_Sort__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(93532);
+/* harmony import */ var src_components_search_Sort__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17581);
 /* harmony import */ var src_components_skeletons_FilterSkeleton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(25473);
 /* harmony import */ var src_components_skeletons_ProductGridSkeleton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89913);
 /* harmony import */ var _useDelayedFacets__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6341);
@@ -1905,6 +1609,294 @@ const useContext = (context) => {
 const useSearch = () => useContext(Provider/* Context */._);
 //# sourceMappingURL=useSearch.js.map
 
+/***/ }),
+
+/***/ 35611:
+/***/ ((__unused_webpack___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__(16689);
+
+function EmptyState({ testId = 'fs-empty-state', title, titleIcon, variant = 'default', bkgColor = 'default', children, ...otherProps }) {
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("section", { "data-fs-empty-state": true, "data-fs-empty-state-variant": variant, "data-fs-empty-state-bkg-color": bkgColor, "data-fs-content": "empty-state", "data-testid": testId, ...otherProps },
+        title && (react__WEBPACK_IMPORTED_MODULE_0__.createElement("header", { "data-fs-empty-state-title": true },
+            titleIcon && react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, titleIcon),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("p", null, title))),
+        children));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EmptyState);
+//# sourceMappingURL=EmptyState.js.map
+
+/***/ }),
+
+/***/ 87746:
+/***/ ((__unused_webpack___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__(16689);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(93872);
+
+
+function Filter({ testId, title, indicesExpanded, onAccordionChange, children, }) {
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { "data-fs-filter": true, "data-testid": testId },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2", { "data-fs-filter-title": true }, title),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { indices: indicesExpanded, onChange: onAccordionChange, "data-fs-filter-accordion": true }, children)));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Filter);
+//# sourceMappingURL=Filter.js.map
+
+/***/ }),
+
+/***/ 90281:
+/***/ ((__unused_webpack___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__(16689);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(58823);
+
+
+function FilterFacetBoolean({ children }) {
+    return react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-fs-filter-list": true }, children);
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FilterFacetBoolean);
+//# sourceMappingURL=FilterFacetBoolean.js.map
+
+/***/ }),
+
+/***/ 33926:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ Filter_FilterFacetBooleanItem)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(16689);
+;// CONCATENATED MODULE: ../components/dist/atoms/Checkbox/Checkbox.js
+
+const Checkbox = (0,external_react_.forwardRef)(function Checkbox({ testId = 'fs-checkbox', partial, ...otherProps }, ref) {
+    return (external_react_.createElement("input", { ref: ref, "data-fs-checkbox": true, "data-testid": testId, "data-fs-checkbox-partial": partial, type: "checkbox", ...otherProps }));
+});
+/* harmony default export */ const Checkbox_Checkbox = (Checkbox);
+//# sourceMappingURL=Checkbox.js.map
+// EXTERNAL MODULE: ../components/dist/atoms/Label/Label.js
+var Label = __webpack_require__(37993);
+// EXTERNAL MODULE: ../components/dist/atoms/Badge/Badge.js
+var Badge = __webpack_require__(87197);
+;// CONCATENATED MODULE: ../components/dist/organisms/Filter/FilterFacetBooleanItem.js
+
+
+function FilterFacetBooleanItem({ testId, id, selected, value, quantity, facetKey, label, onFacetChange, }) {
+    return (external_react_.createElement("li", { key: id, "data-fs-filter-list-item": true },
+        external_react_.createElement(Checkbox_Checkbox, { id: id, checked: selected, onChange: () => onFacetChange({ key: facetKey, value }, 'BOOLEAN'), "data-fs-filter-list-item-checkbox": true, "data-testid": `${testId}-accordion-panel-checkbox`, "data-value": value, "data-quantity": quantity }),
+        external_react_.createElement(Label/* default */.Z, { htmlFor: id, className: "text__title-mini-alt", "data-fs-filter-list-item-label": true },
+            label,
+            " ",
+            external_react_.createElement(Badge/* default */.Z, { "data-fs-filter-list-item-badge": true }, quantity))));
+}
+/* harmony default export */ const Filter_FilterFacetBooleanItem = (FilterFacetBooleanItem);
+//# sourceMappingURL=FilterFacetBooleanItem.js.map
+
+/***/ }),
+
+/***/ 64042:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ Filter_FilterFacetRange)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(16689);
+;// CONCATENATED MODULE: ../components/dist/atoms/Slider/Slider.js
+/**
+ * This code is inspired by the work of [sandra-lewis](https://codesandbox.io/u/sandra-lewis)
+ */
+
+const percent = (value, min, max) => Math.round(((value - min) / (max - min)) * 100);
+const Slider = (0,external_react_.forwardRef)(function Slider({ min, max, absoluteValuesLabel, onChange, onEnd, testId = 'fs-slider', getAriaValueText, step, minValueLabelComponent, maxValueLabelComponent, ...otherProps }, ref) {
+    const widthPercent = (0,external_react_.useMemo)(() => (max.absolute - min.absolute) / 100, [max.absolute, min.absolute]);
+    const [minPercent, setMinPercent] = (0,external_react_.useState)(() => percent(min.selected, min.absolute, max.absolute));
+    const [maxPercent, setMaxPercent] = (0,external_react_.useState)(() => percent(max.selected, min.absolute, max.absolute));
+    const [minVal, setMinVal] = (0,external_react_.useState)(() => Math.floor(min.absolute + minPercent * widthPercent));
+    const [maxVal, setMaxVal] = (0,external_react_.useState)(() => Math.round(min.absolute + maxPercent * widthPercent));
+    const percentage = (value) => (value / max.absolute) * 100;
+    (0,external_react_.useImperativeHandle)(ref, () => ({
+        setSliderValues: (values) => {
+            const sliderMinValue = Math.min(Number(values.min), maxVal);
+            setMinVal(sliderMinValue);
+            setMinPercent(percent(sliderMinValue, min.absolute, max.absolute));
+            if (values.max > max.absolute) {
+                setMaxVal(max.absolute);
+                setMaxPercent(percent(max.absolute, min.absolute, max.absolute));
+                return;
+            }
+            const sliderMaxValue = Math.max(Number(values.max), minVal);
+            setMaxVal(sliderMaxValue);
+            setMaxPercent(percent(sliderMaxValue, min.absolute, max.absolute));
+        },
+    }));
+    return (external_react_.createElement("div", { "data-fs-slider": true, "data-testid": testId },
+        external_react_.createElement("div", { "data-fs-slider-absolute-values": true },
+            external_react_.createElement("span", null, absoluteValuesLabel.min),
+            external_react_.createElement("span", null, absoluteValuesLabel.max)),
+        external_react_.createElement("div", { "data-fs-slider-wrapper": true },
+            external_react_.createElement("div", { "data-fs-slider-range": true, style: {
+                    left: `${minPercent}%`,
+                    width: `${maxPercent - minPercent}%`,
+                } }),
+            external_react_.createElement("input", { type: "range", min: Math.floor(min.absolute), max: Math.round(max.absolute), value: minVal, step: step, onMouseUp: () => onEnd?.({ min: minVal, max: maxVal }), onTouchEnd: () => onEnd?.({ min: minVal, max: maxVal }), onChange: (event) => {
+                    const minValue = Math.min(Number(event.target.value), maxVal);
+                    setMinVal(minValue);
+                    setMinPercent(percent(minValue, min.absolute, max.absolute));
+                    onChange?.({ min: minValue, max: maxVal });
+                }, "data-fs-slider-thumb": "left", "aria-valuemin": min.absolute, "aria-valuemax": max.absolute, "aria-valuenow": minVal, "aria-label": String(minVal), "aria-labelledby": getAriaValueText?.(minVal, 'min'), ...otherProps }),
+            minValueLabelComponent && (external_react_.createElement("span", { "data-fs-slider-value-label": "min", style: {
+                    left: `calc(${percentage(minVal)}% + (${8 - percentage(minVal) * 0.2}px))`,
+                } }, minValueLabelComponent(minVal))),
+            external_react_.createElement("input", { type: "range", min: Math.floor(min.absolute), max: Math.round(max.absolute), value: maxVal, step: step, onMouseUp: () => onEnd?.({ min: minVal, max: maxVal }), onTouchEnd: () => onEnd?.({ min: minVal, max: maxVal }), onChange: (event) => {
+                    const maxValue = Math.max(Number(event.target.value), minVal);
+                    setMaxVal(maxValue);
+                    setMaxPercent(percent(maxValue, min.absolute, max.absolute));
+                    onChange?.({ min: minVal, max: maxValue });
+                }, "data-fs-slider-thumb": "right", "aria-valuemin": min.absolute, "aria-valuemax": max.absolute, "aria-valuenow": maxVal, "aria-label": String(maxVal), "aria-labelledby": getAriaValueText?.(maxVal, 'max') }),
+            maxValueLabelComponent && (external_react_.createElement("span", { "data-fs-slider-value-label": "max", style: {
+                    left: `calc(${percentage(maxVal)}% + (${8 - percentage(maxVal) * 0.2}px))`,
+                } }, maxValueLabelComponent(maxVal))))));
+});
+/* harmony default export */ const Slider_Slider = (Slider);
+//# sourceMappingURL=Slider.js.map
+// EXTERNAL MODULE: ../components/dist/atoms/Price/Price.js
+var Price = __webpack_require__(23556);
+// EXTERNAL MODULE: ../components/dist/molecules/InputField/InputField.js
+var InputField = __webpack_require__(87107);
+;// CONCATENATED MODULE: ../components/dist/organisms/PriceRange/PriceRange.js
+
+
+const PriceRange = (0,external_react_.forwardRef)(function PriceRange({ formatter, max, min, step = 1, onChange, onEnd, testId = 'fs-price-range', variant, 'aria-label': ariaLabel, ...otherProps }, ref) {
+    const sliderRef = (0,external_react_.useRef)();
+    (0,external_react_.useImperativeHandle)(ref, () => ({
+        setPriceRangeValues: (values) => {
+            onChange?.(values);
+            sliderRef.current?.setSliderValues(values);
+        },
+    }));
+    const inputMinRef = (0,external_react_.useRef)(null);
+    const inputMaxRef = (0,external_react_.useRef)(null);
+    const [inputMinError, setInputMinError] = (0,external_react_.useState)();
+    const [inputMaxError, setInputMaxError] = (0,external_react_.useState)();
+    const [priceRange, setPriceRange] = (0,external_react_.useState)({
+        min: Math.floor(min.selected),
+        max: Math.round(max.selected),
+    });
+    function onChangePriceRange(value) {
+        setInputMinError(undefined);
+        setInputMaxError(undefined);
+        setPriceRange({ min: value.min, max: value.max });
+        if (inputMinRef.current?.value) {
+            inputMinRef.current.value = String(value.min);
+        }
+        if (inputMaxRef.current?.value) {
+            inputMaxRef.current.value = String(value.max);
+        }
+    }
+    function onChangeInputMin(value) {
+        setInputMinError(undefined);
+        if (Number(value) < Math.floor(min.absolute)) {
+            return;
+        }
+        if (Number(value) > Math.floor(priceRange.max)) {
+            setInputMinError(`Min price can't be greater than max`);
+        }
+        setPriceRange({ ...priceRange, min: Number(value) });
+        sliderRef.current?.setSliderValues({
+            ...priceRange,
+            min: Number(value),
+        });
+    }
+    function onChangeInputMax(value) {
+        setInputMaxError(undefined);
+        if (Number(value) > Math.round(max.absolute)) {
+            return;
+        }
+        if (Number(value) < Math.round(priceRange.min)) {
+            setInputMaxError(`Max price can't be smaller than min`);
+        }
+        setPriceRange({ ...priceRange, max: Number(value) });
+        sliderRef.current?.setSliderValues({
+            ...priceRange,
+            max: Number(value),
+        });
+    }
+    return (external_react_.createElement("div", { "data-fs-price-range": true, "data-testid": testId, ...otherProps },
+        external_react_.createElement(Slider_Slider, { ref: sliderRef, min: min, max: max, step: step, onEnd: (value) => {
+                onEnd?.(value);
+                onChangePriceRange(value);
+            }, "aria-label": ariaLabel, onChange: (value) => onChange?.(value), absoluteValuesLabel: {
+                min: (external_react_.createElement(Price/* default */.Z, { value: Math.floor(min.absolute), variant: variant, formatter: formatter })),
+                max: (external_react_.createElement(Price/* default */.Z, { value: Math.round(max.absolute), variant: variant, formatter: formatter })),
+            }, minValueLabelComponent: (minValue) => {
+                return (external_react_.createElement(Price/* default */.Z, { value: minValue, variant: variant, formatter: formatter }));
+            }, maxValueLabelComponent: (maxValue) => {
+                return (external_react_.createElement(Price/* default */.Z, { value: maxValue, variant: variant, formatter: formatter }));
+            } }),
+        external_react_.createElement("div", { "data-fs-price-range-inputs": true },
+            external_react_.createElement(InputField/* default */.Z, { id: "price-range-min", step: step, label: "Min", type: "number", inputMode: "numeric", error: inputMinError, inputRef: inputMinRef, min: Math.floor(min.absolute), max: priceRange.max, value: priceRange.min, onChange: (e) => onChangeInputMin(e.target.value), onBlur: () => !inputMinError && onEnd?.(priceRange) }),
+            external_react_.createElement(InputField/* default */.Z, { id: "price-range-max", label: "Max", step: step, type: "number", inputMode: "numeric", error: inputMaxError, inputRef: inputMaxRef, max: Math.round(max.absolute), min: priceRange.min, value: priceRange.max, onChange: (e) => onChangeInputMax(e.target.value), onBlur: () => !inputMaxError && onEnd?.(priceRange) }))));
+});
+/* harmony default export */ const PriceRange_PriceRange = (PriceRange);
+//# sourceMappingURL=PriceRange.js.map
+;// CONCATENATED MODULE: ../components/dist/organisms/Filter/FilterFacetRange.js
+
+
+const formatRange = (min, max) => `${min.toFixed(2)}-to-${max.toFixed(2)}`;
+function FilterFacetRange({ min, max, formatter, facetKey, onFacetChange, }) {
+    return (external_react_.createElement(PriceRange_PriceRange, { "data-fs-filter-facet-range": true, min: min, max: max, formatter: formatter, step: 1, onEnd: (v) => onFacetChange({
+            key: facetKey,
+            value: formatRange(v.min, v.max),
+        }, 'RANGE') }));
+}
+/* harmony default export */ const Filter_FilterFacetRange = (FilterFacetRange);
+//# sourceMappingURL=FilterFacetRange.js.map
+
+/***/ }),
+
+/***/ 71197:
+/***/ ((__unused_webpack___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__(16689);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(96833);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(81945);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5853);
+
+
+function FilterFacets({ testId, label, index, children, type, }) {
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { key: `${label}-${index}`, prefixId: testId, testId: `${testId}-accordion`, index: index, "data-type": type, "data-fs-filter-accordion-item": true },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { testId: `${testId}-accordion-button` }, label),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, null, children)));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FilterFacets);
+//# sourceMappingURL=FilterFacets.js.map
+
 /***/ })
 
 };