@envive-ai/react-toolkit 0.2.10 → 0.2.12

package/dist/components/RadioButton/index.cjs

@@ -0,0 +1,4 @@
+require('../../Typography-Ds4gfOJz.cjs');
+const require_RadioButton = require('../../RadioButton-Dcdj8pNp.cjs');
+
+exports.RadioButton = require_RadioButton.RadioButton;

package/dist/components/RadioButton/index.js

@@ -0,0 +1,4 @@
+import "../../Typography-xehJH05l.js";
+import { t as RadioButton } from "../../RadioButton-Bm0qK3bX.js";
+
+export { RadioButton };

package/dist/{RadioButtonGroup/index.d.cts → components/RadioButtonGroup/index-DdyMuFCX.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/RadioButtonGroup/RadioButtonGroup.d.ts
@@ -31,6 +31,6 @@ declare const RadioButtonGroup: ({
   gap,
   textButtonGap,
   onChange
-}: RadioButtonGroupProps) => react_jsx_runtime0.JSX.Element;
+}: RadioButtonGroupProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/{RadioButtonGroup/index.d.ts → components/RadioButtonGroup/index-DtdjcXo-.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/RadioButtonGroup/RadioButtonGroup.d.ts
@@ -31,6 +31,6 @@ declare const RadioButtonGroup: ({
   gap,
   textButtonGap,
   onChange
-}: RadioButtonGroupProps) => react_jsx_runtime16.JSX.Element;
+}: RadioButtonGroupProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/components/RadioButtonGroup/index.cjs

@@ -0,0 +1,6 @@
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../RadioButton-Dcdj8pNp.cjs');
+const require_RadioButtonGroup = require('../../RadioButtonGroup-BnnMx8sE.cjs');
+
+exports.RadioButtonGroup = require_RadioButtonGroup.RadioButtonGroup;
+exports.SPIFFY_RADIO_BUTTON_GROUP_CLASS = require_RadioButtonGroup.SPIFFY_RADIO_BUTTON_GROUP_CLASS;

package/dist/components/RadioButtonGroup/index.js

@@ -0,0 +1,5 @@
+import "../../Typography-xehJH05l.js";
+import "../../RadioButton-Bm0qK3bX.js";
+import { n as SPIFFY_RADIO_BUTTON_GROUP_CLASS, t as RadioButtonGroup } from "../../RadioButtonGroup-hme7gSiQ.js";
+
+export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/components/RecommendedProducts/index-BFM83Qu3.d.cts

@@ -0,0 +1,15 @@
+import { SearchResponseProductAttributes } from "@envive-ai/react-hooks/application/models";
+import { ProductCardConfig, ProductGridVariant } from "@envive-ai/react-hooks/contexts/types";
+
+//#region src/components/RecommendedProducts/RecommendedProducts.d.ts
+interface RecommendedProductsProps {
+  retrievedProducts: SearchResponseProductAttributes['attributes'][];
+  merchantShortName: string;
+  productCardConfig?: ProductCardConfig;
+  productGridVariant?: ProductGridVariant;
+  heading?: string;
+  onProductClick?: (product: SearchResponseProductAttributes['attributes'], index: number) => void;
+}
+declare const RecommendedProducts: React.FC<RecommendedProductsProps>;
+//#endregion
+export { RecommendedProducts };

package/dist/components/RecommendedProducts/index-DlbCfGof.d.ts

@@ -0,0 +1,15 @@
+import { SearchResponseProductAttributes } from "@envive-ai/react-hooks/application/models";
+import { ProductCardConfig, ProductGridVariant } from "@envive-ai/react-hooks/contexts/types";
+
+//#region src/components/RecommendedProducts/RecommendedProducts.d.ts
+interface RecommendedProductsProps {
+  retrievedProducts: SearchResponseProductAttributes['attributes'][];
+  merchantShortName: string;
+  productCardConfig?: ProductCardConfig;
+  productGridVariant?: ProductGridVariant;
+  heading?: string;
+  onProductClick?: (product: SearchResponseProductAttributes['attributes'], index: number) => void;
+}
+declare const RecommendedProducts: React.FC<RecommendedProductsProps>;
+//#endregion
+export { RecommendedProducts };

package/dist/components/RecommendedProducts/index.cjs

@@ -0,0 +1,12 @@
+'use client';
+
+
+require('../../formatPrice-CyfkjZ3R.cjs');
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../ImageWithFallback-CuPe6XF6.cjs');
+require('../../ProductCard-BeY85PBf.cjs');
+require('../../Spinner-FQpy5bGu.cjs');
+require('../../ProductGrid-CxKK7w_X.cjs');
+const require_RecommendedProducts = require('../../RecommendedProducts-C2eNVrLo.cjs');
+
+exports.RecommendedProducts = require_RecommendedProducts.RecommendedProducts;

package/dist/components/RecommendedProducts/index.js

@@ -0,0 +1,12 @@
+'use client';
+
+
+import "../../formatPrice-DexQu2aZ.js";
+import "../../Typography-xehJH05l.js";
+import "../../ImageWithFallback-_QZT0EKI.js";
+import "../../ProductCard-BoyYu6mI.js";
+import "../../Spinner-CDDFWySo.js";
+import "../../ProductGrid-DmtSXfyE.js";
+import { t as RecommendedProducts } from "../../RecommendedProducts-LalI8aVC.js";
+
+export { RecommendedProducts };

package/dist/{SearchAutocomplete/index.d.ts → components/SearchAutocomplete/index-Br_POGOz.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/components/SearchAutocomplete/SearchAutocomplete.d.ts
 interface GlobalSearchAutocompleteProps {
@@ -16,6 +16,6 @@ declare const SearchAutocomplete: ({
   searchText,
   onSuggestionSelect,
   iconColor
-}: GlobalSearchAutocompleteProps) => react_jsx_runtime10.JSX.Element;
+}: GlobalSearchAutocompleteProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { SearchAutocomplete };

package/dist/{SearchAutocomplete/index.d.cts → components/SearchAutocomplete/index-Ce9gkkbU.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 
 //#region src/components/SearchAutocomplete/SearchAutocomplete.d.ts
 interface GlobalSearchAutocompleteProps {
@@ -16,6 +16,6 @@ declare const SearchAutocomplete: ({
   searchText,
   onSuggestionSelect,
   iconColor
-}: GlobalSearchAutocompleteProps) => react_jsx_runtime2.JSX.Element;
+}: GlobalSearchAutocompleteProps) => react_jsx_runtime30.JSX.Element;
 //#endregion
 export { SearchAutocomplete };

package/dist/components/SearchAutocomplete/index.cjs

@@ -0,0 +1,4 @@
+require('../../Typography-Ds4gfOJz.cjs');
+const require_SearchAutocomplete = require('../../SearchAutocomplete-A3HXkHwK.cjs');
+
+exports.SearchAutocomplete = require_SearchAutocomplete.SearchAutocomplete;

package/dist/components/SearchAutocomplete/index.js

@@ -0,0 +1,4 @@
+import "../../Typography-xehJH05l.js";
+import { t as SearchAutocomplete } from "../../SearchAutocomplete-Rza3A-gs.js";
+
+export { SearchAutocomplete };

package/dist/{SearchFilter/index.d.cts → components/SearchFilter/index-DAR4UKSA.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { CloseIconVariant, FilterFooterProps, SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SearchFilter/types.d.ts
@@ -55,7 +55,7 @@ declare const SearchFilter: ({
   radioButtonHoverColor,
   radioButtonUncheckedBorderColor,
   filterCloseIconVariant
-}: SearchFilterProps) => react_jsx_runtime4.JSX.Element;
+}: SearchFilterProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterHeader.d.ts
 declare const SearchFilterHeader: ({
@@ -63,7 +63,7 @@ declare const SearchFilterHeader: ({
   productCount,
   headerClassName,
   filterCloseIconVariant
-}: SearchFilterHeaderProps) => react_jsx_runtime4.JSX.Element;
+}: SearchFilterHeaderProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterFooter.d.ts
 declare const SearchFilterFooter: ({
@@ -73,7 +73,7 @@ declare const SearchFilterFooter: ({
   applyFiltersUnchangedClasses,
   applyFiltersChangedClasses,
   hasFiltersChanged
-}: FilterFooterProps) => react_jsx_runtime4.JSX.Element;
+}: FilterFooterProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterItem.d.ts
 declare const SearchFilterItem: ({
@@ -82,7 +82,7 @@ declare const SearchFilterItem: ({
   radioButtonFillColor,
   radioButtonHoverColor,
   radioButtonUncheckedBorderColor
-}: SearchFilterItemProps) => react_jsx_runtime4.JSX.Element;
+}: SearchFilterItemProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/utils.d.ts
 declare const getSelectedFilterItemsCount: (filter: SearchFilterDatum) => number;

package/dist/{SearchFilter/index.d.ts → components/SearchFilter/index-VygXUBM9.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { CloseIconVariant, FilterFooterProps, SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SearchFilter/types.d.ts
@@ -55,7 +55,7 @@ declare const SearchFilter: ({
   radioButtonHoverColor,
   radioButtonUncheckedBorderColor,
   filterCloseIconVariant
-}: SearchFilterProps) => react_jsx_runtime4.JSX.Element;
+}: SearchFilterProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterHeader.d.ts
 declare const SearchFilterHeader: ({
@@ -63,7 +63,7 @@ declare const SearchFilterHeader: ({
   productCount,
   headerClassName,
   filterCloseIconVariant
-}: SearchFilterHeaderProps) => react_jsx_runtime4.JSX.Element;
+}: SearchFilterHeaderProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterFooter.d.ts
 declare const SearchFilterFooter: ({
@@ -73,7 +73,7 @@ declare const SearchFilterFooter: ({
   applyFiltersUnchangedClasses,
   applyFiltersChangedClasses,
   hasFiltersChanged
-}: FilterFooterProps) => react_jsx_runtime4.JSX.Element;
+}: FilterFooterProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterItem.d.ts
 declare const SearchFilterItem: ({
@@ -82,7 +82,7 @@ declare const SearchFilterItem: ({
   radioButtonFillColor,
   radioButtonHoverColor,
   radioButtonUncheckedBorderColor
-}: SearchFilterItemProps) => react_jsx_runtime4.JSX.Element;
+}: SearchFilterItemProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/utils.d.ts
 declare const getSelectedFilterItemsCount: (filter: SearchFilterDatum) => number;

package/dist/components/SearchFilter/index.cjs

@@ -0,0 +1,17 @@
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../Accordion-B0TzPN3m.cjs');
+require('../../AnimatedChevron-9xf90bpP.cjs');
+require('../../ButtonBase-BMEAmPnS.cjs');
+require('../../ButtonBase-BIXx56hq.cjs');
+require('../../ModalSheet-Be7-bkXK.cjs');
+require('../../RadioButton-Dcdj8pNp.cjs');
+require('../../RadioButtonGroup-BnnMx8sE.cjs');
+const require_SearchFilter = require('../../SearchFilter-DxrQOLx0.cjs');
+require('../../ToggleButton-CmxTz-ou.cjs');
+
+exports.SearchFilter = require_SearchFilter.SearchFilter;
+exports.SearchFilterFooter = require_SearchFilter.SearchFilterFooter;
+exports.SearchFilterHeader = require_SearchFilter.SearchFilterHeader;
+exports.SearchFilterItem = require_SearchFilter.SearchFilterItem;
+exports.getSelectedFilterItemsCount = require_SearchFilter.getSelectedFilterItemsCount;
+exports.getTotalSelectedFilterItemsCount = require_SearchFilter.getTotalSelectedFilterItemsCount;

package/dist/components/SearchFilter/index.js

@@ -0,0 +1,12 @@
+import "../../Typography-xehJH05l.js";
+import "../../Accordion-D8Vm8J1y.js";
+import "../../AnimatedChevron-DghLnmlM.js";
+import "../../ButtonBase-CT397aT3.js";
+import "../../ButtonBase-C9fn-c5h.js";
+import "../../ModalSheet-DVrY7Mw0.js";
+import "../../RadioButton-Bm0qK3bX.js";
+import "../../RadioButtonGroup-hme7gSiQ.js";
+import { a as getTotalSelectedFilterItemsCount, i as getSelectedFilterItemsCount, n as SearchFilter, o as SearchFilterHeader, r as SearchFilterFooter, t as SearchFilterItem } from "../../SearchFilter-CYY5sNXV.js";
+import "../../ToggleButton-BTz_zIdc.js";
+
+export { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/{SearchInput/index.d.ts → components/SearchInput/index-UY0W77Y0.d.ts}

@@ -1,5 +1,5 @@
-import { SearchInputVariant as SearchInputVariant$1 } from "../types-DlqhqT_S.js";
-import { TypographyVariantMap } from "../typographyVariantClasses-B6wiawat.js";
+import { t as SearchInputVariant$1 } from "../../types-CQpdBL3M.js";
+import { r as TypographyVariantMap } from "../../typographyVariantClasses-CrT5OfVw.js";
 import React from "react";
 import { SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
 

package/dist/{SearchInput/index.d.cts → components/SearchInput/index-rFDdhvqg.d.cts}

@@ -1,5 +1,5 @@
-import { SearchInputVariant as SearchInputVariant$1 } from "../types-BhGjnuWx.cjs";
-import { TypographyVariantMap } from "../typographyVariantClasses-DTSltxPN.cjs";
+import { t as SearchInputVariant$1 } from "../../types--eyQnaEA.cjs";
+import { r as TypographyVariantMap } from "../../typographyVariantClasses-CoRhazCU.cjs";
 import React from "react";
 import { SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
 

package/dist/components/SearchInput/index.cjs

@@ -0,0 +1,7 @@
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../TextInput-Do5-j1V_.cjs');
+require('../../colorsConfig-D-MZuBvt.cjs');
+const require_SearchInput = require('../../SearchInput-3ppsm2Ke.cjs');
+
+exports.SearchInput = require_SearchInput.SearchInput;
+exports.searchInputVariantClasses = require_SearchInput.searchInputVariantClasses;

package/dist/components/SearchInput/index.js

@@ -0,0 +1,6 @@
+import "../../Typography-xehJH05l.js";
+import "../../TextInput-PtrUXoZo.js";
+import "../../colorsConfig-BjdoRtRK.js";
+import { n as searchInputVariantClasses, t as SearchInput } from "../../SearchInput-DE9Iz7A8.js";
+
+export { SearchInput, searchInputVariantClasses };

package/dist/{SearchInputForm/index.d.cts → components/SearchInputForm/index-_sR_KugL.d.ts}

@@ -1,5 +1,5 @@
-import { SearchInputVariant } from "../types-BhGjnuWx.cjs";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import { t as SearchInputVariant } from "../../types-CQpdBL3M.js";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/SearchInputForm/SearchInputForm.d.ts
 interface SearchInputFormProps {
@@ -31,6 +31,6 @@ declare const SearchInputForm: ({
   onSearchSubmit,
   onSearchInputFocus,
   onSearchInputBlur
-}: SearchInputFormProps) => react_jsx_runtime16.JSX.Element;
+}: SearchInputFormProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { SearchInputForm };

package/dist/{SearchInputForm/index.d.ts → components/SearchInputForm/index-dlLBivQA.d.cts}

@@ -1,4 +1,4 @@
-import { SearchInputVariant } from "../types-DlqhqT_S.js";
+import { t as SearchInputVariant } from "../../types--eyQnaEA.cjs";
 import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/components/SearchInputForm/SearchInputForm.d.ts

package/dist/components/SearchInputForm/index.cjs

@@ -0,0 +1,8 @@
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../SearchAutocomplete-A3HXkHwK.cjs');
+require('../../TextInput-Do5-j1V_.cjs');
+require('../../colorsConfig-D-MZuBvt.cjs');
+require('../../SearchInput-3ppsm2Ke.cjs');
+const require_SearchInputForm = require('../../SearchInputForm-CZz62rOX.cjs');
+
+exports.SearchInputForm = require_SearchInputForm.SearchInputForm;

package/dist/components/SearchInputForm/index.js

@@ -0,0 +1,8 @@
+import "../../Typography-xehJH05l.js";
+import "../../SearchAutocomplete-Rza3A-gs.js";
+import "../../TextInput-PtrUXoZo.js";
+import "../../colorsConfig-BjdoRtRK.js";
+import "../../SearchInput-DE9Iz7A8.js";
+import { t as SearchInputForm } from "../../SearchInputForm-DrI4WHDt.js";
+
+export { SearchInputForm };

package/dist/{SearchResultsContent/index.d.cts → components/SearchResultsContent/index-B_6-7-t-.d.ts}

@@ -1,18 +1,19 @@
-import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-BqARXvZ6.cjs";
-import { SearchFilterSidebarVariant } from "../index-Dfe_lkL2.cjs";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
-import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+import { b as SearchResponseProductAttributes, d as ProductCardConfig, y as ProductGridVariant } from "../../index-Cz6qxTZG.js";
+import { a as SearchFilterSidebarVariant } from "../../index-8cIrhPDk.js";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
+import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/components/SearchResultsContent/SearchResultsContent.d.ts
 interface SearchResultsContentProps {
   searchResultsState: SearchResultsState;
-  productList: SearchResponseProductAttributes['attributes'][];
+  productList: SearchResponseProduct[];
+  recommendedProducts: SearchResponseProductAttributes['attributes'][];
   productCardConfig: ProductCardConfig;
   merchantShortName: string;
   searchFilterSidebarVariant: SearchFilterSidebarVariant;
   productGridVariant: ProductGridVariant;
-  productGridClasses: string;
   containerXPaddingClasses: string;
   selectedFilterOptions: SelectedFilterOption[];
   availableDynamicFilters: {
@@ -20,6 +21,7 @@ interface SearchResultsContentProps {
     displayName: string;
   }[];
   onRemoveFilter: (filter: SelectedFilterOption) => void;
+  onProductClick?: () => void;
   onToggleDynamicFilter: ({
     filter,
     dynamicFilterDisplayName
@@ -28,21 +30,28 @@ interface SearchResultsContentProps {
     dynamicFilterDisplayName: string;
   }) => void;
   noResultsFoundText?: string;
+  searchResultsRef: React.RefObject<HTMLDivElement>;
+  toolbarHeight: number;
+  query: string;
 }
 declare const SearchResultsContent: ({
   searchResultsState,
   productList,
+  recommendedProducts,
   productCardConfig,
   merchantShortName,
   searchFilterSidebarVariant,
   productGridVariant,
-  productGridClasses,
   containerXPaddingClasses,
   selectedFilterOptions,
   availableDynamicFilters,
+  onProductClick,
   onRemoveFilter,
   onToggleDynamicFilter,
-  noResultsFoundText
-}: SearchResultsContentProps) => react_jsx_runtime15.JSX.Element;
+  noResultsFoundText,
+  searchResultsRef,
+  toolbarHeight,
+  query
+}: SearchResultsContentProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { SearchResultsContent };

package/dist/{SearchResultsContent/index.d.ts → components/SearchResultsContent/index-CayvNVCK.d.cts}

@@ -1,18 +1,19 @@
-import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-BB4Qbpmg.js";
-import { SearchFilterSidebarVariant } from "../index-DmvaMYbj.js";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
-import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
+import { b as SearchResponseProductAttributes, d as ProductCardConfig, y as ProductGridVariant } from "../../index-CqfgJHj8.cjs";
+import { a as SearchFilterSidebarVariant } from "../../index-BKYA7uMB.cjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
+import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
 
 //#region src/components/SearchResultsContent/SearchResultsContent.d.ts
 interface SearchResultsContentProps {
   searchResultsState: SearchResultsState;
-  productList: SearchResponseProductAttributes['attributes'][];
+  productList: SearchResponseProduct[];
+  recommendedProducts: SearchResponseProductAttributes['attributes'][];
   productCardConfig: ProductCardConfig;
   merchantShortName: string;
   searchFilterSidebarVariant: SearchFilterSidebarVariant;
   productGridVariant: ProductGridVariant;
-  productGridClasses: string;
   containerXPaddingClasses: string;
   selectedFilterOptions: SelectedFilterOption[];
   availableDynamicFilters: {
@@ -20,6 +21,7 @@ interface SearchResultsContentProps {
     displayName: string;
   }[];
   onRemoveFilter: (filter: SelectedFilterOption) => void;
+  onProductClick?: () => void;
   onToggleDynamicFilter: ({
     filter,
     dynamicFilterDisplayName
@@ -28,21 +30,28 @@ interface SearchResultsContentProps {
     dynamicFilterDisplayName: string;
   }) => void;
   noResultsFoundText?: string;
+  searchResultsRef: React.RefObject<HTMLDivElement>;
+  toolbarHeight: number;
+  query: string;
 }
 declare const SearchResultsContent: ({
   searchResultsState,
   productList,
+  recommendedProducts,
   productCardConfig,
   merchantShortName,
   searchFilterSidebarVariant,
   productGridVariant,
-  productGridClasses,
   containerXPaddingClasses,
   selectedFilterOptions,
   availableDynamicFilters,
+  onProductClick,
   onRemoveFilter,
   onToggleDynamicFilter,
-  noResultsFoundText
-}: SearchResultsContentProps) => react_jsx_runtime11.JSX.Element;
+  noResultsFoundText,
+  searchResultsRef,
+  toolbarHeight,
+  query
+}: SearchResultsContentProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SearchResultsContent };

package/dist/components/SearchResultsContent/index.cjs

@@ -0,0 +1,60 @@
+const require_chunk = require('../../chunk-CUT6urMc.cjs');
+require('../../formatPrice-CyfkjZ3R.cjs');
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../DynamicFiltersScrollbar-DqIydLJu.cjs');
+require('../../ImageWithFallback-CuPe6XF6.cjs');
+require('../../ProductCard-BeY85PBf.cjs');
+require('../../Spinner-FQpy5bGu.cjs');
+require('../../ProductGrid-CxKK7w_X.cjs');
+require('../../RecommendedProducts-C2eNVrLo.cjs');
+require('../../colorsConfig-D-MZuBvt.cjs');
+const require_SearchResultsStates = require('../../SearchResultsStates-D37wFr9h.cjs');
+require('../../searchFilterSidebarVariants-C61Byr1S.cjs');
+require('../../SparkleAnimation-B5A_NCuy.cjs');
+let classnames = require("classnames");
+classnames = require_chunk.__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 src/components/SearchResultsContent/SearchResultsContent.tsx
+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_SearchResultsStates.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_SearchResultsStates.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_SearchResultsStates.SearchResultsLoadingGrid, {
+				productGridVariant,
+				productGridClasses
+			})
+		]
+	});
+};
+
+//#endregion
+exports.SearchResultsContent = SearchResultsContent;

package/dist/components/SearchResultsContent/index.js

@@ -0,0 +1,58 @@
+import "../../formatPrice-DexQu2aZ.js";
+import "../../Typography-xehJH05l.js";
+import "../../DynamicFiltersScrollbar-CibstqNd.js";
+import "../../ImageWithFallback-_QZT0EKI.js";
+import "../../ProductCard-BoyYu6mI.js";
+import "../../Spinner-CDDFWySo.js";
+import "../../ProductGrid-DmtSXfyE.js";
+import "../../RecommendedProducts-LalI8aVC.js";
+import "../../colorsConfig-BjdoRtRK.js";
+import { n as SearchResultsGrid, r as NoSearchResultsFound, t as SearchResultsLoadingGrid } from "../../SearchResultsStates-DrGtw0pM.js";
+import "../../searchFilterSidebarVariants-DcwlBfvY.js";
+import "../../SparkleAnimation-BSI_34HX.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SearchResultsState } from "@envive-ai/react-hooks/hooks/utils";
+
+//#region src/components/SearchResultsContent/SearchResultsContent.tsx
+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/components/SearchResultsFilterButton/index-D_u8PzTc.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+
+//#region src/components/SearchResultsFilterButton/SearchResultsFilterButton.d.ts
+type SearchResultsFilterButtonProps = {
+  setIsOpen: (isOpen: boolean) => void;
+  filterButtonText: string;
+};
+declare const SearchResultsFilterButton: ({
+  setIsOpen,
+  filterButtonText
+}: SearchResultsFilterButtonProps) => react_jsx_runtime5.JSX.Element;
+//#endregion
+export { SearchResultsFilterButton, SearchResultsFilterButtonProps };

package/dist/components/SearchResultsFilterButton/index-DuTGqa7-.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+
+//#region src/components/SearchResultsFilterButton/SearchResultsFilterButton.d.ts
+type SearchResultsFilterButtonProps = {
+  setIsOpen: (isOpen: boolean) => void;
+  filterButtonText: string;
+};
+declare const SearchResultsFilterButton: ({
+  setIsOpen,
+  filterButtonText
+}: SearchResultsFilterButtonProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+export { SearchResultsFilterButton, SearchResultsFilterButtonProps };