@envive-ai/react-toolkit 0.1.5 → 0.1.7

package/dist/SearchInputForm/index.d.ts

@@ -1,32 +1,2 @@
-import { SearchInputVariant } from "../types-nR3jHgIO.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
-
-//#region src/components/SearchInputForm/SearchInputForm.d.ts
-interface SearchInputFormProps {
-  searchInputVariant: SearchInputVariant;
-  searchText: string;
-  autocompleteResults: string[];
-  searchBoxPlaceholder: string;
-  focusedOptionId: string | undefined;
-  isDirty: boolean;
-  focusedIndex: number;
-  onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-  onAutocompleteSelect: (suggestion: string) => void;
-  onSearchInputChange: (value: string) => void;
-  onSearchSubmit: () => void;
-}
-declare const SearchInputForm: ({
-  searchInputVariant,
-  searchText,
-  autocompleteResults,
-  searchBoxPlaceholder,
-  focusedOptionId,
-  isDirty,
-  focusedIndex,
-  onKeyDown,
-  onAutocompleteSelect,
-  onSearchInputChange,
-  onSearchSubmit
-}: SearchInputFormProps) => react_jsx_runtime3.JSX.Element;
-//#endregion
+import { SearchInputForm, SearchInputVariant } from "../index-B8bifyF-.js";
 export { SearchInputForm, SearchInputVariant };

package/dist/SearchInputForm/index.js

@@ -1,12 +1,12 @@
 import "../textVariantClasses-CnjwO2Fv.js";
-import "../TextInput-ChPhL54o.js";
-import "../colorsConfig-CKiMYHO_.js";
-import { SearchInput, searchInputVariantClasses } from "../SearchInput-DxGvYGZO.js";
-import { SearchAutocomplete } from "../SearchAutocomplete-DCu9-Yfk.js";
+import { SearchAutocomplete } from "../SearchAutocomplete-BPjlo6qq.js";
+import "../TextInput-CRMqBW3X.js";
+import "../colorsConfig-BQlaCfxi.js";
+import { SearchInput, searchInputVariantClasses } from "../SearchInput-C0wB4hSV.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/SearchInputForm/SearchInputForm.tsx
-const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, isDirty, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit }) => {
+const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults, searchBoxPlaceholder, focusedOptionId, isDirty, focusedIndex, onKeyDown, onAutocompleteSelect, onSearchInputChange, onSearchSubmit, searchInputDataTestId }) => {
 	const { searchInputIconColor } = searchInputVariantClasses[searchInputVariant];
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("form", {
 		onSubmit: (e) => {
@@ -20,6 +20,7 @@ const SearchInputForm = ({ searchInputVariant, searchText, autocompleteResults,
 			suggestions: autocompleteResults,
 			ariaActivedescendant: focusedOptionId,
 			searchInputVariant,
+			dataTestId: searchInputDataTestId,
 			onKeyDown,
 			onChange: onSearchInputChange
 		})

package/dist/SearchResultsContent/index.cjs

@@ -0,0 +1,64 @@
+const require_chunk = require('../chunk-CUT6urMc.cjs');
+require('../textVariantClasses-BnV4wXaw.cjs');
+require('../Text-CgOYTs8D.cjs');
+require('../DynamicFiltersScrollbar-BTopFhyl.cjs');
+require('../Headline-iP_MckEO.cjs');
+require('../ImageWithFallback-1LqhQK1q.cjs');
+require('../ProductCard-DZZKutY-.cjs');
+require('../Spinner-DzdIkS6t.cjs');
+require('../ProductGrid-BSSmPr7K.cjs');
+require('../colorsConfig-DCvy_dV4.cjs');
+require('../Text-Ji61nRRE.cjs');
+const require_SearchResultsStates = require('../SearchResultsStates-Du7HXBi8.cjs');
+require('../searchFilterSidebarVariants-xyhy0PmQ.cjs');
+require('../SparkleAnimation-D1QpGZIg.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+
+//#region src/components/SearchResultsContent/utils.ts
+let SearchResultsState = /* @__PURE__ */ function(SearchResultsState$1) {
+	SearchResultsState$1[SearchResultsState$1["Loading"] = 0] = "Loading";
+	SearchResultsState$1[SearchResultsState$1["Results"] = 1] = "Results";
+	SearchResultsState$1[SearchResultsState$1["NoResults"] = 2] = "NoResults";
+	return SearchResultsState$1;
+}({});
+const getSearchResultsState = (isLoadingSearch, searchData) => {
+	if (isLoadingSearch) return SearchResultsState.Loading;
+	if (searchData) return SearchResultsState.Results;
+	return SearchResultsState.NoResults;
+};
+
+//#endregion
+//#region src/components/SearchResultsContent/SearchResultsContent.tsx
+const SearchResultsContent = ({ searchResultsState, productList, productCardConfig, merchantShortName, searchFilterSidebarVariant, productGridVariant, productGridClasses, containerXPaddingClasses, selectedFilterOptions, availableDynamicFilters, searchResponseId, onRemoveFilter, onToggleDynamicFilter, noResultsFoundText }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+		searchResultsState === SearchResultsState.NoResults && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.NoSearchResultsFound, {
+			containerPaddingClasses: containerXPaddingClasses,
+			includeBottomMargin: true,
+			noResultsFoundText
+		}),
+		searchResultsState === SearchResultsState.Results && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.SearchResultsGrid, {
+			searchFilterSidebarVariant,
+			productCardConfig,
+			merchantShortName,
+			productList,
+			productGridVariant,
+			productGridClasses,
+			containerXPaddingClasses,
+			selectedFilterOptions,
+			availableDynamicFilters,
+			searchResponseId,
+			onRemoveFilter,
+			onToggleDynamicFilter
+		}),
+		searchResultsState === SearchResultsState.Loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchResultsStates.SearchResultsLoadingGrid, {
+			productGridVariant,
+			productGridClasses
+		})
+	] });
+};
+
+//#endregion
+exports.SearchResultsContent = SearchResultsContent;
+exports.SearchResultsState = SearchResultsState;
+exports.getSearchResultsState = getSearchResultsState;

package/dist/SearchResultsContent/index.d.cts

@@ -0,0 +1,67 @@
+import { SelectedFilterOption } from "../types-CZHc-1wI.cjs";
+import "../types-D2xCS4y9.cjs";
+import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-B3iEVxkL.cjs";
+import "../index-DlvTcfAg.cjs";
+import { SearchFilterSidebarVariant } from "../index-BFdFh46m.cjs";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
+import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
+
+//#region src/components/SearchResultsContent/utils.d.ts
+interface SearchResult {
+  products: SearchResponseProduct[];
+  filters: string[];
+  generatedQuery?: string;
+  totalProductCount: number;
+  searchResponseId: string;
+}
+declare const enum SearchResultsState {
+  Loading = 0,
+  Results = 1,
+  NoResults = 2,
+}
+declare const getSearchResultsState: (isLoadingSearch: boolean, searchData: SearchResult | null) => SearchResultsState;
+//#endregion
+//#region src/components/SearchResultsContent/SearchResultsContent.d.ts
+interface SearchResultsContentProps {
+  searchResultsState: SearchResultsState;
+  productList: SearchResponseProductAttributes['attributes'][];
+  productCardConfig: ProductCardConfig;
+  merchantShortName: string;
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  containerXPaddingClasses: string;
+  selectedFilterOptions: SelectedFilterOption[];
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  searchResponseId: string;
+  onRemoveFilter: (filter: SelectedFilterOption) => void;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+  noResultsFoundText?: string;
+}
+declare const SearchResultsContent: ({
+  searchResultsState,
+  productList,
+  productCardConfig,
+  merchantShortName,
+  searchFilterSidebarVariant,
+  productGridVariant,
+  productGridClasses,
+  containerXPaddingClasses,
+  selectedFilterOptions,
+  availableDynamicFilters,
+  searchResponseId,
+  onRemoveFilter,
+  onToggleDynamicFilter,
+  noResultsFoundText
+}: SearchResultsContentProps) => react_jsx_runtime22.JSX.Element;
+//#endregion
+export { SearchResult, SearchResultsContent, SearchResultsState, getSearchResultsState };

package/dist/SearchResultsContent/index.d.ts

@@ -0,0 +1,67 @@
+import { SelectedFilterOption } from "../types-Bm-qQyO3.js";
+import "../types-C0UWKVvw.js";
+import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-ByucvlTy.js";
+import "../index-DLbdcczl.js";
+import { SearchFilterSidebarVariant } from "../index-14eDYe9f.js";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
+
+//#region src/components/SearchResultsContent/utils.d.ts
+interface SearchResult {
+  products: SearchResponseProduct[];
+  filters: string[];
+  generatedQuery?: string;
+  totalProductCount: number;
+  searchResponseId: string;
+}
+declare const enum SearchResultsState {
+  Loading = 0,
+  Results = 1,
+  NoResults = 2,
+}
+declare const getSearchResultsState: (isLoadingSearch: boolean, searchData: SearchResult | null) => SearchResultsState;
+//#endregion
+//#region src/components/SearchResultsContent/SearchResultsContent.d.ts
+interface SearchResultsContentProps {
+  searchResultsState: SearchResultsState;
+  productList: SearchResponseProductAttributes['attributes'][];
+  productCardConfig: ProductCardConfig;
+  merchantShortName: string;
+  searchFilterSidebarVariant: SearchFilterSidebarVariant;
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  containerXPaddingClasses: string;
+  selectedFilterOptions: SelectedFilterOption[];
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  searchResponseId: string;
+  onRemoveFilter: (filter: SelectedFilterOption) => void;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+  noResultsFoundText?: string;
+}
+declare const SearchResultsContent: ({
+  searchResultsState,
+  productList,
+  productCardConfig,
+  merchantShortName,
+  searchFilterSidebarVariant,
+  productGridVariant,
+  productGridClasses,
+  containerXPaddingClasses,
+  selectedFilterOptions,
+  availableDynamicFilters,
+  searchResponseId,
+  onRemoveFilter,
+  onToggleDynamicFilter,
+  noResultsFoundText
+}: SearchResultsContentProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+export { SearchResult, SearchResultsContent, SearchResultsState, getSearchResultsState };

package/dist/SearchResultsContent/index.js

@@ -0,0 +1,60 @@
+import "../textVariantClasses-CnjwO2Fv.js";
+import "../Text-BMg3d10t.js";
+import "../DynamicFiltersScrollbar-BmPTqym5.js";
+import "../Headline-XpaAeTSR.js";
+import "../ImageWithFallback-Ckwsmd8P.js";
+import "../ProductCard-SF8-lXlT.js";
+import "../Spinner-BgGihEfJ.js";
+import "../ProductGrid-DTUhH219.js";
+import "../colorsConfig-BQlaCfxi.js";
+import "../Text-DkwDPbHy.js";
+import { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid } from "../SearchResultsStates-CNp6YCqF.js";
+import "../searchFilterSidebarVariants-CZT1frB-.js";
+import "../SparkleAnimation-B0u6JtO3.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/SearchResultsContent/utils.ts
+let SearchResultsState = /* @__PURE__ */ function(SearchResultsState$1) {
+	SearchResultsState$1[SearchResultsState$1["Loading"] = 0] = "Loading";
+	SearchResultsState$1[SearchResultsState$1["Results"] = 1] = "Results";
+	SearchResultsState$1[SearchResultsState$1["NoResults"] = 2] = "NoResults";
+	return SearchResultsState$1;
+}({});
+const getSearchResultsState = (isLoadingSearch, searchData) => {
+	if (isLoadingSearch) return SearchResultsState.Loading;
+	if (searchData) return SearchResultsState.Results;
+	return SearchResultsState.NoResults;
+};
+
+//#endregion
+//#region src/components/SearchResultsContent/SearchResultsContent.tsx
+const SearchResultsContent = ({ searchResultsState, productList, productCardConfig, merchantShortName, searchFilterSidebarVariant, productGridVariant, productGridClasses, containerXPaddingClasses, selectedFilterOptions, availableDynamicFilters, searchResponseId, onRemoveFilter, onToggleDynamicFilter, noResultsFoundText }) => {
+	return /* @__PURE__ */ jsxs("div", { children: [
+		searchResultsState === SearchResultsState.NoResults && /* @__PURE__ */ jsx(NoSearchResultsFound, {
+			containerPaddingClasses: containerXPaddingClasses,
+			includeBottomMargin: true,
+			noResultsFoundText
+		}),
+		searchResultsState === SearchResultsState.Results && /* @__PURE__ */ jsx(SearchResultsGrid, {
+			searchFilterSidebarVariant,
+			productCardConfig,
+			merchantShortName,
+			productList,
+			productGridVariant,
+			productGridClasses,
+			containerXPaddingClasses,
+			selectedFilterOptions,
+			availableDynamicFilters,
+			searchResponseId,
+			onRemoveFilter,
+			onToggleDynamicFilter
+		}),
+		searchResultsState === SearchResultsState.Loading && /* @__PURE__ */ jsx(SearchResultsLoadingGrid, {
+			productGridVariant,
+			productGridClasses
+		})
+	] });
+};
+
+//#endregion
+export { SearchResultsContent, SearchResultsState, getSearchResultsState };

package/dist/SearchResultsFilterSidebar/index.cjs

@@ -1,14 +1,17 @@
 const require_chunk = require('../chunk-CUT6urMc.cjs');
-const require_ButtonBase = require('../ButtonBase-Dlh3bpR3.cjs');
+const require_ButtonBase = require('../ButtonBase-DcyxOe2v.cjs');
 require('../textVariantClasses-BnV4wXaw.cjs');
 require('../Text-CgOYTs8D.cjs');
-const require_SearchFilterHeader = require('../SearchFilterHeader-qkRVfAB5.cjs');
-require('../colorsConfig-DulwYRIk.cjs');
-const require_searchFilterSidebarVariants = require('../searchFilterSidebarVariants-DcQLi_TT.cjs');
+require('../ButtonBase-BleAVeo-.cjs');
+const require_SearchFilter = require('../SearchFilter-B15tybnV.cjs');
+require('../colorsConfig-DCvy_dV4.cjs');
+const require_searchFilterSidebarVariants = require('../searchFilterSidebarVariants-xyhy0PmQ.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+let __envive_ai_react_icons_SettingsVariant = require("@envive-ai/react-icons/SettingsVariant");
+__envive_ai_react_icons_SettingsVariant = require_chunk.__toESM(__envive_ai_react_icons_SettingsVariant);
 
 //#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.tsx
 const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, searchFilterSidebarVariant, onSelectFilterItem, onClearAllFilters, filterButtonText }) => {
@@ -16,7 +19,7 @@ const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, s
 	const openFilter = (0, react.useCallback)(() => {
 		setIsOpen(true);
 	}, [setIsOpen]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchFilterHeader.SearchFilter, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchFilter.SearchFilter, {
 		isOpen,
 		setIsOpen,
 		filters: searchFilters,
@@ -30,7 +33,7 @@ const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, s
 		radioButtonHoverColor,
 		radioButtonUncheckedBorderColor,
 		filterCloseIconVariant,
-		headerContent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchFilterHeader.SearchFilterHeader, {
+		headerContent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchFilter.SearchFilterHeader, {
 			closeModal: () => setIsOpen(false),
 			productCount,
 			headerClassName: searchFilterHeaderClasses,
@@ -38,6 +41,7 @@ const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, s
 		})
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonBase.ButtonBase, {
 		onClick: openFilter,
+		icon: __envive_ai_react_icons_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",

package/dist/SearchResultsFilterSidebar/index.d.cts

@@ -1,44 +1,3 @@
-import { SearchFilter, SelectFilterItem } from "../types-BCAU5OQD.cjs";
-import { CloseIconVariant, SearchFilterSidebarVariant } from "../types-5luH4G-3.cjs";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
-
-//#region src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.d.ts
-interface SearchFilterSidebarVariantClasses {
-  searchFilterHeaderClasses: string;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-  filterDefaultClasses: string;
-  filterActiveClasses: string;
-  filterHoverClasses: string;
-  appliedFilterBackgroundClasses: string;
-  applyFiltersUnchangedClasses: string;
-  applyFiltersChangedClasses: string;
-  filterCloseIconVariant: CloseIconVariant;
-}
-declare const searchFilterSidebarVariantClasses: Record<SearchFilterSidebarVariant, SearchFilterSidebarVariantClasses>;
-//#endregion
-//#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.d.ts
-type SearchResultsFilterProps = {
-  productCount: number;
-  isOpen: boolean;
-  setIsOpen: (isOpen: boolean) => void;
-  searchFilters: SearchFilter[];
-  searchFilterSidebarVariant: SearchFilterSidebarVariant;
-  searchText: string;
-  onSelectFilterItem: SelectFilterItem;
-  onClearAllFilters: () => void;
-  filterButtonText: string;
-};
-declare const SearchResultsFilter: ({
-  productCount,
-  isOpen,
-  setIsOpen,
-  searchFilters,
-  searchFilterSidebarVariant,
-  onSelectFilterItem,
-  onClearAllFilters,
-  filterButtonText
-}: SearchResultsFilterProps) => react_jsx_runtime9.JSX.Element;
-//#endregion
-export { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };
+import "../index-DlvTcfAg.cjs";
+import { CloseIconVariant, SearchFilter, SearchFilterItem, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses } from "../index-BFdFh46m.cjs";
+export { CloseIconVariant, SearchFilter, SearchFilterItem, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/SearchResultsFilterSidebar/index.d.ts

@@ -1,44 +1,3 @@
-import { SearchFilter, SelectFilterItem } from "../types-BwPquD10.js";
-import { CloseIconVariant, SearchFilterSidebarVariant } from "../types-BIPqyTOJ.js";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
-
-//#region src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.d.ts
-interface SearchFilterSidebarVariantClasses {
-  searchFilterHeaderClasses: string;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-  filterDefaultClasses: string;
-  filterActiveClasses: string;
-  filterHoverClasses: string;
-  appliedFilterBackgroundClasses: string;
-  applyFiltersUnchangedClasses: string;
-  applyFiltersChangedClasses: string;
-  filterCloseIconVariant: CloseIconVariant;
-}
-declare const searchFilterSidebarVariantClasses: Record<SearchFilterSidebarVariant, SearchFilterSidebarVariantClasses>;
-//#endregion
-//#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.d.ts
-type SearchResultsFilterProps = {
-  productCount: number;
-  isOpen: boolean;
-  setIsOpen: (isOpen: boolean) => void;
-  searchFilters: SearchFilter[];
-  searchFilterSidebarVariant: SearchFilterSidebarVariant;
-  searchText: string;
-  onSelectFilterItem: SelectFilterItem;
-  onClearAllFilters: () => void;
-  filterButtonText: string;
-};
-declare const SearchResultsFilter: ({
-  productCount,
-  isOpen,
-  setIsOpen,
-  searchFilters,
-  searchFilterSidebarVariant,
-  onSelectFilterItem,
-  onClearAllFilters,
-  filterButtonText
-}: SearchResultsFilterProps) => react_jsx_runtime14.JSX.Element;
-//#endregion
-export { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };
+import "../index-DLbdcczl.js";
+import { CloseIconVariant, SearchFilter, SearchFilterItem, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses } from "../index-14eDYe9f.js";
+export { CloseIconVariant, SearchFilter, SearchFilterItem, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/SearchResultsFilterSidebar/index.js

@@ -1,11 +1,13 @@
-import { ButtonBase } from "../ButtonBase-CpmFsiUf.js";
+import { ButtonBase } from "../ButtonBase-BIAu5fIG.js";
 import "../textVariantClasses-CnjwO2Fv.js";
 import "../Text-BMg3d10t.js";
-import { SearchFilter, SearchFilterHeader } from "../SearchFilterHeader-BDEcDc_4.js";
-import "../colorsConfig-CKiMYHO_.js";
-import { searchFilterSidebarVariantClasses } from "../searchFilterSidebarVariants-C_UTEIpZ.js";
+import "../ButtonBase-BRfuPPzN.js";
+import { SearchFilter, SearchFilterHeader } from "../SearchFilter-D427M2UE.js";
+import "../colorsConfig-BQlaCfxi.js";
+import { searchFilterSidebarVariantClasses } from "../searchFilterSidebarVariants-CZT1frB-.js";
 import { useCallback } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import SettingsVariant from "@envive-ai/react-icons/SettingsVariant";
 
 //#region src/components/SearchResultsFilterSidebar/SearchResultsFilter.tsx
 const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, searchFilterSidebarVariant, onSelectFilterItem, onClearAllFilters, filterButtonText }) => {
@@ -35,6 +37,7 @@ const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, s
 		})
 	}), /* @__PURE__ */ jsx(ButtonBase, {
 		onClick: openFilter,
+		icon: SettingsVariant,
 		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",

package/dist/SearchResultsStates/index.cjs

@@ -1,127 +1,17 @@
-const require_chunk = require('../chunk-CUT6urMc.cjs');
 require('../textVariantClasses-BnV4wXaw.cjs');
-const require_Text = require('../Text-CgOYTs8D.cjs');
-const require_DynamicFiltersScrollbar = require('../DynamicFiltersScrollbar-D8Lms7Ox.cjs');
-require('../Headline-CdddUGwy.cjs');
-require('../ImageWithFallback-By6QdlCR.cjs');
-require('../ProductCard-CvTRvhm7.cjs');
-require('../Spinner-DX35Epv3.cjs');
-const require_ProductCardSkeleton = require('../ProductCardSkeleton-BzBK36m-.cjs');
-require('../colorsConfig-DulwYRIk.cjs');
-const require_ProductGrid = require('../ProductGrid-CSIH2_G9.cjs');
-const require_searchFilterSidebarVariants = require('../searchFilterSidebarVariants-DcQLi_TT.cjs');
-const require_SparkleAnimation = require('../SparkleAnimation-j-mAMEZZ.cjs');
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
-let framer_motion = require("framer-motion");
-framer_motion = require_chunk.__toESM(framer_motion);
-let __envive_ai_react_icons_src_Sparkles = require("@envive-ai/react-icons/src/Sparkles");
-__envive_ai_react_icons_src_Sparkles = require_chunk.__toESM(__envive_ai_react_icons_src_Sparkles);
+require('../Text-CgOYTs8D.cjs');
+require('../DynamicFiltersScrollbar-BTopFhyl.cjs');
+require('../Headline-iP_MckEO.cjs');
+require('../ImageWithFallback-1LqhQK1q.cjs');
+require('../ProductCard-DZZKutY-.cjs');
+require('../Spinner-DzdIkS6t.cjs');
+require('../ProductGrid-BSSmPr7K.cjs');
+require('../colorsConfig-DCvy_dV4.cjs');
+require('../Text-Ji61nRRE.cjs');
+const require_SearchResultsStates = require('../SearchResultsStates-Du7HXBi8.cjs');
+require('../searchFilterSidebarVariants-xyhy0PmQ.cjs');
+require('../SparkleAnimation-D1QpGZIg.cjs');
 
-//#region src/components/SearchResultsStates/NoSearchResultsFound.tsx
-const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = false, noResultsFoundText, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
-	const containerClasses = (0, classnames.default)(containerPaddingClasses, includeBottomMargin ? "spiffy-tw-mb-[100vh]" : "", "spiffy-tw-mt-6");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: containerClasses,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "spiffy-tw-flex spiffy-tw-items-start spiffy-tw-gap-2",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_src_Sparkles.default, {
-				className: "spiffy-tw-w-[24px] spiffy-tw-h-[24px]",
-				style: { color: sparkleIconColor }
-			}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
-				variant: "body2",
-				children: noResultsFoundText || "I’m sorry, I wasn’t able to find an exact match. Try changing your filters or adjusting your search query."
-			})]
-		})
-	});
-};
-
-//#endregion
-//#region src/components/SearchResultsStates/SearchResultsGrid.tsx
-const SearchResultsGrid = ({ productList, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, searchResponseId, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter }) => {
-	const sharedFilterBarClasses = (0, classnames.default)("spiffy-suggestion-bar", "spiffy-tw-no-scrollbar", "spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-gap-2", "spiffy-tw-mb-[16px]", "spiffy-tw-overflow-x-scroll", containerXPaddingClasses);
-	const filterBarClasses = (0, classnames.default)(sharedFilterBarClasses, "spiffy-tw-mt-[24px]");
-	const appliedFilterBarClasses = (0, classnames.default)(sharedFilterBarClasses, "spiffy-tw-mb-[32px]", "spiffy-tw-mt-[8px]");
-	const { filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses } = require_searchFilterSidebarVariants.searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.div, {
-		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
-		initial: { opacity: 0 },
-		animate: { opacity: 1 },
-		exit: { opacity: 0 },
-		transition: { duration: .2 },
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DynamicFiltersScrollbar.AppliedFiltersScrollbar, {
-				selectedFilterOptions,
-				filterBarClassNames: appliedFilterBarClasses,
-				filterDefaultClasses,
-				filterHoverClasses,
-				appliedFilterBackgroundClasses,
-				onRemoveFilter
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DynamicFiltersScrollbar.DynamicFiltersScrollbar, {
-				availableDynamicFilters,
-				filterBarClassNames: filterBarClasses,
-				filterDefaultClasses,
-				filterHoverClasses,
-				onToggleDynamicFilter
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductGrid.ProductGrid, {
-				productList,
-				productGridVariant,
-				productGridClasses,
-				searchResponseId,
-				merchantShortName: "",
-				handleClick: function(clickedUrl) {
-					console.log(clickedUrl);
-					throw new Error("Function not implemented.");
-				}
-			})
-		]
-	});
-};
-
-//#endregion
-//#region src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx
-const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
-	const { productCardLayoutVariant, productCardImageAspectRatio } = require_ProductGrid.productGridVariantClasses[productGridVariant];
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
-		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
-		initial: { opacity: 0 },
-		animate: { opacity: 1 },
-		exit: { opacity: 0 },
-		transition: { duration: .2 },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "spiffy-tw-mt-6 spiffy-tw-w-full",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-mb-4",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-2 spiffy-tw-ml-[16px] md:spiffy-tw-ml-[80px]",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "spiffy-tw-width-[24px]",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SparkleAnimation.SparkleAnimation, {
-							color: sparkleIconColor,
-							animate: true
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
-						variant: "body2",
-						children: "Finding the best options for you..."
-					})]
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: productGridClasses,
-				children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductCardSkeleton.ProductCardSkeleton, {
-					layoutVariant: productCardLayoutVariant,
-					aspectRatio: productCardImageAspectRatio,
-					growWithContainer: true
-				}, index))
-			})]
-		})
-	});
-};
-
-//#endregion
-exports.NoSearchResultsFound = NoSearchResultsFound;
-exports.SearchResultsGrid = SearchResultsGrid;
-exports.SearchResultsLoadingGrid = SearchResultsLoadingGrid;
+exports.NoSearchResultsFound = require_SearchResultsStates.NoSearchResultsFound;
+exports.SearchResultsGrid = require_SearchResultsStates.SearchResultsGrid;
+exports.SearchResultsLoadingGrid = require_SearchResultsStates.SearchResultsLoadingGrid;