@envive-ai/react-toolkit 0.1.11 → 0.1.13

package/dist/{SearchFilter-BOwErEyI.js → SearchFilter-w-0s2YVu.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-CZd5pssv.js";
-import { RadioButtonGroup } from "./RadioButtonGroup-8k7hkJYB.js";
-import { ToggleButton } from "./ToggleButton-BKRR_-69.js";
+import { Text } from "./Text-BLzNhX4H.js";
+import { Accordion } from "./Accordion-ZEdp99Ph.js";
+import { ButtonBase } from "./ButtonBase-DgRupM53.js";
+import { ModalSheet } from "./ModalSheet-01pxpy_K.js";
+import { RadioButtonGroup } from "./RadioButtonGroup-BipNsoHL.js";
+import { ToggleButton } from "./ToggleButton-r7Y7Kzzo.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

package/dist/SearchInput/index.cjs

@@ -1,7 +1,97 @@
-require('../textVariantClasses-Dgz7Zaql.cjs');
-require('../TextInput-CnXhppYn.cjs');
-require('../colorsConfig-DFL3mBwB.cjs');
-const require_SearchInput = require('../SearchInput-BTNvgrIa.cjs');
+const require_chunk = require('../chunk-CUT6urMc.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+const require_TextInput = require('../TextInput-HMW0hxLI.cjs');
+const require_colorsConfig = require('../colorsConfig-B3-SMUSx.cjs');
+let react = require("react");
+react = require_chunk.__toESM(react);
+let classnames = require("classnames");
+classnames = require_chunk.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+let __envive_ai_react_icons_MagnifyingGlassStarVariant = require("@envive-ai/react-icons/MagnifyingGlassStarVariant");
+__envive_ai_react_icons_MagnifyingGlassStarVariant = require_chunk.__toESM(__envive_ai_react_icons_MagnifyingGlassStarVariant);
+let __envive_ai_react_icons_src_index_js = require("@envive-ai/react-icons/src/index.js");
+__envive_ai_react_icons_src_index_js = require_chunk.__toESM(__envive_ai_react_icons_src_index_js);
 
-exports.SearchInput = require_SearchInput.SearchInput;
-exports.searchInputVariantClasses = require_SearchInput.searchInputVariantClasses;
+//#region src/components/SearchInput/searchInputVariants.ts
+const searchInputVariantClasses = { standard: {
+	searchInputIconColor: "transparent",
+	searchInputBorderColor: "spiffy-tw-border-[--spiffy-colors-border-medium]",
+	searchInputCloseIconClasses: "[&>circle]:spiffy-tw-fill-[--spiffy-colors-text-secondary] [&>path]:spiffy-tw-fill-[#fff]",
+	searchInputActiveStarClasses: `first:[&>path]:spiffy-tw-stroke-[--spiffy-colors-accent-primary] first:[&>path]:spiffy-tw-fill-[--spiffy-colors-accent-primary]`,
+	autocompleteIconColor: require_colorsConfig.colorVar(require_colorsConfig.ColorNames.BackgroundPrimary),
+	searchInputClasses: "spiffy-tw-text-[--spiffy-colors-text-primary] placeholder:spiffy-tw-text-[--spiffy-colors-text-secondary] spiffy-tw-text-[16px] spiffy-tw-font-normal spiffy-tw-leading-[148%] placeholder:spiffy-tw-font-medium placeholder:spiffy-tw-leading-[124%]",
+	placeholderVariant: "h2"
+} };
+
+//#endregion
+//#region src/components/SearchInput/SearchInput.tsx
+const SearchInput = react.default.forwardRef(({ searchInputVariant = "standard", value, placeholder, suggestions, className, dataTestId, ariaActivedescendant, onKeyDown, onChange, onFocus, onBlur }, ref) => {
+	const localInputRef = (0, react.useRef)(null);
+	const { searchInputClasses: inputClassName, searchInputIconColor: iconColor, searchInputBorderColor: borderColor, searchInputCloseIconClasses: closeIconClasses, searchInputActiveStarClasses, placeholderVariant } = searchInputVariantClasses[searchInputVariant];
+	(0, react.useImperativeHandle)(ref, () => localInputRef.current, []);
+	const magnifyingGlassClassesBase = [
+		"spiffy-tw-w-[24px]",
+		"spiffy-tw-h-[32px]",
+		"spiffy-tw-stroke-width-1",
+		"sm:spiffy-tw-w-[32px]"
+	];
+	const magnifyingGlassClassesInactive = (0, classnames.default)(magnifyingGlassClassesBase);
+	const magnifyingGlassClassesActive = (0, classnames.default)([...magnifyingGlassClassesBase, searchInputActiveStarClasses]);
+	const containerClasses = (0, classnames.default)("spiffy-global-search-input-container", "spiffy-tw-relative spiffy-tw-flex spiffy-tw-items-center", className);
+	const inputClasses = (0, classnames.default)("spiffy-global-search-input", "spiffy-tw-flex-grow spiffy-tw-p-2 spiffy-tw-px-[42px] sm:spiffy-tw-p-3 sm:spiffy-tw-px-[48px]", "spiffy-tw-border", "spiffy-tw-text-base", inputClassName);
+	const closeButtonIconClassName = (0, classnames.default)([
+		"spiffy-tw-w-[16px]",
+		"spiffy-tw-h-[16px]",
+		"sm:spiffy-tw-w-[24px]",
+		"sm:spiffy-tw-h-[24px]",
+		"spiffy-tw-cursor-pointer",
+		closeIconClasses
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: containerClasses,
+		"data-testid": dataTestId,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "spiffy-tw-absolute spiffy-tw-left-3 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_MagnifyingGlassStarVariant.default, {
+					className: value.length > 0 ? magnifyingGlassClassesActive : magnifyingGlassClassesInactive,
+					stroke: iconColor,
+					strokeWidth: "1px"
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextInput.TextInput, {
+				value,
+				onChange: (event) => onChange(event.target.value),
+				onFocus,
+				onBlur,
+				onKeyDown,
+				placeholder,
+				className: inputClasses,
+				placeholderVariant,
+				"aria-label": "Search",
+				"aria-autocomplete": "list",
+				"aria-expanded": !!suggestions && suggestions.length > 0,
+				"aria-controls": "autocomplete-results",
+				"aria-activedescendant": ariaActivedescendant,
+				borderRadius: "xl",
+				borderColorClass: borderColor,
+				ref: localInputRef
+			}),
+			value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				onClick: () => {
+					onChange("");
+					localInputRef.current?.focus();
+				},
+				className: "spiffy-tw-absolute spiffy-tw-right-5 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2 spiffy-tw-text-neutral-500 hover:spiffy-tw-text-neutral-700",
+				"aria-label": "Clear search input",
+				type: "button",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_src_index_js.IconClose, { className: closeButtonIconClassName })
+			})
+		]
+	});
+});
+
+//#endregion
+exports.SearchInput = SearchInput;
+exports.searchInputVariantClasses = searchInputVariantClasses;

package/dist/SearchInput/index.d.cts

@@ -1,4 +1,4 @@
-import { SearchInputVariant } from "../index-H_9LhS_1.cjs";
+import { SearchInputVariant } from "../index-W1wCDiw_.cjs";
 import { TextStyleVariantMap } from "../textVariantClasses-B0gNjzl4.cjs";
 import React from "react";
 

package/dist/SearchInput/index.d.ts

@@ -1,5 +1,5 @@
-import { SearchInputVariant } from "../index-gfYBM7Ul.js";
-import { TextStyleVariantMap } from "../textVariantClasses-kyZtL8F5.js";
+import { SearchInputVariant } from "../index-BKvXn5sj.js";
+import { TextStyleVariantMap } from "../textVariantClasses-C8OCWZAw.js";
 import React from "react";
 
 //#region src/components/SearchInput/SearchInput.d.ts

package/dist/SearchInput/index.js

@@ -1,6 +1,90 @@
-import "../textVariantClasses-D77TGEy1.js";
-import "../TextInput-BVPdz7e8.js";
-import "../colorsConfig-5Yf4nrEe.js";
-import { SearchInput, searchInputVariantClasses } from "../SearchInput-BBaYEwkR.js";
+import "../textVariantClasses-CRrTb43V.js";
+import { TextInput } from "../TextInput-DmsOxxPN.js";
+import { ColorNames, colorVar } from "../colorsConfig-DZ-GSPWy.js";
+import React, { useImperativeHandle, useRef } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import MagnifyingGlassStarVariant from "@envive-ai/react-icons/MagnifyingGlassStarVariant";
+import { IconClose } from "@envive-ai/react-icons/src/index.js";
 
+//#region src/components/SearchInput/searchInputVariants.ts
+const searchInputVariantClasses = { standard: {
+	searchInputIconColor: "transparent",
+	searchInputBorderColor: "spiffy-tw-border-[--spiffy-colors-border-medium]",
+	searchInputCloseIconClasses: "[&>circle]:spiffy-tw-fill-[--spiffy-colors-text-secondary] [&>path]:spiffy-tw-fill-[#fff]",
+	searchInputActiveStarClasses: `first:[&>path]:spiffy-tw-stroke-[--spiffy-colors-accent-primary] first:[&>path]:spiffy-tw-fill-[--spiffy-colors-accent-primary]`,
+	autocompleteIconColor: colorVar(ColorNames.BackgroundPrimary),
+	searchInputClasses: "spiffy-tw-text-[--spiffy-colors-text-primary] placeholder:spiffy-tw-text-[--spiffy-colors-text-secondary] spiffy-tw-text-[16px] spiffy-tw-font-normal spiffy-tw-leading-[148%] placeholder:spiffy-tw-font-medium placeholder:spiffy-tw-leading-[124%]",
+	placeholderVariant: "h2"
+} };
+
+//#endregion
+//#region src/components/SearchInput/SearchInput.tsx
+const SearchInput = React.forwardRef(({ searchInputVariant = "standard", value, placeholder, suggestions, className, dataTestId, ariaActivedescendant, onKeyDown, onChange, onFocus, onBlur }, ref) => {
+	const localInputRef = useRef(null);
+	const { searchInputClasses: inputClassName, searchInputIconColor: iconColor, searchInputBorderColor: borderColor, searchInputCloseIconClasses: closeIconClasses, searchInputActiveStarClasses, placeholderVariant } = searchInputVariantClasses[searchInputVariant];
+	useImperativeHandle(ref, () => localInputRef.current, []);
+	const magnifyingGlassClassesBase = [
+		"spiffy-tw-w-[24px]",
+		"spiffy-tw-h-[32px]",
+		"spiffy-tw-stroke-width-1",
+		"sm:spiffy-tw-w-[32px]"
+	];
+	const magnifyingGlassClassesInactive = classNames(magnifyingGlassClassesBase);
+	const magnifyingGlassClassesActive = classNames([...magnifyingGlassClassesBase, searchInputActiveStarClasses]);
+	const containerClasses = classNames("spiffy-global-search-input-container", "spiffy-tw-relative spiffy-tw-flex spiffy-tw-items-center", className);
+	const inputClasses = classNames("spiffy-global-search-input", "spiffy-tw-flex-grow spiffy-tw-p-2 spiffy-tw-px-[42px] sm:spiffy-tw-p-3 sm:spiffy-tw-px-[48px]", "spiffy-tw-border", "spiffy-tw-text-base", inputClassName);
+	const closeButtonIconClassName = classNames([
+		"spiffy-tw-w-[16px]",
+		"spiffy-tw-h-[16px]",
+		"sm:spiffy-tw-w-[24px]",
+		"sm:spiffy-tw-h-[24px]",
+		"spiffy-tw-cursor-pointer",
+		closeIconClasses
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: containerClasses,
+		"data-testid": dataTestId,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "spiffy-tw-absolute spiffy-tw-left-3 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2",
+				children: /* @__PURE__ */ jsx(MagnifyingGlassStarVariant, {
+					className: value.length > 0 ? magnifyingGlassClassesActive : magnifyingGlassClassesInactive,
+					stroke: iconColor,
+					strokeWidth: "1px"
+				})
+			}),
+			/* @__PURE__ */ jsx(TextInput, {
+				value,
+				onChange: (event) => onChange(event.target.value),
+				onFocus,
+				onBlur,
+				onKeyDown,
+				placeholder,
+				className: inputClasses,
+				placeholderVariant,
+				"aria-label": "Search",
+				"aria-autocomplete": "list",
+				"aria-expanded": !!suggestions && suggestions.length > 0,
+				"aria-controls": "autocomplete-results",
+				"aria-activedescendant": ariaActivedescendant,
+				borderRadius: "xl",
+				borderColorClass: borderColor,
+				ref: localInputRef
+			}),
+			value && /* @__PURE__ */ jsx("button", {
+				onClick: () => {
+					onChange("");
+					localInputRef.current?.focus();
+				},
+				className: "spiffy-tw-absolute spiffy-tw-right-5 spiffy-tw-top-1/2 spiffy-tw--translate-y-1/2 spiffy-tw-text-neutral-500 hover:spiffy-tw-text-neutral-700",
+				"aria-label": "Clear search input",
+				type: "button",
+				children: /* @__PURE__ */ jsx(IconClose, { className: closeButtonIconClassName })
+			})
+		]
+	});
+});
+
+//#endregion
 export { SearchInput, searchInputVariantClasses };

package/dist/SearchInputForm/index.cjs

@@ -1,39 +0,0 @@
-const require_chunk = require('../chunk-CUT6urMc.cjs');
-require('../textVariantClasses-Dgz7Zaql.cjs');
-require('../TextInput-CnXhppYn.cjs');
-require('../colorsConfig-DFL3mBwB.cjs');
-const require_SearchInput = require('../SearchInput-BTNvgrIa.cjs');
-const require_SearchAutocomplete = require('../SearchAutocomplete-Cofuvwwp.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
-
-//#region src/components/SearchInputForm/SearchInputForm.tsx
-const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, isDirty, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, searchInputDataTestId }) => {
-	const { searchInputIconColor } = require_SearchInput.searchInputVariantClasses[searchInputVariant];
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
-		onSubmit: (e) => {
-			e.preventDefault();
-			onSearchSubmit();
-		},
-		className: "spiffy-tw-grow",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchInput.SearchInput, {
-			value: searchText,
-			placeholder: searchBoxPlaceholder,
-			suggestions: autocompleteResults,
-			ariaActivedescendant: focusedOptionId,
-			searchInputVariant,
-			dataTestId: searchInputDataTestId,
-			onKeyDown,
-			onChange: onSearchInputChange
-		})
-	}), isDirty && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchAutocomplete.SearchAutocomplete, {
-		id: "autocomplete-results",
-		results: autocompleteResults,
-		focusedIndex,
-		iconColor: searchInputIconColor,
-		onSuggestionSelect: onAutocompleteSelect
-	})] });
-};
-
-//#endregion
-exports.SearchInputForm = SearchInputForm;

package/dist/SearchInputForm/index.d.cts

@@ -1,2 +1,2 @@
-import { SearchInputForm, SearchInputVariant } from "../index-H_9LhS_1.cjs";
-export { SearchInputForm, SearchInputVariant };
+import { SearchInputVariant } from "../index-W1wCDiw_.cjs";
+export { SearchInputVariant };

package/dist/SearchInputForm/index.d.ts

@@ -1,2 +1,2 @@
-import { SearchInputForm, SearchInputVariant } from "../index-gfYBM7Ul.js";
-export { SearchInputForm, SearchInputVariant };
+import { SearchInputVariant } from "../index-BKvXn5sj.js";
+export { SearchInputVariant };

package/dist/SearchInputForm/index.js

@@ -1,37 +1 @@
-import "../textVariantClasses-D77TGEy1.js";
-import "../TextInput-BVPdz7e8.js";
-import "../colorsConfig-5Yf4nrEe.js";
-import { SearchInput, searchInputVariantClasses } from "../SearchInput-BBaYEwkR.js";
-import { SearchAutocomplete } from "../SearchAutocomplete-C6omCGJp.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/SearchInputForm/SearchInputForm.tsx
-const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, isDirty, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, searchInputDataTestId }) => {
-	const { searchInputIconColor } = searchInputVariantClasses[searchInputVariant];
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("form", {
-		onSubmit: (e) => {
-			e.preventDefault();
-			onSearchSubmit();
-		},
-		className: "spiffy-tw-grow",
-		children: /* @__PURE__ */ jsx(SearchInput, {
-			value: searchText,
-			placeholder: searchBoxPlaceholder,
-			suggestions: autocompleteResults,
-			ariaActivedescendant: focusedOptionId,
-			searchInputVariant,
-			dataTestId: searchInputDataTestId,
-			onKeyDown,
-			onChange: onSearchInputChange
-		})
-	}), isDirty && /* @__PURE__ */ jsx(SearchAutocomplete, {
-		id: "autocomplete-results",
-		results: autocompleteResults,
-		focusedIndex,
-		iconColor: searchInputIconColor,
-		onSuggestionSelect: onAutocompleteSelect
-	})] });
-};
-
-//#endregion
-export { SearchInputForm };
+export {  };

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('../DynamicFiltersScrollbar-B1j53y2q.cjs');
+require('../Headline-Cp79THVF.cjs');
 require('../ImageWithFallback-Cx-KNi-D.cjs');
-require('../ProductCard-F49krjHk.cjs');
+require('../ProductCard-EmdDy2af.cjs');
 require('../Spinner-DFor2Szi.cjs');
-require('../ProductGrid-QeoaIfcq.cjs');
-require('../colorsConfig-DFL3mBwB.cjs');
-const require_SearchResultsStates = require('../SearchResultsStates-DywK7vvp.cjs');
-require('../searchFilterSidebarVariants-CtmuwSBQ.cjs');
-require('../SparkleAnimation-Edzqyb48.cjs');
+require('../colorsConfig-B3-SMUSx.cjs');
+const require_SearchResultsStates = require('../SearchResultsStates-DwcPrsdd.cjs');
+require('../searchFilterSidebarVariants-kkTjYEIF.cjs');
+require('../ProductGrid-CMoomZLc.cjs');
+require('../SparkleAnimation-CvGlWUqv.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
-let __envive_ai_react_hooks_hooks = require("@envive-ai/react-hooks/hooks");
-__envive_ai_react_hooks_hooks = require_chunk.__toESM(__envive_ai_react_hooks_hooks);
+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.SearchResultsState.NoResults && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.NoSearchResultsFound, {
-			containerPaddingClasses: containerXPaddingClasses,
-			includeBottomMargin: true,
-			noResultsFoundText
-		}),
-		searchResultsState === __envive_ai_react_hooks_hooks.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.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,8 +1,8 @@
-import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-1x_hMlEf.cjs";
-import { SearchFilterSidebarVariant } from "../index-CgjZdKpL.cjs";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-DDp-fLgm.cjs";
+import { SearchFilterSidebarVariant } from "../index-Br1B7Jta.cjs";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
-import { SearchResultsState } from "@envive-ai/react-hooks/hooks";
+import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
 
 //#region src/components/SearchResultsContent/SearchResultsContent.d.ts
 interface SearchResultsContentProps {
@@ -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_runtime10.JSX.Element;
+}: SearchResultsContentProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { SearchResultsContent };

package/dist/SearchResultsContent/index.d.ts

@@ -1,7 +1,7 @@
-import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-QMTPxKA9.js";
-import { SearchFilterSidebarVariant } from "../index-Cl4d_pDw.js";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
-import { SearchResultsState } from "@envive-ai/react-hooks/hooks";
+import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-DADHwW6M.js";
+import { SearchFilterSidebarVariant } from "../index-Dh8rcWev.js";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
 //#region src/components/SearchResultsContent/SearchResultsContent.d.ts
@@ -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_runtime2.JSX.Element;
 //#endregion
 export { SearchResultsContent };

package/dist/SearchResultsContent/index.js

@@ -1,47 +1,44 @@
-import "../textVariantClasses-D77TGEy1.js";
-import "../Text-Bod4OMPk.js";
+import "../textVariantClasses-CRrTb43V.js";
+import "../Text-BLzNhX4H.js";
 import "../Text-BMsncrpY.js";
-import "../DynamicFiltersScrollbar-C4kdNSJ9.js";
-import "../Headline-DNEWF8ly.js";
+import "../DynamicFiltersScrollbar-D7WYp6x9.js";
+import "../Headline-COv0Jbn8.js";
 import "../ImageWithFallback-DqxjwO3i.js";
-import "../ProductCard-D-lyh8uV.js";
+import "../ProductCard-CNwmHggx.js";
 import "../Spinner-CjGLIRgs.js";
-import "../ProductGrid-FIf5wFQx.js";
-import "../colorsConfig-5Yf4nrEe.js";
-import { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid } from "../SearchResultsStates-CB5k1xkK.js";
-import "../searchFilterSidebarVariants-CDFCHVeZ.js";
-import "../SparkleAnimation-AM4XoegD.js";
+import "../colorsConfig-DZ-GSPWy.js";
+import { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid } from "../SearchResultsStates-DlZz14yy.js";
+import "../searchFilterSidebarVariants-J0FJ8pck.js";
+import "../ProductGrid-nmWSp0qX.js";
+import "../SparkleAnimation-paLhSu5E.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { SearchResultsState } from "@envive-ai/react-hooks/hooks";
+import { SearchResultsState } from "@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__ */ jsxs("div", { children: [
-		searchResultsState === SearchResultsState.NoResults && /* @__PURE__ */ jsx(NoSearchResultsFound, {
-			containerPaddingClasses: containerXPaddingClasses,
-			includeBottomMargin: true,
-			noResultsFoundText
-		}),
-		searchResultsState === SearchResultsState.Results && /* @__PURE__ */ jsx(SearchResultsGrid, {
-			searchFilterSidebarVariant,
-			productCardConfig,
-			merchantShortName,
-			productList,
-			productGridVariant,
-			productGridClasses,
-			containerXPaddingClasses,
-			selectedFilterOptions,
-			availableDynamicFilters,
-			searchResponseId,
-			onRemoveFilter,
-			onToggleDynamicFilter
-		}),
-		searchResultsState === SearchResultsState.Loading && /* @__PURE__ */ jsx(SearchResultsLoadingGrid, {
-			productGridVariant,
-			productGridClasses
-		})
-	] });
-};
+const SearchResultsContent = ({ searchResultsState, productList, productCardConfig, merchantShortName, searchFilterSidebarVariant, productGridVariant, productGridClasses, containerXPaddingClasses, selectedFilterOptions, availableDynamicFilters, onRemoveFilter, onToggleDynamicFilter, noResultsFoundText }) => /* @__PURE__ */ jsxs("div", { children: [
+	searchResultsState === SearchResultsState.NoResults && /* @__PURE__ */ jsx(NoSearchResultsFound, {
+		containerPaddingClasses: containerXPaddingClasses,
+		includeBottomMargin: true,
+		noResultsFoundText
+	}),
+	searchResultsState === SearchResultsState.Results && /* @__PURE__ */ jsx(SearchResultsGrid, {
+		searchFilterSidebarVariant,
+		productCardConfig,
+		merchantShortName,
+		productList,
+		productGridVariant,
+		productGridClasses,
+		containerXPaddingClasses,
+		selectedFilterOptions,
+		availableDynamicFilters,
+		onRemoveFilter,
+		onToggleDynamicFilter
+	}),
+	searchResultsState === SearchResultsState.Loading && /* @__PURE__ */ jsx(SearchResultsLoadingGrid, {
+		productGridVariant,
+		productGridClasses
+	})
+] });
 
 //#endregion
 export { SearchResultsContent };