@envive-ai/react-toolkit 0.1.5 → 0.1.6

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-B125udRj.cjs";
+import { CloseIconVariant, SearchFilter, SearchFilterItem, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses } from "../index-CQlBDGTL.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-DMXTg_9L.js";
+import { CloseIconVariant, SearchFilter, SearchFilterItem, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses } from "../index-B0oln9VD.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-BWQyiKwS.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,24 +1,26 @@
 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');
+const require_DynamicFiltersScrollbar = require('../DynamicFiltersScrollbar-BTopFhyl.cjs');
+require('../Headline-iP_MckEO.cjs');
+require('../ImageWithFallback-1LqhQK1q.cjs');
+const require_ProductCard = require('../ProductCard-DZZKutY-.cjs');
+require('../Spinner-DzdIkS6t.cjs');
+const require_ProductGrid = require('../ProductGrid-BSSmPr7K.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 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);
+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);
 
 //#region src/components/SearchResultsStates/NoSearchResultsFound.tsx
 const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = false, noResultsFoundText, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
@@ -27,7 +29,7 @@ const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = f
 		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, {
+			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, {
@@ -40,7 +42,7 @@ const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = f
 
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsGrid.tsx
-const SearchResultsGrid = ({ productList, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, searchResponseId, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter }) => {
+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]");
@@ -71,12 +73,9 @@ const SearchResultsGrid = ({ productList, availableDynamicFilters, searchFilterS
 				productList,
 				productGridVariant,
 				productGridClasses,
-				searchResponseId,
-				merchantShortName: "",
-				handleClick: function(clickedUrl) {
-					console.log(clickedUrl);
-					throw new Error("Function not implemented.");
-				}
+				productCardConfig,
+				merchantShortName,
+				searchResponseId
 			})
 		]
 	});
@@ -104,14 +103,14 @@ const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, spar
 							color: sparkleIconColor,
 							animate: true
 						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+					}), /* @__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_ProductCardSkeleton.ProductCardSkeleton, {
+				children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductCard.ProductCardSkeleton, {
 					layoutVariant: productCardLayoutVariant,
 					aspectRatio: productCardImageAspectRatio,
 					growWithContainer: true

package/dist/SearchResultsStates/index.d.cts

@@ -1,7 +1,10 @@
+import "../types-BQYpWDJ4.cjs";
 import { SelectedFilterOption } from "../types-C-Jrlw5Z.cjs";
-import { ProductGridVariant, SearchResponseProduct } from "../types-Dvgr3ZeV.cjs";
-import { SearchFilterSidebarVariant } from "../types-5luH4G-3.cjs";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+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 { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/components/SearchResultsStates/NoSearchResultsFound.d.ts
 interface NoSearchResultsFoundProps {
@@ -15,11 +18,13 @@ declare const NoSearchResultsFound: ({
   includeBottomMargin,
   noResultsFoundText,
   sparkleIconColor
-}: NoSearchResultsFoundProps) => react_jsx_runtime3.JSX.Element;
+}: NoSearchResultsFoundProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsGrid.d.ts
 interface SearchResultsGridProps {
   productList: SearchResponseProduct[];
+  productCardConfig: ProductCardConfig;
+  merchantShortName: string;
   availableDynamicFilters: {
     name: string;
     displayName: string;
@@ -41,6 +46,8 @@ interface SearchResultsGridProps {
 }
 declare const SearchResultsGrid: ({
   productList,
+  productCardConfig,
+  merchantShortName,
   availableDynamicFilters,
   searchFilterSidebarVariant,
   productGridVariant,
@@ -50,7 +57,7 @@ declare const SearchResultsGrid: ({
   productGridClasses,
   onRemoveFilter,
   onToggleDynamicFilter
-}: SearchResultsGridProps) => react_jsx_runtime3.JSX.Element;
+}: SearchResultsGridProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
 declare const SearchResultsLoadingGrid: ({
@@ -61,6 +68,6 @@ declare const SearchResultsLoadingGrid: ({
   productGridVariant: ProductGridVariant;
   productGridClasses: string;
   sparkleIconColor?: string;
-}) => react_jsx_runtime3.JSX.Element;
+}) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/SearchResultsStates/index.d.ts

@@ -1,7 +1,10 @@
-import { SelectedFilterOption } from "../types-B19i3fxM.js";
-import { ProductGridVariant, SearchResponseProduct } from "../types-B7hf-Lif.js";
-import { SearchFilterSidebarVariant } from "../types-BIPqyTOJ.js";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+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 { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/components/SearchResultsStates/NoSearchResultsFound.d.ts
 interface NoSearchResultsFoundProps {
@@ -15,11 +18,13 @@ declare const NoSearchResultsFound: ({
   includeBottomMargin,
   noResultsFoundText,
   sparkleIconColor
-}: NoSearchResultsFoundProps) => react_jsx_runtime10.JSX.Element;
+}: NoSearchResultsFoundProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsGrid.d.ts
 interface SearchResultsGridProps {
   productList: SearchResponseProduct[];
+  productCardConfig: ProductCardConfig;
+  merchantShortName: string;
   availableDynamicFilters: {
     name: string;
     displayName: string;
@@ -41,6 +46,8 @@ interface SearchResultsGridProps {
 }
 declare const SearchResultsGrid: ({
   productList,
+  productCardConfig,
+  merchantShortName,
   availableDynamicFilters,
   searchFilterSidebarVariant,
   productGridVariant,
@@ -50,7 +57,7 @@ declare const SearchResultsGrid: ({
   productGridClasses,
   onRemoveFilter,
   onToggleDynamicFilter
-}: SearchResultsGridProps) => react_jsx_runtime10.JSX.Element;
+}: SearchResultsGridProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsLoadingGrid.d.ts
 declare const SearchResultsLoadingGrid: ({
@@ -61,6 +68,6 @@ declare const SearchResultsLoadingGrid: ({
   productGridVariant: ProductGridVariant;
   productGridClasses: string;
   sparkleIconColor?: string;
-}) => react_jsx_runtime10.JSX.Element;
+}) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/SearchResultsStates/index.js

@@ -1,19 +1,20 @@
 import "../textVariantClasses-CnjwO2Fv.js";
-import { Text } from "../Text-BMg3d10t.js";
-import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "../DynamicFiltersScrollbar-t_JASmYC.js";
-import "../Headline-COAnonc2.js";
-import "../ImageWithFallback-DtUrq_bk.js";
-import "../ProductCard-aJbQz6Q7.js";
-import "../Spinner-D9kkaM9d.js";
-import { ProductCardSkeleton } from "../ProductCardSkeleton-B6YetUCT.js";
-import "../colorsConfig-CKiMYHO_.js";
-import { ProductGrid, productGridVariantClasses } from "../ProductGrid-NOCayW9O.js";
-import { searchFilterSidebarVariantClasses } from "../searchFilterSidebarVariants-C_UTEIpZ.js";
-import { SparkleAnimation } from "../SparkleAnimation-DfMCtvAQ.js";
+import { Text as Text$1 } from "../Text-BMg3d10t.js";
+import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "../DynamicFiltersScrollbar-BmPTqym5.js";
+import "../Headline-XpaAeTSR.js";
+import "../ImageWithFallback-Ckwsmd8P.js";
+import { ProductCardSkeleton } from "../ProductCard-SF8-lXlT.js";
+import "../Spinner-BgGihEfJ.js";
+import { ProductGrid, productGridVariantClasses } from "../ProductGrid-DTUhH219.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 { motion } from "framer-motion";
-import Sparkles from "@envive-ai/react-icons/src/Sparkles";
+import Sparkles from "@envive-ai/react-icons/Sparkles";
 
 //#region src/components/SearchResultsStates/NoSearchResultsFound.tsx
 const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = false, noResultsFoundText, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
@@ -25,7 +26,7 @@ const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = f
 			children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Sparkles, {
 				className: "spiffy-tw-w-[24px] spiffy-tw-h-[24px]",
 				style: { color: sparkleIconColor }
-			}) }), /* @__PURE__ */ jsx(Text, {
+			}) }), /* @__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."
 			})]
@@ -35,7 +36,7 @@ const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = f
 
 //#endregion
 //#region src/components/SearchResultsStates/SearchResultsGrid.tsx
-const SearchResultsGrid = ({ productList, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, searchResponseId, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter }) => {
+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]");
@@ -66,12 +67,9 @@ const SearchResultsGrid = ({ productList, availableDynamicFilters, searchFilterS
 				productList,
 				productGridVariant,
 				productGridClasses,
-				searchResponseId,
-				merchantShortName: "",
-				handleClick: function(clickedUrl) {
-					console.log(clickedUrl);
-					throw new Error("Function not implemented.");
-				}
+				productCardConfig,
+				merchantShortName,
+				searchResponseId
 			})
 		]
 	});

package/dist/SparkleAnimation/index.cjs

@@ -1,4 +1,4 @@
-const require_SparkleAnimation = require('../SparkleAnimation-j-mAMEZZ.cjs');
+const require_SparkleAnimation = require('../SparkleAnimation-BhyeL26m.cjs');
 
 exports.SparkleAnimation = require_SparkleAnimation.SparkleAnimation;
 exports.SparkleAnimationOverride = require_SparkleAnimation.SparkleAnimationOverride;

package/dist/SparkleAnimation/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/components/SparkleAnimation/SparkleAnimation.d.ts
 interface SparkleAnimationProps {
@@ -10,7 +10,7 @@ declare const SparkleAnimation: ({
   color,
   className,
   animate
-}: SparkleAnimationProps) => react_jsx_runtime8.JSX.Element;
+}: SparkleAnimationProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 //#region src/components/SparkleAnimation/types.d.ts
 declare enum SparkleAnimationOverride {

package/dist/SparkleAnimation/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/SparkleAnimation/SparkleAnimation.d.ts
 interface SparkleAnimationProps {
@@ -10,7 +10,7 @@ declare const SparkleAnimation: ({
   color,
   className,
   animate
-}: SparkleAnimationProps) => react_jsx_runtime15.JSX.Element;
+}: SparkleAnimationProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 //#region src/components/SparkleAnimation/types.d.ts
 declare enum SparkleAnimationOverride {

package/dist/SparkleAnimation/index.js

@@ -1,3 +1,3 @@
-import { SparkleAnimation, SparkleAnimationOverride } from "../SparkleAnimation-DfMCtvAQ.js";
+import { SparkleAnimation, SparkleAnimationOverride } from "../SparkleAnimation-BdOjC8l-.js";
 
 export { SparkleAnimation, SparkleAnimationOverride };

package/dist/{SparkleAnimation-DfMCtvAQ.js → SparkleAnimation-BdOjC8l-.js}

@@ -1,7 +1,7 @@
-import classNames from "classnames";
+import { motion } from "framer-motion";
 import { useEffect, useState } from "react";
+import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { motion } from "framer-motion";
 import FourPointStar from "@envive-ai/react-icons/src/FourPointStar";
 
 //#region src/components/SparkleAnimation/types.ts

package/dist/{SparkleAnimation-j-mAMEZZ.cjs → SparkleAnimation-BhyeL26m.cjs}

@@ -1,12 +1,12 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
+let framer_motion = require("framer-motion");
+framer_motion = require_chunk.__toESM(framer_motion);
 let react = require("react");
 react = require_chunk.__toESM(react);
+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_FourPointStar = require("@envive-ai/react-icons/src/FourPointStar");
 __envive_ai_react_icons_src_FourPointStar = require_chunk.__toESM(__envive_ai_react_icons_src_FourPointStar);
 

package/dist/Spinner/index.cjs

@@ -1,3 +1,3 @@
-const require_Spinner = require('../Spinner-DX35Epv3.cjs');
+const require_Spinner = require('../Spinner-DzdIkS6t.cjs');
 
 exports.Spinner = require_Spinner.Spinner;

package/dist/Spinner/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/Spinner/Spinner.d.ts
 type SpinnerProps = {
@@ -6,6 +6,6 @@ type SpinnerProps = {
 };
 declare const Spinner: ({
   className
-}: SpinnerProps) => react_jsx_runtime16.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { Spinner };

package/dist/Spinner/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/components/Spinner/Spinner.d.ts
 type SpinnerProps = {
@@ -6,6 +6,6 @@ type SpinnerProps = {
 };
 declare const Spinner: ({
   className
-}: SpinnerProps) => react_jsx_runtime0.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime20.JSX.Element;
 //#endregion
 export { Spinner };

package/dist/Spinner/index.js

@@ -1,3 +1,3 @@
-import { Spinner } from "../Spinner-D9kkaM9d.js";
+import { Spinner } from "../Spinner-BgGihEfJ.js";
 
 export { Spinner };

package/dist/SuggestionButton/index.cjs

@@ -1,15 +1,15 @@
 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');
 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 __envive_ai_react_icons_src_OutlinedStar = require("@envive-ai/react-icons/src/OutlinedStar");
-__envive_ai_react_icons_src_OutlinedStar = require_chunk.__toESM(__envive_ai_react_icons_src_OutlinedStar);
 let __envive_ai_react_icons_src_FourPointStar = require("@envive-ai/react-icons/src/FourPointStar");
 __envive_ai_react_icons_src_FourPointStar = require_chunk.__toESM(__envive_ai_react_icons_src_FourPointStar);
+let __envive_ai_react_icons_src_OutlinedStar = require("@envive-ai/react-icons/src/OutlinedStar");
+__envive_ai_react_icons_src_OutlinedStar = require_chunk.__toESM(__envive_ai_react_icons_src_OutlinedStar);
 
 //#region src/components/SuggestionButton/SuggestionButton.tsx
 const SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS = "spiffy-suggestion-button-question-class";

package/dist/SuggestionButton/index.d.cts

@@ -1,5 +1,5 @@
 import { TestProps } from "../types-BQYpWDJ4.cjs";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/components/SuggestionButton/types.d.ts
 type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
@@ -30,6 +30,6 @@ declare const SuggestionButton: ({
   dataAttributes,
   dataTestId,
   onClick
-}: SuggestionButtonProps) => react_jsx_runtime11.JSX.Element;
+}: SuggestionButtonProps) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };

package/dist/SuggestionButton/index.d.ts

@@ -1,5 +1,5 @@
-import { TestProps } from "../types-DpfHwTzY.js";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import { TestProps } from "../types-BruEHw-X.js";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/SuggestionButton/types.d.ts
 type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
@@ -30,6 +30,6 @@ declare const SuggestionButton: ({
   dataAttributes,
   dataTestId,
   onClick
-}: SuggestionButtonProps) => react_jsx_runtime16.JSX.Element;
+}: SuggestionButtonProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };

package/dist/SuggestionButton/index.js

@@ -1,10 +1,10 @@
-import { ButtonBase } from "../ButtonBase-CpmFsiUf.js";
+import { ButtonBase } from "../ButtonBase-BIAu5fIG.js";
 import "../textVariantClasses-CnjwO2Fv.js";
 import "../Text-BMg3d10t.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
-import OutlinedStar from "@envive-ai/react-icons/src/OutlinedStar";
 import FourPointStar from "@envive-ai/react-icons/src/FourPointStar";
+import OutlinedStar from "@envive-ai/react-icons/src/OutlinedStar";
 
 //#region src/components/SuggestionButton/SuggestionButton.tsx
 const SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS = "spiffy-suggestion-button-question-class";

package/dist/Text/index.cjs

@@ -1,16 +1,8 @@
 const require_textVariantClasses = require('../textVariantClasses-BnV4wXaw.cjs');
 const require_Text = require('../Text-CgOYTs8D.cjs');
+const require_Text$1 = require('../Text-DDT3sqY1.cjs');
 
-//#region src/components/Text/types.ts
-let ExpandableTextOverrides = /* @__PURE__ */ function(ExpandableTextOverrides$1) {
-	ExpandableTextOverrides$1["EXPANDABLE_TEXT_CONTAINER"] = "spiffy-expandable-text-container";
-	ExpandableTextOverrides$1["EXPANDABLE_TEXT"] = "spiffy-expandable-text";
-	ExpandableTextOverrides$1["EXPANDABLE_BUTTON"] = "spiffy-expandable-button";
-	return ExpandableTextOverrides$1;
-}({});
-
-//#endregion
-exports.ExpandableTextOverrides = ExpandableTextOverrides;
+exports.ExpandableTextOverrides = require_Text$1.ExpandableTextOverrides;
 exports.HeadlineVariantMap = require_textVariantClasses.HeadlineVariantMap;
 exports.Text = require_Text.Text;
 exports.TextStyleVariantMap = require_textVariantClasses.TextStyleVariantMap;

package/dist/Text/index.d.cts

@@ -1,5 +1,5 @@
-import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-DwnnFNBf.cjs";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-Cdg-UUHi.cjs";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/Text/types.d.ts
 declare enum ExpandableTextOverrides {
@@ -37,6 +37,6 @@ declare const Text: ({
   testId,
   type,
   variant
-}: TextProps) => react_jsx_runtime5.JSX.Element;
+}: TextProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { ExpandableTextOverrides, HeadlineProps, HeadlineVariant, HeadlineVariantMap, Text, TextStyleVariantMap, TextType, TextVariant, TextVariantMap, getVariantPlaceholderClassNames };

package/dist/Text/index.d.ts

@@ -1,5 +1,5 @@
-import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-sT9E8Uty.js";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-C8OCWZAw.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Text/types.d.ts
 declare enum ExpandableTextOverrides {
@@ -37,6 +37,6 @@ declare const Text: ({
   testId,
   type,
   variant
-}: TextProps) => react_jsx_runtime11.JSX.Element;
+}: TextProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ExpandableTextOverrides, HeadlineProps, HeadlineVariant, HeadlineVariantMap, Text, TextStyleVariantMap, TextType, TextVariant, TextVariantMap, getVariantPlaceholderClassNames };