@envive-ai/react-toolkit 0.1.6 → 0.1.8

package/dist/SearchResultsContent/index.d.cts

@@ -0,0 +1,65 @@
+import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-BCqBaFxm.cjs";
+import { SearchFilterSidebarVariant } from "../index-DV2K-9lE.cjs";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+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_runtime10.JSX.Element;
+//#endregion
+export { SearchResult, SearchResultsContent, SearchResultsState, getSearchResultsState };

package/dist/SearchResultsContent/index.d.ts

@@ -0,0 +1,65 @@
+import { ProductCardConfig, ProductGridVariant, SearchResponseProductAttributes } from "../index-DO4ksBrm.js";
+import { SearchFilterSidebarVariant } from "../index-D8gHW7ox.js";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
+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_runtime13.JSX.Element;
+//#endregion
+export { SearchResult, SearchResultsContent, SearchResultsState, getSearchResultsState };

package/dist/SearchResultsContent/index.js

@@ -0,0 +1,60 @@
+import "../textVariantClasses-D77TGEy1.js";
+import "../Text-Bod4OMPk.js";
+import "../Text-BMsncrpY.js";
+import "../Headline-BkOW1lQj.js";
+import "../ImageWithFallback-Ckwsmd8P.js";
+import "../ProductCard-DCFMFwCH.js";
+import "../Spinner-BgGihEfJ.js";
+import "../ProductGrid-BoJzUK_H.js";
+import "../colorsConfig-BQlaCfxi.js";
+import "../searchFilterSidebarVariants-BWQyiKwS.js";
+import "../DynamicFiltersScrollbar-CCwh0QW4.js";
+import { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid } from "../SearchResultsStates-CEi_RHna.js";
+import "../SparkleAnimation-fQHP7b-R.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,9 +1,9 @@
 const require_chunk = require('../chunk-CUT6urMc.cjs');
-const require_ButtonBase = require('../ButtonBase-DcyxOe2v.cjs');
-require('../textVariantClasses-BnV4wXaw.cjs');
-require('../Text-CgOYTs8D.cjs');
-require('../ButtonBase-BleAVeo-.cjs');
-const require_SearchFilter = require('../SearchFilter-B15tybnV.cjs');
+require('../textVariantClasses-Dgz7Zaql.cjs');
+require('../Text-MQjxqgZZ.cjs');
+const require_ButtonBase = require('../ButtonBase-DGpQBeLR.cjs');
+require('../ButtonBase-DbWQ25n-.cjs');
+const require_SearchFilter = require('../SearchFilter-B8jliRly.cjs');
 require('../colorsConfig-DCvy_dV4.cjs');
 const require_searchFilterSidebarVariants = require('../searchFilterSidebarVariants-D08jyA7U.cjs');
 let react = require("react");
@@ -32,7 +32,6 @@ const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, s
 		radioButtonFillColor,
 		radioButtonHoverColor,
 		radioButtonUncheckedBorderColor,
-		filterCloseIconVariant,
 		headerContent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchFilter.SearchFilterHeader, {
 			closeModal: () => setIsOpen(false),
 			productCount,

package/dist/SearchResultsFilterSidebar/index.d.cts

@@ -1,3 +1,2 @@
-import "../index-B125udRj.cjs";
-import { CloseIconVariant, SearchFilter, SearchFilterItem, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses } from "../index-CQlBDGTL.cjs";
-export { CloseIconVariant, SearchFilter, SearchFilterItem, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };
+import { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses } from "../index-DV2K-9lE.cjs";
+export { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/SearchResultsFilterSidebar/index.d.ts

@@ -1,3 +1,2 @@
-import "../index-DMXTg_9L.js";
-import { CloseIconVariant, SearchFilter, SearchFilterItem, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses } from "../index-B0oln9VD.js";
-export { CloseIconVariant, SearchFilter, SearchFilterItem, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };
+import { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses } from "../index-D8gHW7ox.js";
+export { CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/SearchResultsFilterSidebar/index.js

@@ -1,8 +1,8 @@
-import { ButtonBase } from "../ButtonBase-BIAu5fIG.js";
-import "../textVariantClasses-CnjwO2Fv.js";
-import "../Text-BMg3d10t.js";
-import "../ButtonBase-BRfuPPzN.js";
-import { SearchFilter, SearchFilterHeader } from "../SearchFilter-D427M2UE.js";
+import "../textVariantClasses-D77TGEy1.js";
+import "../Text-Bod4OMPk.js";
+import { ButtonBase } from "../ButtonBase-DGbSm0SJ.js";
+import "../ButtonBase-C_uKnl48.js";
+import { SearchFilter, SearchFilterHeader } from "../SearchFilter-Da6SL9mU.js";
 import "../colorsConfig-BQlaCfxi.js";
 import { searchFilterSidebarVariantClasses } from "../searchFilterSidebarVariants-BWQyiKwS.js";
 import { useCallback } from "react";
@@ -28,7 +28,6 @@ const SearchResultsFilter = ({ productCount, isOpen, setIsOpen, searchFilters, s
 		radioButtonFillColor,
 		radioButtonHoverColor,
 		radioButtonUncheckedBorderColor,
-		filterCloseIconVariant,
 		headerContent: /* @__PURE__ */ jsx(SearchFilterHeader, {
 			closeModal: () => setIsOpen(false),
 			productCount,

package/dist/SearchResultsStates/index.cjs

@@ -1,126 +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-BTopFhyl.cjs');
-require('../Headline-iP_MckEO.cjs');
+require('../textVariantClasses-Dgz7Zaql.cjs');
+require('../Text-MQjxqgZZ.cjs');
+require('../Text-C8t_iEj6.cjs');
+require('../Headline-QpruZlcg.cjs');
 require('../ImageWithFallback-1LqhQK1q.cjs');
-const require_ProductCard = require('../ProductCard-DZZKutY-.cjs');
+require('../ProductCard-BYjPKgX3.cjs');
 require('../Spinner-DzdIkS6t.cjs');
-const require_ProductGrid = require('../ProductGrid-BSSmPr7K.cjs');
+require('../ProductGrid-CJmmGxBQ.cjs');
 require('../colorsConfig-DCvy_dV4.cjs');
-const require_searchFilterSidebarVariants = require('../searchFilterSidebarVariants-D08jyA7U.cjs');
-const require_SparkleAnimation = require('../SparkleAnimation-BhyeL26m.cjs');
-require('../Text-DDT3sqY1.cjs');
-let framer_motion = require("framer-motion");
-framer_motion = require_chunk.__toESM(framer_motion);
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
-let __envive_ai_react_toolkit_Text = require("@envive-ai/react-toolkit/Text");
-__envive_ai_react_toolkit_Text = require_chunk.__toESM(__envive_ai_react_toolkit_Text);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
-let __envive_ai_react_icons_Sparkles = require("@envive-ai/react-icons/Sparkles");
-__envive_ai_react_icons_Sparkles = require_chunk.__toESM(__envive_ai_react_icons_Sparkles);
+require('../searchFilterSidebarVariants-D08jyA7U.cjs');
+require('../DynamicFiltersScrollbar-U9-CmTKd.cjs');
+const require_SearchResultsStates = require('../SearchResultsStates-CJYgUA66.cjs');
+require('../SparkleAnimation-BY5iw7s0.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_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, productCardConfig, merchantShortName, 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,
-				productCardConfig,
-				merchantShortName,
-				searchResponseId
-			})
-		]
-	});
-};
-
-//#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)(__envive_ai_react_toolkit_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_ProductCard.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;

package/dist/SearchResultsStates/index.d.cts

@@ -1,9 +1,7 @@
-import "../types-BQYpWDJ4.cjs";
-import { SelectedFilterOption } from "../types-C-Jrlw5Z.cjs";
-import { ProductCardConfig, ProductGridVariant } from "../index-wYn2mEDm.cjs";
-import "../index-B125udRj.cjs";
-import { SearchFilterSidebarVariant } from "../index-CQlBDGTL.cjs";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import { ProductCardConfig, ProductGridVariant } from "../index-BCqBaFxm.cjs";
+import { SearchFilterSidebarVariant } from "../index-DV2K-9lE.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";
 
 //#region src/components/SearchResultsStates/NoSearchResultsFound.d.ts
@@ -18,7 +16,7 @@ declare const NoSearchResultsFound: ({
   includeBottomMargin,
   noResultsFoundText,
   sparkleIconColor
-}: NoSearchResultsFoundProps) => react_jsx_runtime8.JSX.Element;
+}: NoSearchResultsFoundProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsGrid.d.ts
 interface SearchResultsGridProps {
@@ -57,7 +55,7 @@ declare const SearchResultsGrid: ({
   productGridClasses,
   onRemoveFilter,
   onToggleDynamicFilter
-}: SearchResultsGridProps) => react_jsx_runtime8.JSX.Element;
+}: SearchResultsGridProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
 declare const SearchResultsLoadingGrid: ({
@@ -68,6 +66,6 @@ declare const SearchResultsLoadingGrid: ({
   productGridVariant: ProductGridVariant;
   productGridClasses: string;
   sparkleIconColor?: string;
-}) => react_jsx_runtime8.JSX.Element;
+}) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/SearchResultsStates/index.d.ts

@@ -1,9 +1,7 @@
-import "../types-BruEHw-X.js";
-import { SelectedFilterOption } from "../types-Bm-qQyO3.js";
-import { ProductCardConfig, ProductGridVariant } from "../index-CcnuEYQN.js";
-import "../index-DMXTg_9L.js";
-import { SearchFilterSidebarVariant } from "../index-B0oln9VD.js";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import { ProductCardConfig, ProductGridVariant } from "../index-DO4ksBrm.js";
+import { SearchFilterSidebarVariant } from "../index-D8gHW7ox.js";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/components/SearchResultsStates/NoSearchResultsFound.d.ts
@@ -18,7 +16,7 @@ declare const NoSearchResultsFound: ({
   includeBottomMargin,
   noResultsFoundText,
   sparkleIconColor
-}: NoSearchResultsFoundProps) => react_jsx_runtime14.JSX.Element;
+}: NoSearchResultsFoundProps) => react_jsx_runtime6.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsGrid.d.ts
 interface SearchResultsGridProps {
@@ -57,7 +55,7 @@ declare const SearchResultsGrid: ({
   productGridClasses,
   onRemoveFilter,
   onToggleDynamicFilter
-}: SearchResultsGridProps) => react_jsx_runtime14.JSX.Element;
+}: SearchResultsGridProps) => react_jsx_runtime6.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
 declare const SearchResultsLoadingGrid: ({
@@ -68,6 +66,6 @@ declare const SearchResultsLoadingGrid: ({
   productGridVariant: ProductGridVariant;
   productGridClasses: string;
   sparkleIconColor?: string;
-}) => react_jsx_runtime14.JSX.Element;
+}) => react_jsx_runtime6.JSX.Element;
 //#endregion
 export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/SearchResultsStates/index.js

@@ -1,118 +1,15 @@
-import "../textVariantClasses-CnjwO2Fv.js";
-import { Text as Text$1 } from "../Text-BMg3d10t.js";
-import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "../DynamicFiltersScrollbar-BmPTqym5.js";
-import "../Headline-XpaAeTSR.js";
+import "../textVariantClasses-D77TGEy1.js";
+import "../Text-Bod4OMPk.js";
+import "../Text-BMsncrpY.js";
+import "../Headline-BkOW1lQj.js";
 import "../ImageWithFallback-Ckwsmd8P.js";
-import { ProductCardSkeleton } from "../ProductCard-SF8-lXlT.js";
+import "../ProductCard-DCFMFwCH.js";
 import "../Spinner-BgGihEfJ.js";
-import { ProductGrid, productGridVariantClasses } from "../ProductGrid-DTUhH219.js";
+import "../ProductGrid-BoJzUK_H.js";
 import "../colorsConfig-BQlaCfxi.js";
-import { searchFilterSidebarVariantClasses } from "../searchFilterSidebarVariants-BWQyiKwS.js";
-import { SparkleAnimation } from "../SparkleAnimation-BdOjC8l-.js";
-import "../Text-CV9pv8ds.js";
-import { motion } from "framer-motion";
-import classNames from "classnames";
-import { Text } from "@envive-ai/react-toolkit/Text";
-import { jsx, jsxs } from "react/jsx-runtime";
-import Sparkles from "@envive-ai/react-icons/Sparkles";
+import "../searchFilterSidebarVariants-BWQyiKwS.js";
+import "../DynamicFiltersScrollbar-CCwh0QW4.js";
+import { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid } from "../SearchResultsStates-CEi_RHna.js";
+import "../SparkleAnimation-fQHP7b-R.js";
 
-//#region src/components/SearchResultsStates/NoSearchResultsFound.tsx
-const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = false, noResultsFoundText, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
-	const containerClasses = classNames(containerPaddingClasses, includeBottomMargin ? "spiffy-tw-mb-[100vh]" : "", "spiffy-tw-mt-6");
-	return /* @__PURE__ */ jsx("div", {
-		className: containerClasses,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "spiffy-tw-flex spiffy-tw-items-start spiffy-tw-gap-2",
-			children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Sparkles, {
-				className: "spiffy-tw-w-[24px] spiffy-tw-h-[24px]",
-				style: { color: sparkleIconColor }
-			}) }), /* @__PURE__ */ jsx(Text$1, {
-				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, productCardConfig, merchantShortName, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, searchResponseId, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter }) => {
-	const sharedFilterBarClasses = classNames("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 = classNames(sharedFilterBarClasses, "spiffy-tw-mt-[24px]");
-	const appliedFilterBarClasses = classNames(sharedFilterBarClasses, "spiffy-tw-mb-[32px]", "spiffy-tw-mt-[8px]");
-	const { filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses } = searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
-	return /* @__PURE__ */ jsxs(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__ */ jsx(AppliedFiltersScrollbar, {
-				selectedFilterOptions,
-				filterBarClassNames: appliedFilterBarClasses,
-				filterDefaultClasses,
-				filterHoverClasses,
-				appliedFilterBackgroundClasses,
-				onRemoveFilter
-			}),
-			/* @__PURE__ */ jsx(DynamicFiltersScrollbar, {
-				availableDynamicFilters,
-				filterBarClassNames: filterBarClasses,
-				filterDefaultClasses,
-				filterHoverClasses,
-				onToggleDynamicFilter
-			}),
-			/* @__PURE__ */ jsx(ProductGrid, {
-				productList,
-				productGridVariant,
-				productGridClasses,
-				productCardConfig,
-				merchantShortName,
-				searchResponseId
-			})
-		]
-	});
-};
-
-//#endregion
-//#region src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx
-const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
-	const { productCardLayoutVariant, productCardImageAspectRatio } = productGridVariantClasses[productGridVariant];
-	return /* @__PURE__ */ jsx(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__ */ jsxs("div", {
-			className: "spiffy-tw-mt-6 spiffy-tw-w-full",
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-mb-4",
-				children: /* @__PURE__ */ 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__ */ jsx("div", {
-						className: "spiffy-tw-width-[24px]",
-						children: /* @__PURE__ */ jsx(SparkleAnimation, {
-							color: sparkleIconColor,
-							animate: true
-						})
-					}), /* @__PURE__ */ jsx(Text, {
-						variant: "body2",
-						children: "Finding the best options for you..."
-					})]
-				})
-			}), /* @__PURE__ */ jsx("div", {
-				className: productGridClasses,
-				children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ jsx(ProductCardSkeleton, {
-					layoutVariant: productCardLayoutVariant,
-					aspectRatio: productCardImageAspectRatio,
-					growWithContainer: true
-				}, index))
-			})]
-		})
-	});
-};
-
-//#endregion
 export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };