@envive-ai/react-widgets 0.1.3 → 0.3.1

package/dist/packages/components/dist/components/SearchFilter/useHasFilterStateChanged.js

@@ -1,26 +0,0 @@
-import { useEffect, useMemo, useState } from "react";
-
-//#region ../components/dist/components/SearchFilter/useHasFilterStateChanged.js
-const useHasFilterStateChanged = (filters, isOpen) => {
-	const [initialFilterStates, setInitialFilterStates] = useState({});
-	const currentFilterStates = useMemo(() => {
-		const states = {};
-		filters.forEach((filter) => {
-			filter.items.forEach((item) => {
-				states[`${filter.filterId}-${item.filterItemId}`] = item.isSelected;
-			});
-		});
-		return states;
-	}, [filters]);
-	const hasFiltersChanged = useMemo(() => {
-		if (Object.keys(initialFilterStates).length === 0) return false;
-		return Object.keys(currentFilterStates).some((key) => currentFilterStates[key] !== initialFilterStates[key]);
-	}, [currentFilterStates, initialFilterStates]);
-	useEffect(() => {
-		if (isOpen) setInitialFilterStates(currentFilterStates);
-	}, [isOpen]);
-	return hasFiltersChanged;
-};
-
-//#endregion
-export { useHasFilterStateChanged };

package/dist/packages/components/dist/components/SearchFilter/utils.cjs

@@ -1,11 +0,0 @@
-
-//#region ../components/dist/components/SearchFilter/utils.js
-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
-exports.getSelectedFilterItemsCount = getSelectedFilterItemsCount;
-exports.getTotalSelectedFilterItemsCount = getTotalSelectedFilterItemsCount;

package/dist/packages/components/dist/components/SearchFilter/utils.js

@@ -1,9 +0,0 @@
-//#region ../components/dist/components/SearchFilter/utils.js
-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
-export { getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/packages/components/dist/components/SearchInput/SearchInput.cjs

@@ -1,81 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_searchInputVariants = require('./searchInputVariants.cjs');
-const require_TextInput = require('../TextInput/TextInput.cjs');
-require('../TextInput/index.cjs');
-const require_MagnifyingGlassStarVariant = require('../../../../icons/dist/MagnifyingGlassStarVariant.cjs');
-const require_IconClose = require('../../../../icons/dist/IconClose.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region ../components/dist/components/SearchInput/SearchInput.js
-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 } = require_searchInputVariants.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)(require_MagnifyingGlassStarVariant.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)(require_IconClose.IconClose_default, { className: closeButtonIconClassName })
-			})
-		]
-	});
-});
-
-//#endregion
-exports.SearchInput = SearchInput;

package/dist/packages/components/dist/components/SearchInput/SearchInput.js

@@ -1,78 +0,0 @@
-import { searchInputVariantClasses } from "./searchInputVariants.js";
-import { TextInput } from "../TextInput/TextInput.js";
-import "../TextInput/index.js";
-import { MagnifyingGlassStarVariant_default } from "../../../../icons/dist/MagnifyingGlassStarVariant.js";
-import { IconClose_default } from "../../../../icons/dist/IconClose.js";
-import React, { useImperativeHandle, useRef } from "react";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region ../components/dist/components/SearchInput/SearchInput.js
-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_default, {
-					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_default, { className: closeButtonIconClassName })
-			})
-		]
-	});
-});
-
-//#endregion
-export { SearchInput };

package/dist/packages/components/dist/components/SearchInput/index.cjs

@@ -1,2 +0,0 @@
-const require_searchInputVariants = require('./searchInputVariants.cjs');
-const require_SearchInput = require('./SearchInput.cjs');

package/dist/packages/components/dist/components/SearchInput/index.js

@@ -1,2 +0,0 @@
-import { searchInputVariantClasses } from "./searchInputVariants.js";
-import { SearchInput } from "./SearchInput.js";

package/dist/packages/components/dist/components/SearchInput/searchInputVariants.cjs

@@ -1,15 +0,0 @@
-const require_colorsConfig = require('../../models/colorsConfig.cjs');
-
-//#region ../components/dist/components/SearchInput/searchInputVariants.js
-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
-exports.searchInputVariantClasses = searchInputVariantClasses;

package/dist/packages/components/dist/components/SearchInput/searchInputVariants.js

@@ -1,15 +0,0 @@
-import { ColorNames, colorVar } from "../../models/colorsConfig.js";
-
-//#region ../components/dist/components/SearchInput/searchInputVariants.js
-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
-export { searchInputVariantClasses };

package/dist/packages/components/dist/components/SearchInputForm/SearchInputForm.cjs

@@ -1,57 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_SearchAutocomplete = require('../SearchAutocomplete/SearchAutocomplete.cjs');
-require('../SearchAutocomplete/index.cjs');
-const require_searchInputVariants = require('../SearchInput/searchInputVariants.cjs');
-const require_SearchInput = require('../SearchInput/SearchInput.cjs');
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-let __envive_ai_react_hooks_config_locators_components_search = require("@envive-ai/react-hooks/config/locators/components/search");
-
-//#region ../components/dist/components/SearchInputForm/SearchInputForm.js
-const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, shouldShowAutocomplete, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, onSearchInputFocus, onSearchInputBlur, searchInputRef }) => {
-	const { autocompleteIconColor } = require_searchInputVariants.searchInputVariantClasses[searchInputVariant];
-	const containerClasses = (0, classnames.default)("spiffy-tw-relative", "spiffy-tw-w-full");
-	const formClasses = (0, classnames.default)({
-		"spiffy-tw-grow": true,
-		"spiffy-tw-relative": true,
-		"spiffy-tw-z-20": shouldShowAutocomplete
-	});
-	const autocompleteContainerClasses = (0, classnames.default)("spiffy-tw-absolute", "spiffy-tw-top-1/2", "spiffy-tw-z-10", "spiffy-tw-left-0", "spiffy-tw-right-0", "spiffy-tw-bg-white", "spiffy-tw-w-full", "spiffy-tw-rounded-b-lg", "spiffy-tw-border", "spiffy-tw-border-t-0", "spiffy-tw-pt-4");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: containerClasses,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
-			onSubmit: (e) => {
-				e.preventDefault();
-				onSearchSubmit();
-			},
-			className: formClasses,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchInput.SearchInput, {
-				value: searchText,
-				placeholder: searchBoxPlaceholder,
-				suggestions: autocompleteResults,
-				ariaActivedescendant: focusedOptionId,
-				searchInputVariant,
-				dataTestId: __envive_ai_react_hooks_config_locators_components_search.SEARCH_INPUT_TESTID,
-				onKeyDown,
-				onChange: onSearchInputChange,
-				onFocus: onSearchInputFocus,
-				onBlur: onSearchInputBlur,
-				ref: searchInputRef
-			})
-		}), shouldShowAutocomplete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: autocompleteContainerClasses,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchAutocomplete.SearchAutocomplete, {
-				id: "autocomplete-results",
-				results: autocompleteResults,
-				focusedIndex,
-				searchText,
-				iconColor: autocompleteIconColor,
-				onSuggestionSelect: onAutocompleteSelect
-			})
-		})]
-	});
-};
-
-//#endregion
-exports.SearchInputForm = SearchInputForm;

package/dist/packages/components/dist/components/SearchInputForm/SearchInputForm.js

@@ -1,55 +0,0 @@
-import { SearchAutocomplete } from "../SearchAutocomplete/SearchAutocomplete.js";
-import "../SearchAutocomplete/index.js";
-import { searchInputVariantClasses } from "../SearchInput/searchInputVariants.js";
-import { SearchInput } from "../SearchInput/SearchInput.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { SEARCH_INPUT_TESTID } from "@envive-ai/react-hooks/config/locators/components/search";
-
-//#region ../components/dist/components/SearchInputForm/SearchInputForm.js
-const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, shouldShowAutocomplete, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, onSearchInputFocus, onSearchInputBlur, searchInputRef }) => {
-	const { autocompleteIconColor } = searchInputVariantClasses[searchInputVariant];
-	const containerClasses = classNames("spiffy-tw-relative", "spiffy-tw-w-full");
-	const formClasses = classNames({
-		"spiffy-tw-grow": true,
-		"spiffy-tw-relative": true,
-		"spiffy-tw-z-20": shouldShowAutocomplete
-	});
-	const autocompleteContainerClasses = classNames("spiffy-tw-absolute", "spiffy-tw-top-1/2", "spiffy-tw-z-10", "spiffy-tw-left-0", "spiffy-tw-right-0", "spiffy-tw-bg-white", "spiffy-tw-w-full", "spiffy-tw-rounded-b-lg", "spiffy-tw-border", "spiffy-tw-border-t-0", "spiffy-tw-pt-4");
-	return /* @__PURE__ */ jsxs("div", {
-		className: containerClasses,
-		children: [/* @__PURE__ */ jsx("form", {
-			onSubmit: (e) => {
-				e.preventDefault();
-				onSearchSubmit();
-			},
-			className: formClasses,
-			children: /* @__PURE__ */ jsx(SearchInput, {
-				value: searchText,
-				placeholder: searchBoxPlaceholder,
-				suggestions: autocompleteResults,
-				ariaActivedescendant: focusedOptionId,
-				searchInputVariant,
-				dataTestId: SEARCH_INPUT_TESTID,
-				onKeyDown,
-				onChange: onSearchInputChange,
-				onFocus: onSearchInputFocus,
-				onBlur: onSearchInputBlur,
-				ref: searchInputRef
-			})
-		}), shouldShowAutocomplete && /* @__PURE__ */ jsx("div", {
-			className: autocompleteContainerClasses,
-			children: /* @__PURE__ */ jsx(SearchAutocomplete, {
-				id: "autocomplete-results",
-				results: autocompleteResults,
-				focusedIndex,
-				searchText,
-				iconColor: autocompleteIconColor,
-				onSuggestionSelect: onAutocompleteSelect
-			})
-		})]
-	});
-};
-
-//#endregion
-export { SearchInputForm };

package/dist/packages/components/dist/components/SearchInputForm/index.cjs

@@ -1 +0,0 @@
-const require_SearchInputForm = require('./SearchInputForm.cjs');

package/dist/packages/components/dist/components/SearchInputForm/index.js

@@ -1 +0,0 @@
-import { SearchInputForm } from "./SearchInputForm.js";

package/dist/packages/components/dist/components/SearchResultsContent/SearchResultsContent.cjs

@@ -1,52 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_NoSearchResultsFound = require('../SearchResultsStates/NoSearchResultsFound.cjs');
-const require_SearchResultsGrid = require('../SearchResultsStates/SearchResultsGrid.cjs');
-const require_SearchResultsLoadingGrid = require('../SearchResultsStates/SearchResultsLoadingGrid.cjs');
-require('../SearchResultsStates/index.cjs');
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-let __envive_ai_react_hooks_hooks_utils = require("@envive-ai/react-hooks/hooks/utils");
-
-//#region ../components/dist/components/SearchResultsContent/SearchResultsContent.js
-const SearchResultsContent = ({ searchResultsState, productList, recommendedProducts, productCardConfig, merchantShortName, searchFilterSidebarVariant, productGridVariant, containerXPaddingClasses, selectedFilterOptions, availableDynamicFilters, onProductClick, onRemoveFilter, onToggleDynamicFilter, noResultsFoundText, searchResultsRef, toolbarHeight, query }) => {
-	const productGridClasses = (0, classnames.default)("spiffy-tw-grid", "spiffy-tw-justify-items-stretch", "spiffy-tw-grid-cols-2", "md:spiffy-tw-grid-cols-3", "lg:spiffy-tw-grid-cols-4", "spiffy-tw-gap-x-[4px]", "spiffy-tw-gap-y-[24px]", "spiffy-tw-h-full", "spiffy-tw-w-full", "spiffy-tw-items-stretch", containerXPaddingClasses);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref: searchResultsRef,
-		style: {
-			paddingTop: `${toolbarHeight}px`,
-			backgroundColor: "white"
-		},
-		children: [
-			searchResultsState === __envive_ai_react_hooks_hooks_utils.SearchResultsState.NoResults && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_NoSearchResultsFound.NoSearchResultsFound, {
-				containerPaddingClasses: containerXPaddingClasses,
-				noResultsFoundText,
-				recommendedProducts,
-				searchText: query,
-				merchantShortName,
-				productGridVariant
-			}),
-			searchResultsState === __envive_ai_react_hooks_hooks_utils.SearchResultsState.Results && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsGrid.SearchResultsGrid, {
-				searchFilterSidebarVariant,
-				productCardConfig,
-				merchantShortName,
-				productList,
-				productGridVariant,
-				productGridClasses,
-				containerXPaddingClasses,
-				selectedFilterOptions,
-				availableDynamicFilters,
-				onRemoveFilter,
-				onProductClick,
-				onToggleDynamicFilter
-			}),
-			searchResultsState === __envive_ai_react_hooks_hooks_utils.SearchResultsState.Loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsLoadingGrid.SearchResultsLoadingGrid, {
-				productGridVariant,
-				productGridClasses
-			})
-		]
-	});
-};
-
-//#endregion
-exports.SearchResultsContent = SearchResultsContent;

package/dist/packages/components/dist/components/SearchResultsContent/SearchResultsContent.js

@@ -1,50 +0,0 @@
-import { NoSearchResultsFound } from "../SearchResultsStates/NoSearchResultsFound.js";
-import { SearchResultsGrid } from "../SearchResultsStates/SearchResultsGrid.js";
-import { SearchResultsLoadingGrid } from "../SearchResultsStates/SearchResultsLoadingGrid.js";
-import "../SearchResultsStates/index.js";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
-
-//#region ../components/dist/components/SearchResultsContent/SearchResultsContent.js
-const SearchResultsContent = ({ searchResultsState, productList, recommendedProducts, productCardConfig, merchantShortName, searchFilterSidebarVariant, productGridVariant, containerXPaddingClasses, selectedFilterOptions, availableDynamicFilters, onProductClick, onRemoveFilter, onToggleDynamicFilter, noResultsFoundText, searchResultsRef, toolbarHeight, query }) => {
-	const productGridClasses = classNames("spiffy-tw-grid", "spiffy-tw-justify-items-stretch", "spiffy-tw-grid-cols-2", "md:spiffy-tw-grid-cols-3", "lg:spiffy-tw-grid-cols-4", "spiffy-tw-gap-x-[4px]", "spiffy-tw-gap-y-[24px]", "spiffy-tw-h-full", "spiffy-tw-w-full", "spiffy-tw-items-stretch", containerXPaddingClasses);
-	return /* @__PURE__ */ jsxs("div", {
-		ref: searchResultsRef,
-		style: {
-			paddingTop: `${toolbarHeight}px`,
-			backgroundColor: "white"
-		},
-		children: [
-			searchResultsState === SearchResultsState.NoResults && /* @__PURE__ */ jsx(NoSearchResultsFound, {
-				containerPaddingClasses: containerXPaddingClasses,
-				noResultsFoundText,
-				recommendedProducts,
-				searchText: query,
-				merchantShortName,
-				productGridVariant
-			}),
-			searchResultsState === SearchResultsState.Results && /* @__PURE__ */ jsx(SearchResultsGrid, {
-				searchFilterSidebarVariant,
-				productCardConfig,
-				merchantShortName,
-				productList,
-				productGridVariant,
-				productGridClasses,
-				containerXPaddingClasses,
-				selectedFilterOptions,
-				availableDynamicFilters,
-				onRemoveFilter,
-				onProductClick,
-				onToggleDynamicFilter
-			}),
-			searchResultsState === SearchResultsState.Loading && /* @__PURE__ */ jsx(SearchResultsLoadingGrid, {
-				productGridVariant,
-				productGridClasses
-			})
-		]
-	});
-};
-
-//#endregion
-export { SearchResultsContent };

package/dist/packages/components/dist/components/SearchResultsContent/index.cjs

@@ -1 +0,0 @@
-const require_SearchResultsContent = require('./SearchResultsContent.cjs');

package/dist/packages/components/dist/components/SearchResultsContent/index.js

@@ -1 +0,0 @@
-import { SearchResultsContent } from "./SearchResultsContent.js";

package/dist/packages/components/dist/components/SearchResultsFilterButton/SearchResultsFilterButton.cjs

@@ -1,24 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_ButtonBase = require('../ButtonBase/ButtonBase.cjs');
-require('../ButtonBase/index.cjs');
-const require_SettingsVariant = require('../../../../icons/dist/SettingsVariant.cjs');
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region ../components/dist/components/SearchResultsFilterButton/SearchResultsFilterButton.js
-const SearchResultsFilterButton = ({ setIsOpen, filterButtonText }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
-		onClick: (0, react.useCallback)(() => {
-			setIsOpen(true);
-		}, [setIsOpen]),
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SettingsVariant.SettingsVariant_default, {}),
-		iconClass: "spiffy-tw-w-[28px] spiffy-tw-h-[28px] spiffy-tw-object-center",
-		text: filterButtonText,
-		textClass: "spiffy-tw-uppercase spiffy-tw-text-[--spiffy-colors-text-primary] spiffy-tw-hidden md:spiffy-tw-block",
-		buttonClass: "spiffy-tw-flex-row spiffy-tw-pl-[16px] sm:spiffy-tw-pl-0 sm:spiffy-tw-px-4 sm:spiffy-tw-gap-[8px]",
-		disablePadding: true
-	});
-};
-
-//#endregion
-exports.SearchResultsFilterButton = SearchResultsFilterButton;

package/dist/packages/components/dist/components/SearchResultsFilterButton/SearchResultsFilterButton.js

@@ -1,23 +0,0 @@
-import { ButtonBase } from "../ButtonBase/ButtonBase.js";
-import "../ButtonBase/index.js";
-import { SettingsVariant_default } from "../../../../icons/dist/SettingsVariant.js";
-import { useCallback } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region ../components/dist/components/SearchResultsFilterButton/SearchResultsFilterButton.js
-const SearchResultsFilterButton = ({ setIsOpen, filterButtonText }) => {
-	return /* @__PURE__ */ jsx(ButtonBase, {
-		onClick: useCallback(() => {
-			setIsOpen(true);
-		}, [setIsOpen]),
-		icon: /* @__PURE__ */ jsx(SettingsVariant_default, {}),
-		iconClass: "spiffy-tw-w-[28px] spiffy-tw-h-[28px] spiffy-tw-object-center",
-		text: filterButtonText,
-		textClass: "spiffy-tw-uppercase spiffy-tw-text-[--spiffy-colors-text-primary] spiffy-tw-hidden md:spiffy-tw-block",
-		buttonClass: "spiffy-tw-flex-row spiffy-tw-pl-[16px] sm:spiffy-tw-pl-0 sm:spiffy-tw-px-4 sm:spiffy-tw-gap-[8px]",
-		disablePadding: true
-	});
-};
-
-//#endregion
-export { SearchResultsFilterButton };

package/dist/packages/components/dist/components/SearchResultsFilterButton/index.cjs

@@ -1,3 +0,0 @@
-'use client';
-
-const require_SearchResultsFilterButton = require('./SearchResultsFilterButton.cjs');

package/dist/packages/components/dist/components/SearchResultsFilterButton/index.js

@@ -1,3 +0,0 @@
-'use client';
-
-import { SearchResultsFilterButton } from "./SearchResultsFilterButton.js";

package/dist/packages/components/dist/components/SearchResultsFilterModal/SearchResultsFilterModal.cjs

@@ -1,36 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
-const require_searchFilterSidebarVariants = require('../SearchResultsFilterSidebar/searchFilterSidebarVariants.cjs');
-const require_SearchFilterHeader = require('../SearchFilter/SearchFilterHeader.cjs');
-const require_SearchFilter = require('../SearchFilter/SearchFilter.cjs');
-require('../SearchFilter/index.cjs');
-require('../SearchResultsFilterSidebar/index.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region ../components/dist/components/SearchResultsFilterModal/SearchResultsFilterModal.js
-const SearchResultsFilterModal = ({ productCount, isOpen, setIsOpen, searchFilters, searchFilterSidebarVariant, onSelectFilterItem, onClearAllFilters, filterButtonText }) => {
-	const { applyFiltersUnchangedClasses, applyFiltersChangedClasses, searchFilterHeaderClasses, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, filterCloseIconVariant } = require_searchFilterSidebarVariants.searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchFilter.SearchFilter, {
-		isOpen,
-		setIsOpen,
-		filters: searchFilters,
-		productCount,
-		selectFilterItem: onSelectFilterItem,
-		clearAllFilters: onClearAllFilters,
-		applyFiltersUnchangedClasses,
-		applyFiltersChangedClasses,
-		filterButtonText,
-		radioButtonFillColor,
-		radioButtonHoverColor,
-		radioButtonUncheckedBorderColor,
-		filterCloseIconVariant,
-		headerContent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchFilterHeader.SearchFilterHeader, {
-			closeModal: () => setIsOpen(false),
-			productCount,
-			headerClassName: searchFilterHeaderClasses,
-			filterCloseIconVariant
-		})
-	});
-};
-
-//#endregion
-exports.SearchResultsFilterModal = SearchResultsFilterModal;

package/dist/packages/components/dist/components/SearchResultsFilterModal/SearchResultsFilterModal.js

@@ -1,35 +0,0 @@
-import { searchFilterSidebarVariantClasses } from "../SearchResultsFilterSidebar/searchFilterSidebarVariants.js";
-import { SearchFilterHeader } from "../SearchFilter/SearchFilterHeader.js";
-import { SearchFilter } from "../SearchFilter/SearchFilter.js";
-import "../SearchFilter/index.js";
-import "../SearchResultsFilterSidebar/index.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region ../components/dist/components/SearchResultsFilterModal/SearchResultsFilterModal.js
-const SearchResultsFilterModal = ({ productCount, isOpen, setIsOpen, searchFilters, searchFilterSidebarVariant, onSelectFilterItem, onClearAllFilters, filterButtonText }) => {
-	const { applyFiltersUnchangedClasses, applyFiltersChangedClasses, searchFilterHeaderClasses, radioButtonFillColor, radioButtonHoverColor, radioButtonUncheckedBorderColor, filterCloseIconVariant } = searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
-	return /* @__PURE__ */ jsx(SearchFilter, {
-		isOpen,
-		setIsOpen,
-		filters: searchFilters,
-		productCount,
-		selectFilterItem: onSelectFilterItem,
-		clearAllFilters: onClearAllFilters,
-		applyFiltersUnchangedClasses,
-		applyFiltersChangedClasses,
-		filterButtonText,
-		radioButtonFillColor,
-		radioButtonHoverColor,
-		radioButtonUncheckedBorderColor,
-		filterCloseIconVariant,
-		headerContent: /* @__PURE__ */ jsx(SearchFilterHeader, {
-			closeModal: () => setIsOpen(false),
-			productCount,
-			headerClassName: searchFilterHeaderClasses,
-			filterCloseIconVariant
-		})
-	});
-};
-
-//#endregion
-export { SearchResultsFilterModal };

package/dist/packages/components/dist/components/SearchResultsFilterModal/index.cjs

@@ -1,3 +0,0 @@
-'use client';
-
-const require_SearchResultsFilterModal = require('./SearchResultsFilterModal.cjs');

package/dist/packages/components/dist/components/SearchResultsFilterModal/index.js

@@ -1,3 +0,0 @@
-'use client';
-
-import { SearchResultsFilterModal } from "./SearchResultsFilterModal.js";

package/dist/packages/components/dist/components/SearchResultsFilterSidebar/SearchResultsFilter.cjs

@@ -1,9 +0,0 @@
-require('../ButtonBase/ButtonBase.cjs');
-require('./searchFilterSidebarVariants.cjs');
-require('../SearchFilter/SearchFilterHeader.cjs');
-require('../ButtonBase/index.cjs');
-require('../SearchFilter/SearchFilter.cjs');
-require('../SearchFilter/index.cjs');
-require('../../../../icons/dist/SettingsVariant.cjs');
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");