@envive-ai/react-toolkit 0.2.11 → 0.2.12

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.cts → components/SearchInput/index-UY0W77Y0.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-CQpdBL3M.js";
+import { r as TypographyVariantMap } from "../../typographyVariantClasses-CrT5OfVw.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,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.ts → components/SearchInputForm/index-_sR_KugL.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-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_runtime8.JSX.Element;
+}: SearchInputFormProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { SearchInputForm };

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

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
-import { SearchInputVariant } from "@envive-ai/types";
+import { t as SearchInputVariant } from "../../types--eyQnaEA.cjs";
+import * as react_jsx_runtime12 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_runtime5.JSX.Element;
+}: SearchInputFormProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { SearchInputForm };

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,15 +1,19 @@
-import * as react_jsx_runtime15 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-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: {
@@ -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_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,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-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: {
@@ -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/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 };

package/dist/components/SearchResultsFilterButton/index.cjs

@@ -0,0 +1,9 @@
+'use client';
+
+
+require('../../Typography-Ds4gfOJz.cjs');
+require('../../ButtonBase-BMEAmPnS.cjs');
+require('../../ButtonBase-BIXx56hq.cjs');
+const require_SearchResultsFilterButton = require('../../SearchResultsFilterButton-BedTofz5.cjs');
+
+exports.SearchResultsFilterButton = require_SearchResultsFilterButton.SearchResultsFilterButton;

package/dist/components/SearchResultsFilterButton/index.js

@@ -0,0 +1,9 @@
+'use client';
+
+
+import "../../Typography-xehJH05l.js";
+import "../../ButtonBase-CT397aT3.js";
+import "../../ButtonBase-C9fn-c5h.js";
+import { t as SearchResultsFilterButton } from "../../SearchResultsFilterButton-CV11UTGi.js";
+
+export { SearchResultsFilterButton };

package/dist/components/SearchResultsFilterModal/index-BNZEJiXR.d.cts

@@ -0,0 +1,27 @@
+import { a as SearchFilterSidebarVariant } from "../../index-BKYA7uMB.cjs";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+import { SearchFilterDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
+
+//#region src/components/SearchResultsFilterModal/SearchResultsFilterModal.d.ts
+type SearchResultsFilterModalProps = {
+  productCount: number;
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+  searchFilters: SearchFilterDatum[];
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  onSelectFilterItem: SelectFilterItem;
+  onClearAllFilters: () => void;
+  filterButtonText: string;
+};
+declare const SearchResultsFilterModal: ({
+  productCount,
+  isOpen,
+  setIsOpen,
+  searchFilters,
+  searchFilterSidebarVariant,
+  onSelectFilterItem,
+  onClearAllFilters,
+  filterButtonText
+}: SearchResultsFilterModalProps) => react_jsx_runtime7.JSX.Element;
+//#endregion
+export { SearchResultsFilterModal, SearchResultsFilterModalProps };

package/dist/components/SearchResultsFilterModal/index-CXBAA2-F.d.ts

@@ -0,0 +1,27 @@
+import { a as SearchFilterSidebarVariant } from "../../index-8cIrhPDk.js";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+import { SearchFilterDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
+
+//#region src/components/SearchResultsFilterModal/SearchResultsFilterModal.d.ts
+type SearchResultsFilterModalProps = {
+  productCount: number;
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+  searchFilters: SearchFilterDatum[];
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  onSelectFilterItem: SelectFilterItem;
+  onClearAllFilters: () => void;
+  filterButtonText: string;
+};
+declare const SearchResultsFilterModal: ({
+  productCount,
+  isOpen,
+  setIsOpen,
+  searchFilters,
+  searchFilterSidebarVariant,
+  onSelectFilterItem,
+  onClearAllFilters,
+  filterButtonText
+}: SearchResultsFilterModalProps) => react_jsx_runtime7.JSX.Element;
+//#endregion
+export { SearchResultsFilterModal, SearchResultsFilterModalProps };

package/dist/components/SearchResultsFilterModal/index.cjs

@@ -0,0 +1,47 @@
+'use client';
+
+
+const require_chunk = require('../../chunk-CUT6urMc.cjs');
+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');
+require('../../colorsConfig-D-MZuBvt.cjs');
+const require_searchFilterSidebarVariants = require('../../searchFilterSidebarVariants-C61Byr1S.cjs');
+require('../../SearchResultsFilterSidebar-Dgz98oyD.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/SearchResultsFilterModal/SearchResultsFilterModal.tsx
+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_SearchFilter.SearchFilterHeader, {
+			closeModal: () => setIsOpen(false),
+			productCount,
+			headerClassName: searchFilterHeaderClasses,
+			filterCloseIconVariant
+		})
+	});
+};
+
+//#endregion
+exports.SearchResultsFilterModal = SearchResultsFilterModal;

package/dist/components/SearchResultsFilterModal/index.js

@@ -0,0 +1,46 @@
+'use client';
+
+
+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 { n as SearchFilter, o as SearchFilterHeader } from "../../SearchFilter-CYY5sNXV.js";
+import "../../ToggleButton-BTz_zIdc.js";
+import "../../colorsConfig-BjdoRtRK.js";
+import { t as searchFilterSidebarVariantClasses } from "../../searchFilterSidebarVariants-DcwlBfvY.js";
+import "../../SearchResultsFilterSidebar-Bvpk7Uoo.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/SearchResultsFilterModal/SearchResultsFilterModal.tsx
+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/components/SearchResultsFilterSidebar/index-BDcl27l4.d.ts

@@ -0,0 +1,2 @@
+import { a as SearchFilterSidebarVariant, i as CloseIconVariant, n as SearchResultsFilterProps, r as searchFilterSidebarVariantClasses, t as SearchResultsFilter } from "../../index-8cIrhPDk.js";
+export { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/components/SearchResultsFilterSidebar/index-DgPB1knO.d.cts

@@ -0,0 +1,2 @@
+import { a as SearchFilterSidebarVariant, i as CloseIconVariant, n as SearchResultsFilterProps, r as searchFilterSidebarVariantClasses, t as SearchResultsFilter } from "../../index-BKYA7uMB.cjs";
+export { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/components/SearchResultsFilterSidebar/index.cjs

@@ -0,0 +1,16 @@
+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');
+require('../../SearchFilter-DxrQOLx0.cjs');
+require('../../ToggleButton-CmxTz-ou.cjs');
+require('../../colorsConfig-D-MZuBvt.cjs');
+const require_searchFilterSidebarVariants = require('../../searchFilterSidebarVariants-C61Byr1S.cjs');
+const require_SearchResultsFilterSidebar = require('../../SearchResultsFilterSidebar-Dgz98oyD.cjs');
+
+exports.SearchResultsFilter = require_SearchResultsFilterSidebar.SearchResultsFilter;
+exports.searchFilterSidebarVariantClasses = require_searchFilterSidebarVariants.searchFilterSidebarVariantClasses;

package/dist/components/SearchResultsFilterSidebar/index.js

@@ -0,0 +1,15 @@
+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 "../../SearchFilter-CYY5sNXV.js";
+import "../../ToggleButton-BTz_zIdc.js";
+import "../../colorsConfig-BjdoRtRK.js";
+import { t as searchFilterSidebarVariantClasses } from "../../searchFilterSidebarVariants-DcwlBfvY.js";
+import { t as SearchResultsFilter } from "../../SearchResultsFilterSidebar-Bvpk7Uoo.js";
+
+export { SearchResultsFilter, searchFilterSidebarVariantClasses };