@envive-ai/react-toolkit 0.1.12 → 0.2.0

package/dist/SearchFilter/index.d.ts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
-import { CloseIconVariant, SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
+import { CloseIconVariant, FilterFooterProps, SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SearchFilter/types.d.ts
 interface SearchFilterItem$1 extends SearchFilterItemDatum {
@@ -55,7 +55,7 @@ declare const SearchFilter: ({
   radioButtonHoverColor,
   radioButtonUncheckedBorderColor,
   filterCloseIconVariant
-}: SearchFilterProps) => react_jsx_runtime12.JSX.Element;
+}: SearchFilterProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterHeader.d.ts
 declare const SearchFilterHeader: ({
@@ -63,7 +63,17 @@ declare const SearchFilterHeader: ({
   productCount,
   headerClassName,
   filterCloseIconVariant
-}: SearchFilterHeaderProps) => react_jsx_runtime12.JSX.Element;
+}: SearchFilterHeaderProps) => react_jsx_runtime28.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterFooter.d.ts
+declare const SearchFilterFooter: ({
+  closeModal,
+  clearAllFilters,
+  filterCount,
+  applyFiltersUnchangedClasses,
+  applyFiltersChangedClasses,
+  hasFiltersChanged
+}: FilterFooterProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterItem.d.ts
 declare const SearchFilterItem: ({
@@ -72,6 +82,10 @@ declare const SearchFilterItem: ({
   radioButtonFillColor,
   radioButtonHoverColor,
   radioButtonUncheckedBorderColor
-}: SearchFilterItemProps) => react_jsx_runtime12.JSX.Element;
+}: SearchFilterItemProps) => react_jsx_runtime28.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/utils.d.ts
+declare const getSelectedFilterItemsCount: (filter: SearchFilterDatum) => number;
+declare const getTotalSelectedFilterItemsCount: (filters: SearchFilterDatum[]) => number;
 //#endregion
-export { SearchFilter, SearchFilterHeader, SearchFilterItem };
+export { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/SearchFilter/index.js

@@ -1,13 +1,14 @@
-import "../textVariantClasses-D77TGEy1.js";
-import "../Text-Bod4OMPk.js";
+import "../textVariantClasses-CRrTb43V.js";
+import "../Text-BLzNhX4H.js";
 import "../Text-BMsncrpY.js";
-import "../Accordion-Cp3Hx2zm.js";
-import "../ButtonBase-BAf-nlCm.js";
-import "../ButtonBase-0NN6wmX-.js";
-import "../ModalSheet-01pxpy_K.js";
-import "../RadioButton-Bf68dZl7.js";
-import "../RadioButtonGroup-8k7hkJYB.js";
-import { SearchFilter, SearchFilterHeader, SearchFilterItem } from "../SearchFilter-DvqBIXa1.js";
-import "../ToggleButton-GIVd2-Z4.js";
+import "../Accordion-ZEdp99Ph.js";
+import "../AnimatedChevron-CwuXgR2r.js";
+import "../ButtonBase-BJ0qXMWD.js";
+import "../ButtonBase-BktteD9c.js";
+import "../ModalSheet-sMg44OLz.js";
+import "../RadioButton-CG8_M0hY.js";
+import "../RadioButtonGroup-B7EuiEP1.js";
+import { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount } from "../SearchFilter-C8mgj84o.js";
+import "../ToggleButton-CRiPqTCb.js";
 
-export { SearchFilter, SearchFilterHeader, SearchFilterItem };
+export { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/{SearchFilter-DvqBIXa1.js → SearchFilter-C8mgj84o.js}

@@ -1,9 +1,9 @@
-import { Text } from "./Text-Bod4OMPk.js";
-import { Accordion } from "./Accordion-Cp3Hx2zm.js";
-import { ButtonBase } from "./ButtonBase-BAf-nlCm.js";
-import { ModalSheet } from "./ModalSheet-01pxpy_K.js";
-import { RadioButtonGroup } from "./RadioButtonGroup-8k7hkJYB.js";
-import { ToggleButton } from "./ToggleButton-GIVd2-Z4.js";
+import { Text } from "./Text-BLzNhX4H.js";
+import { Accordion } from "./Accordion-ZEdp99Ph.js";
+import { ButtonBase } from "./ButtonBase-BJ0qXMWD.js";
+import { ModalSheet } from "./ModalSheet-sMg44OLz.js";
+import { RadioButtonGroup } from "./RadioButtonGroup-B7EuiEP1.js";
+import { ToggleButton } from "./ToggleButton-CRiPqTCb.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -24,6 +24,8 @@ const SearchFilterHeader = ({ closeModal, productCount, headerClassName, filterC
 		}), /* @__PURE__ */ jsx("button", {
 			onClick: closeModal,
 			className: "spiffy-tw-p-2",
+			type: "button",
+			"aria-label": "Open Filter Menu",
 			children: /* @__PURE__ */ jsx("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "14",
@@ -64,15 +66,11 @@ const useHasFilterStateChanged = (filters, isOpen) => {
 
 //#endregion
 //#region src/components/SearchFilter/utils.ts
-const getSelectedFilterItemsCount = (filter) => {
-	return filter.items.filter((item) => item.isSelected).length;
-};
-const getTotalSelectedFilterItemsCount = (filters) => {
-	return filters.reduce((acc, filter) => {
-		if (filter.filterId === "sort") return acc;
-		return acc + getSelectedFilterItemsCount(filter);
-	}, 0);
-};
+const getSelectedFilterItemsCount = (filter) => filter.items.filter((item) => item.isSelected).length;
+const getTotalSelectedFilterItemsCount = (filters) => filters.reduce((acc, filter) => {
+	if (filter.filterId === "sort") return acc;
+	return acc + getSelectedFilterItemsCount(filter);
+}, 0);
 
 //#endregion
 //#region src/components/SearchFilter/SearchFilterFooter.tsx
@@ -238,9 +236,21 @@ const SearchFilter = ({ filters, productCount, selectFilterItem, clearAllFilters
 const SearchFilterItem = ({ filterItem, onSelectFilterItem, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor }) => {
 	const { displayName, isSelected } = filterItem;
 	const radioClasses = classNames("spiffy-tw-w-4 spiffy-tw-h-4 spiffy-tw-rounded-full spiffy-tw-border-2", "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-center", radioButtonUncheckedBorderColor, radioButtonHoverColor, { [radioButtonFillColor]: isSelected });
-	return /* @__PURE__ */ jsxs("li", {
-		className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-py-2 spiffy-tw-cursor-pointer",
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		role: "option",
+		"aria-selected": isSelected,
+		className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-py-2",
 		onClick: () => onSelectFilterItem(filterItem),
+		onKeyDown: (event) => {
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				onSelectFilterItem(filterItem);
+			}
+		},
+		onKeyUp: (event) => {
+			if (event.key === " ") event.preventDefault();
+		},
 		children: [/* @__PURE__ */ jsx(Text, {
 			variant: "body3",
 			children: displayName
@@ -255,4 +265,4 @@ const SearchFilterItem = ({ filterItem, onSelectFilterItem, radioButtonFillColor
 };
 
 //#endregion
-export { SearchFilter, SearchFilterHeader, SearchFilterItem };
+export { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/{SearchFilter-CTVBi5s3.cjs → SearchFilter-FrdHPM5O.cjs}

@@ -1,10 +1,10 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Text = require('./Text-MQjxqgZZ.cjs');
-const require_Accordion = require('./Accordion-DBZpiQe7.cjs');
-const require_ButtonBase = require('./ButtonBase-Do88ndKa.cjs');
-const require_ModalSheet = require('./ModalSheet-Csz8HIxs.cjs');
-const require_RadioButtonGroup = require('./RadioButtonGroup-Dc_n5amh.cjs');
-const require_ToggleButton = require('./ToggleButton-CK_vkMvt.cjs');
+const require_Text = require('./Text-DllCE9_D.cjs');
+const require_Accordion = require('./Accordion-D9gO9_y3.cjs');
+const require_ButtonBase = require('./ButtonBase-VIv-tn7H.cjs');
+const require_ModalSheet = require('./ModalSheet-DwnbbFh7.cjs');
+const require_RadioButtonGroup = require('./RadioButtonGroup-ReQqakpS.cjs');
+const require_ToggleButton = require('./ToggleButton-DfJZ8POQ.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let classnames = require("classnames");
@@ -28,6 +28,8 @@ const SearchFilterHeader = ({ closeModal, productCount, headerClassName, filterC
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 			onClick: closeModal,
 			className: "spiffy-tw-p-2",
+			type: "button",
+			"aria-label": "Open Filter Menu",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "14",
@@ -68,15 +70,11 @@ const useHasFilterStateChanged = (filters, isOpen) => {
 
 //#endregion
 //#region src/components/SearchFilter/utils.ts
-const getSelectedFilterItemsCount = (filter) => {
-	return filter.items.filter((item) => item.isSelected).length;
-};
-const getTotalSelectedFilterItemsCount = (filters) => {
-	return filters.reduce((acc, filter) => {
-		if (filter.filterId === "sort") return acc;
-		return acc + getSelectedFilterItemsCount(filter);
-	}, 0);
-};
+const getSelectedFilterItemsCount = (filter) => filter.items.filter((item) => item.isSelected).length;
+const getTotalSelectedFilterItemsCount = (filters) => filters.reduce((acc, filter) => {
+	if (filter.filterId === "sort") return acc;
+	return acc + getSelectedFilterItemsCount(filter);
+}, 0);
 
 //#endregion
 //#region src/components/SearchFilter/SearchFilterFooter.tsx
@@ -242,9 +240,21 @@ const SearchFilter = ({ filters, productCount, selectFilterItem, clearAllFilters
 const SearchFilterItem = ({ filterItem, onSelectFilterItem, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor }) => {
 	const { displayName, isSelected } = filterItem;
 	const radioClasses = (0, classnames.default)("spiffy-tw-w-4 spiffy-tw-h-4 spiffy-tw-rounded-full spiffy-tw-border-2", "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-center", radioButtonUncheckedBorderColor, radioButtonHoverColor, { [radioButtonFillColor]: isSelected });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-		className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-py-2 spiffy-tw-cursor-pointer",
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		type: "button",
+		role: "option",
+		"aria-selected": isSelected,
+		className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-py-2",
 		onClick: () => onSelectFilterItem(filterItem),
+		onKeyDown: (event) => {
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				onSelectFilterItem(filterItem);
+			}
+		},
+		onKeyUp: (event) => {
+			if (event.key === " ") event.preventDefault();
+		},
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
 			variant: "body3",
 			children: displayName
@@ -265,6 +275,12 @@ Object.defineProperty(exports, 'SearchFilter', {
     return SearchFilter;
   }
 });
+Object.defineProperty(exports, 'SearchFilterFooter', {
+  enumerable: true,
+  get: function () {
+    return SearchFilterFooter;
+  }
+});
 Object.defineProperty(exports, 'SearchFilterHeader', {
   enumerable: true,
   get: function () {
@@ -276,4 +292,16 @@ Object.defineProperty(exports, 'SearchFilterItem', {
   get: function () {
     return SearchFilterItem;
   }
+});
+Object.defineProperty(exports, 'getSelectedFilterItemsCount', {
+  enumerable: true,
+  get: function () {
+    return getSelectedFilterItemsCount;
+  }
+});
+Object.defineProperty(exports, 'getTotalSelectedFilterItemsCount', {
+  enumerable: true,
+  get: function () {
+    return getTotalSelectedFilterItemsCount;
+  }
 });

package/dist/SearchInput/index.cjs

@@ -1,7 +1,7 @@
-require('../textVariantClasses-Dgz7Zaql.cjs');
-require('../colorsConfig-D-MZuBvt.cjs');
-require('../TextInput-B3dTeD3q.cjs');
-const require_SearchInput = require('../SearchInput-vJMWoLzS.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+require('../TextInput-CGs4BY1q.cjs');
+require('../colorsConfig-CqCKftuM.cjs');
+const require_SearchInput = require('../SearchInput--x9NTMTb.cjs');
 
 exports.SearchInput = require_SearchInput.SearchInput;
 exports.searchInputVariantClasses = require_SearchInput.searchInputVariantClasses;

package/dist/SearchInput/index.d.cts

@@ -1,6 +1,7 @@
-import { SearchInputVariant } from "../index-H_9LhS_1.cjs";
+import { SearchInputVariant as SearchInputVariant$1 } from "../types-BhGjnuWx.cjs";
 import { TextStyleVariantMap } from "../textVariantClasses-B0gNjzl4.cjs";
 import React from "react";
+import { SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
 
 //#region src/components/SearchInput/SearchInput.d.ts
 interface SearchInputProps {
@@ -28,6 +29,6 @@ type SearchInputVariantClasses = {
   searchInputClasses: string;
   placeholderVariant: keyof typeof TextStyleVariantMap;
 };
-declare const searchInputVariantClasses: Record<SearchInputVariant, SearchInputVariantClasses>;
+declare const searchInputVariantClasses: Record<SearchInputVariant$1, SearchInputVariantClasses>;
 //#endregion
 export { SearchInput, searchInputVariantClasses };

package/dist/SearchInput/index.d.ts

@@ -1,6 +1,7 @@
-import { SearchInputVariant } from "../index-h-QwQNnu.js";
-import { TextStyleVariantMap } from "../textVariantClasses-kyZtL8F5.js";
+import { SearchInputVariant as SearchInputVariant$1 } from "../types-CTOdb0G0.js";
+import { TextStyleVariantMap } from "../textVariantClasses-Bl8SAGwZ.js";
 import React from "react";
+import { SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
 
 //#region src/components/SearchInput/SearchInput.d.ts
 interface SearchInputProps {
@@ -28,6 +29,6 @@ type SearchInputVariantClasses = {
   searchInputClasses: string;
   placeholderVariant: keyof typeof TextStyleVariantMap;
 };
-declare const searchInputVariantClasses: Record<SearchInputVariant, SearchInputVariantClasses>;
+declare const searchInputVariantClasses: Record<SearchInputVariant$1, SearchInputVariantClasses>;
 //#endregion
 export { SearchInput, searchInputVariantClasses };

package/dist/SearchInput/index.js

@@ -1,6 +1,6 @@
-import "../textVariantClasses-D77TGEy1.js";
-import "../colorsConfig-DEfiLHH0.js";
-import "../TextInput-DoM41M53.js";
-import { SearchInput, searchInputVariantClasses } from "../SearchInput-CVaCPWCE.js";
+import "../textVariantClasses-CRrTb43V.js";
+import "../TextInput-BeHPlVHT.js";
+import "../colorsConfig-Ck2jeqWe.js";
+import { SearchInput, searchInputVariantClasses } from "../SearchInput-IBq83nqF.js";
 
 export { SearchInput, searchInputVariantClasses };

package/dist/{SearchInput-vJMWoLzS.cjs → SearchInput--x9NTMTb.cjs}

@@ -1,6 +1,6 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_colorsConfig = require('./colorsConfig-D-MZuBvt.cjs');
-const require_TextInput = require('./TextInput-B3dTeD3q.cjs');
+const require_TextInput = require('./TextInput-CGs4BY1q.cjs');
+const require_colorsConfig = require('./colorsConfig-CqCKftuM.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let classnames = require("classnames");

package/dist/{SearchInput-CVaCPWCE.js → SearchInput-IBq83nqF.js}

@@ -1,5 +1,5 @@
-import { ColorNames, colorVar } from "./colorsConfig-DEfiLHH0.js";
-import { TextInput } from "./TextInput-DoM41M53.js";
+import { TextInput } from "./TextInput-BeHPlVHT.js";
+import { ColorNames, colorVar } from "./colorsConfig-Ck2jeqWe.js";
 import React, { useImperativeHandle, useRef } from "react";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/SearchInputForm/index.cjs

@@ -1,9 +1,9 @@
 const require_chunk = require('../chunk-CUT6urMc.cjs');
-require('../textVariantClasses-Dgz7Zaql.cjs');
-const require_SearchAutocomplete = require('../SearchAutocomplete-DIEhLT4C.cjs');
-require('../colorsConfig-D-MZuBvt.cjs');
-require('../TextInput-B3dTeD3q.cjs');
-const require_SearchInput = require('../SearchInput-vJMWoLzS.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+const require_SearchAutocomplete = require('../SearchAutocomplete-BmHdijOv.cjs');
+require('../TextInput-CGs4BY1q.cjs');
+require('../colorsConfig-CqCKftuM.cjs');
+const require_SearchInput = require('../SearchInput--x9NTMTb.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 

package/dist/SearchInputForm/index.d.cts

@@ -1,2 +1,34 @@
-import { SearchInputForm, SearchInputVariant } from "../index-H_9LhS_1.cjs";
-export { SearchInputForm, SearchInputVariant };
+import { SearchInputVariant } from "../types-BhGjnuWx.cjs";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+
+//#region src/components/SearchInputForm/SearchInputForm.d.ts
+interface SearchInputFormProps {
+  searchInputVariant: SearchInputVariant;
+  searchText: string;
+  autocompleteResults: string[];
+  searchBoxPlaceholder: string;
+  focusedOptionId: string | undefined;
+  isDirty: boolean;
+  focusedIndex: number;
+  onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  onAutocompleteSelect: (suggestion: string) => void;
+  onSearchInputChange: (value: string) => void;
+  onSearchSubmit: () => void;
+  searchInputDataTestId?: string;
+}
+declare const SearchInputForm: ({
+  searchInputVariant,
+  searchText,
+  autocompleteResults,
+  searchBoxPlaceholder,
+  focusedOptionId,
+  isDirty,
+  focusedIndex,
+  onKeyDown,
+  onAutocompleteSelect,
+  onSearchInputChange,
+  onSearchSubmit,
+  searchInputDataTestId
+}: SearchInputFormProps) => react_jsx_runtime1.JSX.Element;
+//#endregion
+export { SearchInputForm };

package/dist/SearchInputForm/index.d.ts

@@ -1,2 +1,34 @@
-import { SearchInputForm, SearchInputVariant } from "../index-h-QwQNnu.js";
-export { SearchInputForm, SearchInputVariant };
+import { SearchInputVariant } from "../types-CTOdb0G0.js";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+
+//#region src/components/SearchInputForm/SearchInputForm.d.ts
+interface SearchInputFormProps {
+  searchInputVariant: SearchInputVariant;
+  searchText: string;
+  autocompleteResults: string[];
+  searchBoxPlaceholder: string;
+  focusedOptionId: string | undefined;
+  isDirty: boolean;
+  focusedIndex: number;
+  onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  onAutocompleteSelect: (suggestion: string) => void;
+  onSearchInputChange: (value: string) => void;
+  onSearchSubmit: () => void;
+  searchInputDataTestId?: string;
+}
+declare const SearchInputForm: ({
+  searchInputVariant,
+  searchText,
+  autocompleteResults,
+  searchBoxPlaceholder,
+  focusedOptionId,
+  isDirty,
+  focusedIndex,
+  onKeyDown,
+  onAutocompleteSelect,
+  onSearchInputChange,
+  onSearchSubmit,
+  searchInputDataTestId
+}: SearchInputFormProps) => react_jsx_runtime1.JSX.Element;
+//#endregion
+export { SearchInputForm };

package/dist/SearchInputForm/index.js

@@ -1,8 +1,8 @@
-import "../textVariantClasses-D77TGEy1.js";
-import { SearchAutocomplete } from "../SearchAutocomplete-BlpII8Xs.js";
-import "../colorsConfig-DEfiLHH0.js";
-import "../TextInput-DoM41M53.js";
-import { SearchInput, searchInputVariantClasses } from "../SearchInput-CVaCPWCE.js";
+import "../textVariantClasses-CRrTb43V.js";
+import { SearchAutocomplete } from "../SearchAutocomplete-BMNYZiJL.js";
+import "../TextInput-BeHPlVHT.js";
+import "../colorsConfig-Ck2jeqWe.js";
+import { SearchInput, searchInputVariantClasses } from "../SearchInput-IBq83nqF.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/SearchInputForm/SearchInputForm.tsx

package/dist/SearchResultsContent/index.cjs

@@ -1,50 +1,47 @@
 const require_chunk = require('../chunk-CUT6urMc.cjs');
-require('../textVariantClasses-Dgz7Zaql.cjs');
-require('../Text-MQjxqgZZ.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+require('../Text-DllCE9_D.cjs');
 require('../Text-C8t_iEj6.cjs');
-require('../DynamicFiltersScrollbar-CVw1PINp.cjs');
-require('../Headline-DTT4RSv2.cjs');
-require('../ImageWithFallback-Cx-KNi-D.cjs');
-require('../ProductCard-FDyIMnZs.cjs');
-require('../Spinner-DFor2Szi.cjs');
-require('../ProductGrid-TlntVJ6h.cjs');
-const require_SearchResultsStates = require('../SearchResultsStates-CH4agenX.cjs');
-require('../colorsConfig-D-MZuBvt.cjs');
-require('../searchFilterSidebarVariants-DFfOTqjc.cjs');
-require('../SparkleAnimation-qi5WCJ9B.cjs');
+require('../DynamicFiltersScrollbar-HCYZjI14.cjs');
+require('../Headline-CKJmd2w4.cjs');
+require('../ImageWithFallback-Km9h16Vz.cjs');
+require('../ProductCard-BDz80MCQ.cjs');
+require('../Spinner-rcWX566W.cjs');
+require('../ProductGrid-RRcdkY5J.cjs');
+require('../colorsConfig-CqCKftuM.cjs');
+const require_SearchResultsStates = require('../SearchResultsStates-nlaPbkj3.cjs');
+require('../searchFilterSidebarVariants-NQhqq-NT.cjs');
+require('../SparkleAnimation-D1aZE-7A.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 let __envive_ai_react_hooks_hooks_utils = require("@envive-ai/react-hooks/hooks/utils");
 __envive_ai_react_hooks_hooks_utils = require_chunk.__toESM(__envive_ai_react_hooks_hooks_utils);
 
 //#region src/components/SearchResultsContent/SearchResultsContent.tsx
-const SearchResultsContent = ({ searchResultsState, productList, productCardConfig, merchantShortName, searchFilterSidebarVariant, productGridVariant, productGridClasses, containerXPaddingClasses, selectedFilterOptions, availableDynamicFilters, searchResponseId, onRemoveFilter, onToggleDynamicFilter, noResultsFoundText }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
-		searchResultsState === __envive_ai_react_hooks_hooks_utils.SearchResultsState.NoResults && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.NoSearchResultsFound, {
-			containerPaddingClasses: containerXPaddingClasses,
-			includeBottomMargin: true,
-			noResultsFoundText
-		}),
-		searchResultsState === __envive_ai_react_hooks_hooks_utils.SearchResultsState.Results && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.SearchResultsGrid, {
-			searchFilterSidebarVariant,
-			productCardConfig,
-			merchantShortName,
-			productList,
-			productGridVariant,
-			productGridClasses,
-			containerXPaddingClasses,
-			selectedFilterOptions,
-			availableDynamicFilters,
-			searchResponseId,
-			onRemoveFilter,
-			onToggleDynamicFilter
-		}),
-		searchResultsState === __envive_ai_react_hooks_hooks_utils.SearchResultsState.Loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.SearchResultsLoadingGrid, {
-			productGridVariant,
-			productGridClasses
-		})
-	] });
-};
+const SearchResultsContent = ({ searchResultsState, productList, productCardConfig, merchantShortName, searchFilterSidebarVariant, productGridVariant, productGridClasses, containerXPaddingClasses, selectedFilterOptions, availableDynamicFilters, onRemoveFilter, onToggleDynamicFilter, noResultsFoundText }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+	searchResultsState === __envive_ai_react_hooks_hooks_utils.SearchResultsState.NoResults && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.NoSearchResultsFound, {
+		containerPaddingClasses: containerXPaddingClasses,
+		includeBottomMargin: true,
+		noResultsFoundText
+	}),
+	searchResultsState === __envive_ai_react_hooks_hooks_utils.SearchResultsState.Results && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.SearchResultsGrid, {
+		searchFilterSidebarVariant,
+		productCardConfig,
+		merchantShortName,
+		productList,
+		productGridVariant,
+		productGridClasses,
+		containerXPaddingClasses,
+		selectedFilterOptions,
+		availableDynamicFilters,
+		onRemoveFilter,
+		onToggleDynamicFilter
+	}),
+	searchResultsState === __envive_ai_react_hooks_hooks_utils.SearchResultsState.Loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.SearchResultsLoadingGrid, {
+		productGridVariant,
+		productGridClasses
+	})
+] });
 
 //#endregion
 exports.SearchResultsContent = SearchResultsContent;

package/dist/SearchResultsContent/index.d.cts

@@ -1,6 +1,6 @@
-import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-CFH3KUVw.cjs";
-import { SearchFilterSidebarVariant } from "../index-BMt66uqr.cjs";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-B9WeFNlO.cjs";
+import { SearchFilterSidebarVariant } from "../index-CLGe_Pam.cjs";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
 
@@ -19,7 +19,6 @@ interface SearchResultsContentProps {
     name: string;
     displayName: string;
   }[];
-  searchResponseId: string;
   onRemoveFilter: (filter: SelectedFilterOption) => void;
   onToggleDynamicFilter: ({
     filter,
@@ -41,10 +40,9 @@ declare const SearchResultsContent: ({
   containerXPaddingClasses,
   selectedFilterOptions,
   availableDynamicFilters,
-  searchResponseId,
   onRemoveFilter,
   onToggleDynamicFilter,
   noResultsFoundText
-}: SearchResultsContentProps) => react_jsx_runtime19.JSX.Element;
+}: SearchResultsContentProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { SearchResultsContent };

package/dist/SearchResultsContent/index.d.ts

@@ -1,6 +1,6 @@
-import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-Vck3pox6.js";
-import { SearchFilterSidebarVariant } from "../index-B8l3muO3.js";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-CeECGrFM.js";
+import { SearchFilterSidebarVariant } from "../index-PSzeHU2s.js";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
@@ -19,7 +19,6 @@ interface SearchResultsContentProps {
     name: string;
     displayName: string;
   }[];
-  searchResponseId: string;
   onRemoveFilter: (filter: SelectedFilterOption) => void;
   onToggleDynamicFilter: ({
     filter,
@@ -41,10 +40,9 @@ declare const SearchResultsContent: ({
   containerXPaddingClasses,
   selectedFilterOptions,
   availableDynamicFilters,
-  searchResponseId,
   onRemoveFilter,
   onToggleDynamicFilter,
   noResultsFoundText
-}: SearchResultsContentProps) => react_jsx_runtime22.JSX.Element;
+}: SearchResultsContentProps) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { SearchResultsContent };