@envive-ai/react-toolkit 0.2.11 → 0.2.13-arthur-1

package/dist/components/SearchFilter/index-BbIqmoO8.d.ts

@@ -0,0 +1,91 @@
+import * as react_jsx_runtime18 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 {
+  filterId: string;
+  filterItemId: string;
+}
+interface SearchFilterItemProps {
+  filterItem: SearchFilterItem$1;
+  onSelectFilterItem: SelectFilterItem;
+  radioButtonFillColor: string;
+  radioButtonHoverColor: string;
+  radioButtonUncheckedBorderColor: string;
+}
+interface SearchFilterHeaderProps {
+  closeModal: () => void;
+  productCount: number;
+  headerClassName: string;
+  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
+}
+type SearchFilterProps = {
+  filters: SearchFilterDatum[];
+  selectFilterItem: SelectFilterItem;
+  clearAllFilters: () => void;
+  productCount: number;
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+  applyFiltersUnchangedClasses: string;
+  applyFiltersChangedClasses: string;
+  headerContent?: React.ReactNode;
+  footerContent?: React.ReactNode;
+  filterButtonText?: string;
+  headerClassName?: string;
+  radioButtonFillColor: string;
+  radioButtonHoverColor?: string;
+  radioButtonUncheckedBorderColor?: string;
+  filterCloseIconVariant: CloseIconVariant;
+};
+//#endregion
+//#region src/components/SearchFilter/SearchFilter.d.ts
+declare const SearchFilter: ({
+  filters,
+  productCount,
+  selectFilterItem,
+  clearAllFilters,
+  isOpen,
+  setIsOpen,
+  applyFiltersUnchangedClasses,
+  applyFiltersChangedClasses,
+  headerContent,
+  footerContent,
+  headerClassName,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor,
+  filterCloseIconVariant
+}: SearchFilterProps) => react_jsx_runtime18.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterHeader.d.ts
+declare const SearchFilterHeader: ({
+  closeModal,
+  productCount,
+  headerClassName,
+  filterCloseIconVariant
+}: SearchFilterHeaderProps) => react_jsx_runtime18.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterFooter.d.ts
+declare const SearchFilterFooter: ({
+  closeModal,
+  clearAllFilters,
+  filterCount,
+  applyFiltersUnchangedClasses,
+  applyFiltersChangedClasses,
+  hasFiltersChanged
+}: FilterFooterProps) => react_jsx_runtime18.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterItem.d.ts
+declare const SearchFilterItem: ({
+  filterItem,
+  onSelectFilterItem,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor
+}: SearchFilterItemProps) => react_jsx_runtime18.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, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/components/SearchFilter/index-DAL3Wl6U.d.cts

@@ -0,0 +1,91 @@
+import * as react_jsx_runtime6 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 {
+  filterId: string;
+  filterItemId: string;
+}
+interface SearchFilterItemProps {
+  filterItem: SearchFilterItem$1;
+  onSelectFilterItem: SelectFilterItem;
+  radioButtonFillColor: string;
+  radioButtonHoverColor: string;
+  radioButtonUncheckedBorderColor: string;
+}
+interface SearchFilterHeaderProps {
+  closeModal: () => void;
+  productCount: number;
+  headerClassName: string;
+  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
+}
+type SearchFilterProps = {
+  filters: SearchFilterDatum[];
+  selectFilterItem: SelectFilterItem;
+  clearAllFilters: () => void;
+  productCount: number;
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+  applyFiltersUnchangedClasses: string;
+  applyFiltersChangedClasses: string;
+  headerContent?: React.ReactNode;
+  footerContent?: React.ReactNode;
+  filterButtonText?: string;
+  headerClassName?: string;
+  radioButtonFillColor: string;
+  radioButtonHoverColor?: string;
+  radioButtonUncheckedBorderColor?: string;
+  filterCloseIconVariant: CloseIconVariant;
+};
+//#endregion
+//#region src/components/SearchFilter/SearchFilter.d.ts
+declare const SearchFilter: ({
+  filters,
+  productCount,
+  selectFilterItem,
+  clearAllFilters,
+  isOpen,
+  setIsOpen,
+  applyFiltersUnchangedClasses,
+  applyFiltersChangedClasses,
+  headerContent,
+  footerContent,
+  headerClassName,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor,
+  filterCloseIconVariant
+}: SearchFilterProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterHeader.d.ts
+declare const SearchFilterHeader: ({
+  closeModal,
+  productCount,
+  headerClassName,
+  filterCloseIconVariant
+}: SearchFilterHeaderProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterFooter.d.ts
+declare const SearchFilterFooter: ({
+  closeModal,
+  clearAllFilters,
+  filterCount,
+  applyFiltersUnchangedClasses,
+  applyFiltersChangedClasses,
+  hasFiltersChanged
+}: FilterFooterProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterItem.d.ts
+declare const SearchFilterItem: ({
+  filterItem,
+  onSelectFilterItem,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor
+}: SearchFilterItemProps) => react_jsx_runtime6.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, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

package/dist/components/SearchFilter/index.cjs

@@ -0,0 +1,18 @@
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
+require('../../Accordion-DPUaEXiE.cjs');
+require('../../AnimatedChevron-CPW5KPLr.cjs');
+require('../../ButtonBase-C44g6llb.cjs');
+require('../../ButtonBase-Cb6Iec6f.cjs');
+require('../../ModalSheet-JZerJZ1T.cjs');
+require('../../RadioButton-DpF1wymL.cjs');
+require('../../RadioButtonGroup-ByzTXNAb.cjs');
+const require_SearchFilter = require('../../SearchFilter-BRtCSuAn.cjs');
+require('../../ToggleButton-Dxk3U1hR.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,13 @@
+import "../../Typography-xehJH05l.js";
+import "../../jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
+import "../../Accordion-8zFBEEaN.js";
+import "../../AnimatedChevron-DO_jcnJg.js";
+import "../../ButtonBase-Cjo-fBg2.js";
+import "../../ButtonBase-D2eXuapk.js";
+import "../../ModalSheet-C5f5abw1.js";
+import "../../RadioButton-DOc8g47U.js";
+import "../../RadioButtonGroup-YQIxmR7j.js";
+import { a as getTotalSelectedFilterItemsCount, i as getSelectedFilterItemsCount, n as SearchFilter, o as SearchFilterHeader, r as SearchFilterFooter, t as SearchFilterItem } from "../../SearchFilter-DvJx0b0W.js";
+import "../../ToggleButton-D8--AKKK.js";
+
+export { SearchFilter, SearchFilterFooter, SearchFilterHeader, SearchFilterItem, getSelectedFilterItemsCount, getTotalSelectedFilterItemsCount };

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

@@ -1,6 +1,7 @@
-import { TypographyVariantMap } from "../typographyVariantClasses-BFRoEloZ.cjs";
-import { SearchInputVariant } from "@envive-ai/types";
+import { t as SearchInputVariant$1 } from "../../types-D6fl4HOx.js";
+import { r as TypographyVariantMap } from "../../typographyVariantClasses-_oNpv-aN.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 TypographyVariantMap;
 };
-declare const searchInputVariantClasses: Record<SearchInputVariant, SearchInputVariantClasses>;
+declare const searchInputVariantClasses: Record<SearchInputVariant$1, SearchInputVariantClasses>;
 //#endregion
 export { SearchInput, searchInputVariantClasses };

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

@@ -1,6 +1,7 @@
-import { TypographyVariantMap } from "../typographyVariantClasses-D7h3ACAj.js";
+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/types";
+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 TypographyVariantMap;
 };
-declare const searchInputVariantClasses: Record<SearchInputVariant, SearchInputVariantClasses>;
+declare const searchInputVariantClasses: Record<SearchInputVariant$1, SearchInputVariantClasses>;
 //#endregion
 export { SearchInput, searchInputVariantClasses };

package/dist/components/SearchInput/index.cjs

@@ -0,0 +1,8 @@
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
+const require_SearchInput = require('../../SearchInput-CImlqrau.cjs');
+require('../../TextInput-CaynCoDf.cjs');
+require('../../colorsConfig-Dp7w5LPb.cjs');
+
+exports.SearchInput = require_SearchInput.SearchInput;
+exports.searchInputVariantClasses = require_SearchInput.searchInputVariantClasses;

package/dist/components/SearchInput/index.js

@@ -0,0 +1,7 @@
+import "../../Typography-xehJH05l.js";
+import "../../jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
+import { n as searchInputVariantClasses, t as SearchInput } from "../../SearchInput-kLhxkpgq.js";
+import "../../TextInput-CsdOvLBQ.js";
+import "../../colorsConfig-CFI1KN8R.js";
+
+export { SearchInput, searchInputVariantClasses };

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

@@ -1,5 +1,5 @@
+import { t as SearchInputVariant } from "../../types--eyQnaEA.cjs";
 import * as react_jsx_runtime5 from "react/jsx-runtime";
-import { SearchInputVariant } from "@envive-ai/types";
 
 //#region src/components/SearchInputForm/SearchInputForm.d.ts
 interface SearchInputFormProps {
@@ -16,6 +16,7 @@ interface SearchInputFormProps {
   onSearchInputFocus: () => void;
   onSearchInputBlur: () => void;
   shouldShowAutocomplete: boolean;
+  searchInputRef: React.RefObject<HTMLInputElement>;
 }
 declare const SearchInputForm: ({
   searchInputVariant,
@@ -30,7 +31,8 @@ declare const SearchInputForm: ({
   onSearchInputChange,
   onSearchSubmit,
   onSearchInputFocus,
-  onSearchInputBlur
+  onSearchInputBlur,
+  searchInputRef
 }: SearchInputFormProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { SearchInputForm };

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

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
-import { SearchInputVariant } from "@envive-ai/types";
+import { t as SearchInputVariant } from "../../types-D6fl4HOx.js";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/components/SearchInputForm/SearchInputForm.d.ts
 interface SearchInputFormProps {
@@ -16,6 +16,7 @@ interface SearchInputFormProps {
   onSearchInputFocus: () => void;
   onSearchInputBlur: () => void;
   shouldShowAutocomplete: boolean;
+  searchInputRef: React.RefObject<HTMLInputElement>;
 }
 declare const SearchInputForm: ({
   searchInputVariant,
@@ -30,7 +31,8 @@ declare const SearchInputForm: ({
   onSearchInputChange,
   onSearchSubmit,
   onSearchInputFocus,
-  onSearchInputBlur
-}: SearchInputFormProps) => react_jsx_runtime8.JSX.Element;
+  onSearchInputBlur,
+  searchInputRef
+}: SearchInputFormProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { SearchInputForm };

package/dist/components/SearchInputForm/index.cjs

@@ -0,0 +1,10 @@
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
+require('../../OutlinedStar-CC0V_jAK.cjs');
+require('../../SearchAutocomplete-BdTWETDB.cjs');
+require('../../SearchInput-CImlqrau.cjs');
+require('../../TextInput-CaynCoDf.cjs');
+require('../../colorsConfig-Dp7w5LPb.cjs');
+const require_SearchInputForm = require('../../SearchInputForm-ZgNNEX6E.cjs');
+
+exports.SearchInputForm = require_SearchInputForm.SearchInputForm;

package/dist/components/SearchInputForm/index.js

@@ -0,0 +1,10 @@
+import "../../Typography-xehJH05l.js";
+import "../../jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
+import "../../OutlinedStar-WWs3gRwt.js";
+import "../../SearchAutocomplete-DNe193EV.js";
+import "../../SearchInput-kLhxkpgq.js";
+import "../../TextInput-CsdOvLBQ.js";
+import "../../colorsConfig-CFI1KN8R.js";
+import { t as SearchInputForm } from "../../SearchInputForm-CFm_hUvX.js";
+
+export { SearchInputForm };

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

@@ -1,15 +1,19 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
-import { ProductCardConfig, ProductGridVariant, SearchFilterSidebarVariant, SearchResponseProductAttributes, SearchResultsState, SelectedFilterOption } from "@envive-ai/types";
+import { b as SearchResponseProductAttributes, d as ProductCardConfig, y as ProductGridVariant } from "../../index-CzbumwVZ.cjs";
+import { a as SearchFilterSidebarVariant } from "../../index-BiKhzraQ.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: {
@@ -17,6 +21,7 @@ interface SearchResultsContentProps {
     displayName: string;
   }[];
   onRemoveFilter: (filter: SelectedFilterOption) => void;
+  onProductClick?: () => void;
   onToggleDynamicFilter: ({
     filter,
     dynamicFilterDisplayName
@@ -25,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_runtime5.JSX.Element;
+  noResultsFoundText,
+  searchResultsRef,
+  toolbarHeight,
+  query
+}: SearchResultsContentProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SearchResultsContent };

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

@@ -1,15 +1,19 @@
+import { b as SearchResponseProductAttributes, d as ProductCardConfig, y as ProductGridVariant } from "../../index-BCBtAzCc.js";
+import { a as SearchFilterSidebarVariant } from "../../index-DK0xpfMg.js";
 import * as react_jsx_runtime15 from "react/jsx-runtime";
-import { ProductCardConfig, ProductGridVariant, SearchFilterSidebarVariant, SearchResponseProductAttributes, SearchResultsState, SelectedFilterOption } from "@envive-ai/types";
+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: {
@@ -17,6 +21,7 @@ interface SearchResultsContentProps {
     displayName: string;
   }[];
   onRemoveFilter: (filter: SelectedFilterOption) => void;
+  onProductClick?: () => void;
   onToggleDynamicFilter: ({
     filter,
     dynamicFilterDisplayName
@@ -25,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
+  noResultsFoundText,
+  searchResultsRef,
+  toolbarHeight,
+  query
 }: SearchResultsContentProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { SearchResultsContent };

package/dist/components/SearchResultsContent/index.cjs

@@ -0,0 +1,62 @@
+const require_chunk = require('../../chunk-CUT6urMc.cjs');
+require('../../formatPrice-CyfkjZ3R.cjs');
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
+require('../../DynamicFiltersScrollbar-IO886VXD.cjs');
+require('../../ImageWithFallback-C-ZQn7tR.cjs');
+require('../../ProductCard-C7rZyWpj.cjs');
+require('../../Spinner-7HblFCja.cjs');
+require('../../ProductGrid-0A8vml2y.cjs');
+require('../../RecommendedProducts-qkPxXVJn.cjs');
+require('../../colorsConfig-Dp7w5LPb.cjs');
+const require_SearchResultsStates = require('../../SearchResultsStates-CQR5Il4l.cjs');
+require('../../searchFilterSidebarVariants-CjyRGKK_.cjs');
+require('../../FourPointStar-AQ9OSu0S.cjs');
+require('../../SparkleAnimation-BikAiAmb.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,60 @@
+import "../../formatPrice-DexQu2aZ.js";
+import "../../Typography-xehJH05l.js";
+import "../../jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
+import "../../DynamicFiltersScrollbar-s5yfmMau.js";
+import "../../ImageWithFallback-DjDNefaG.js";
+import "../../ProductCard-GxpFxjh0.js";
+import "../../Spinner-OFbXMms8.js";
+import "../../ProductGrid-DAwc9dKV.js";
+import "../../RecommendedProducts-C6dLpLPP.js";
+import "../../colorsConfig-CFI1KN8R.js";
+import { n as SearchResultsGrid, r as NoSearchResultsFound, t as SearchResultsLoadingGrid } from "../../SearchResultsStates-D7HfsLeZ.js";
+import "../../searchFilterSidebarVariants-gkgkflXx.js";
+import "../../FourPointStar-3DqnYmfN.js";
+import "../../SparkleAnimation-szzXiTam.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-BvntKdyC.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime13 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_runtime13.JSX.Element;
+//#endregion
+export { SearchResultsFilterButton, SearchResultsFilterButtonProps };

package/dist/components/SearchResultsFilterButton/index-zgQsT6vz.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime30 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_runtime30.JSX.Element;
+//#endregion
+export { SearchResultsFilterButton, SearchResultsFilterButtonProps };

package/dist/components/SearchResultsFilterButton/index.cjs

@@ -0,0 +1,10 @@
+'use client';
+
+
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
+require('../../ButtonBase-C44g6llb.cjs');
+require('../../ButtonBase-Cb6Iec6f.cjs');
+const require_SearchResultsFilterButton = require('../../SearchResultsFilterButton-D929tRt9.cjs');
+
+exports.SearchResultsFilterButton = require_SearchResultsFilterButton.SearchResultsFilterButton;

package/dist/components/SearchResultsFilterButton/index.js

@@ -0,0 +1,10 @@
+'use client';
+
+
+import "../../Typography-xehJH05l.js";
+import "../../jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
+import "../../ButtonBase-Cjo-fBg2.js";
+import "../../ButtonBase-D2eXuapk.js";
+import { t as SearchResultsFilterButton } from "../../SearchResultsFilterButton-Dk7u7rgn.js";
+
+export { SearchResultsFilterButton };