@envive-ai/react-toolkit 0.1.6 → 0.1.8

package/dist/{ProductCard-SF8-lXlT.js → ProductCard-DCFMFwCH.js}

@@ -1,5 +1,5 @@
-import { Text } from "./Text-BMg3d10t.js";
-import { Headline } from "./Headline-XpaAeTSR.js";
+import { Text } from "./Text-Bod4OMPk.js";
+import { Headline } from "./Headline-BkOW1lQj.js";
 import { ImageWithFallback } from "./ImageWithFallback-Ckwsmd8P.js";
 import { Spinner } from "./Spinner-BgGihEfJ.js";
 import classNames from "classnames";

package/dist/ProductGrid/index.cjs

@@ -1,10 +1,10 @@
-require('../textVariantClasses-BnV4wXaw.cjs');
-require('../Text-CgOYTs8D.cjs');
-require('../Headline-iP_MckEO.cjs');
+require('../textVariantClasses-Dgz7Zaql.cjs');
+require('../Text-MQjxqgZZ.cjs');
+require('../Headline-QpruZlcg.cjs');
 require('../ImageWithFallback-1LqhQK1q.cjs');
-require('../ProductCard-DZZKutY-.cjs');
+require('../ProductCard-BYjPKgX3.cjs');
 require('../Spinner-DzdIkS6t.cjs');
-const require_ProductGrid = require('../ProductGrid-BSSmPr7K.cjs');
+const require_ProductGrid = require('../ProductGrid-CJmmGxBQ.cjs');
 
 exports.ProductGrid = require_ProductGrid.ProductGrid;
 exports.productGridVariantClasses = require_ProductGrid.productGridVariantClasses;

package/dist/ProductGrid/index.d.cts

@@ -1,6 +1,5 @@
-import "../types-BQYpWDJ4.cjs";
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-wYn2mEDm.cjs";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-BCqBaFxm.cjs";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
@@ -12,6 +11,7 @@ interface ProductGridProps {
   merchantShortName: string;
   searchResponseId: string;
   cardsGrowWithContainer?: boolean;
+  cardDisplayLocation: string;
 }
 declare const ProductGrid: ({
   productList,
@@ -20,8 +20,9 @@ declare const ProductGrid: ({
   productCardConfig,
   merchantShortName,
   searchResponseId,
-  cardsGrowWithContainer
-}: ProductGridProps) => react_jsx_runtime20.JSX.Element;
+  cardsGrowWithContainer,
+  cardDisplayLocation
+}: ProductGridProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 //#region src/components/ProductGrid/productGridVariants.d.ts
 interface ProductGridVariantClasses {

package/dist/ProductGrid/index.d.ts

@@ -1,6 +1,5 @@
-import "../types-BruEHw-X.js";
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-CcnuEYQN.js";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-DO4ksBrm.js";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
@@ -12,6 +11,7 @@ interface ProductGridProps {
   merchantShortName: string;
   searchResponseId: string;
   cardsGrowWithContainer?: boolean;
+  cardDisplayLocation: string;
 }
 declare const ProductGrid: ({
   productList,
@@ -20,8 +20,9 @@ declare const ProductGrid: ({
   productCardConfig,
   merchantShortName,
   searchResponseId,
-  cardsGrowWithContainer
-}: ProductGridProps) => react_jsx_runtime11.JSX.Element;
+  cardsGrowWithContainer,
+  cardDisplayLocation
+}: ProductGridProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/components/ProductGrid/productGridVariants.d.ts
 interface ProductGridVariantClasses {

package/dist/ProductGrid/index.js

@@ -1,9 +1,9 @@
-import "../textVariantClasses-CnjwO2Fv.js";
-import "../Text-BMg3d10t.js";
-import "../Headline-XpaAeTSR.js";
+import "../textVariantClasses-D77TGEy1.js";
+import "../Text-Bod4OMPk.js";
+import "../Headline-BkOW1lQj.js";
 import "../ImageWithFallback-Ckwsmd8P.js";
-import "../ProductCard-SF8-lXlT.js";
+import "../ProductCard-DCFMFwCH.js";
 import "../Spinner-BgGihEfJ.js";
-import { ProductGrid, productGridVariantClasses } from "../ProductGrid-DTUhH219.js";
+import { ProductGrid, productGridVariantClasses } from "../ProductGrid-BoJzUK_H.js";
 
 export { ProductGrid, productGridVariantClasses };

package/dist/{ProductGrid-DTUhH219.js → ProductGrid-BoJzUK_H.js}

@@ -1,32 +1,7 @@
-import { ProductCard } from "./ProductCard-SF8-lXlT.js";
+import { ProductCard } from "./ProductCard-DCFMFwCH.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/config/chatElementDisplayLocation.ts
-let ChatElementDisplayLocation = /* @__PURE__ */ function(ChatElementDisplayLocation$1) {
-	ChatElementDisplayLocation$1["IN_CHAT"] = "in_chat";
-	ChatElementDisplayLocation$1["CHAT_PREVIEW"] = "chat_preview";
-	ChatElementDisplayLocation$1["FLOATING_BUTTON"] = "floating_button";
-	ChatElementDisplayLocation$1["HELP_ME_CHOOSE"] = "help_me_choose";
-	ChatElementDisplayLocation$1["PLP_IMAGE_BANNER"] = "plp_image_banner";
-	ChatElementDisplayLocation$1["TOP_REVIEWS_SNIPPET"] = "top_reviews_snippet";
-	ChatElementDisplayLocation$1["BOTTOM_REVIEWS_SNIPPET"] = "bottom_reviews_snippet";
-	ChatElementDisplayLocation$1["BLOCK_BACK_BUTTON"] = "block_back_button";
-	ChatElementDisplayLocation$1["SWITCH_TO_AGENT"] = "switch_to_agent";
-	ChatElementDisplayLocation$1["CONVERSATIONAL_SEARCH"] = "conversational_search";
-	ChatElementDisplayLocation$1["GLOBAL_SEARCH_ENTRYPOINT"] = "global_search_entrypoint";
-	ChatElementDisplayLocation$1["SEARCH_NAV_ENTRYPOINT"] = "search_nav_entrypoint";
-	ChatElementDisplayLocation$1["SEARCH_PROMPT"] = "search_prompt";
-	ChatElementDisplayLocation$1["SEARCH_PROMPT_BUTTON"] = "search_prompt_button";
-	ChatElementDisplayLocation$1["PRODUCT_GRID"] = "product_grid";
-	ChatElementDisplayLocation$1["UNSPECIFIED"] = "unspecified";
-	ChatElementDisplayLocation$1["FILTER_MODAL"] = "filter_modal";
-	ChatElementDisplayLocation$1["PROMPT_CARD"] = "prompt_card";
-	ChatElementDisplayLocation$1["WINDOW_API_CALL"] = "window_api_call";
-	return ChatElementDisplayLocation$1;
-}({});
-
-//#endregion
 //#region src/components/ProductGrid/productGridVariants.ts
 const productGridVariantClasses = {
 	standard: {
@@ -47,7 +22,7 @@ const productGridVariantClasses = {
 
 //#endregion
 //#region src/components/ProductGrid/ProductGrid.tsx
-const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, searchResponseId, cardsGrowWithContainer = true }) => {
+const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, searchResponseId, cardsGrowWithContainer = true, cardDisplayLocation }) => {
 	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = productGridVariantClasses[productGridVariant];
 	const cardContainerClasses = classNames({
 		"spiffy-tw-w-full": cardsGrowWithContainer,
@@ -71,7 +46,7 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 					salePrice: camelCasedProduct.salePrice,
 					averageRating: camelCasedProduct.averageRating,
 					numberReviews: camelCasedProduct.numberReviews,
-					cardDisplayLocation: ChatElementDisplayLocation.PRODUCT_GRID,
+					cardDisplayLocation,
 					layoutVariant: productCardLayoutVariant,
 					variant: productCardVariant,
 					hoverVariant: productCardHoverVariant,

package/dist/{ProductGrid-BSSmPr7K.cjs → ProductGrid-CJmmGxBQ.cjs}

@@ -1,35 +1,10 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ProductCard = require('./ProductCard-DZZKutY-.cjs');
+const require_ProductCard = require('./ProductCard-BYjPKgX3.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);
 
-//#region src/config/chatElementDisplayLocation.ts
-let ChatElementDisplayLocation = /* @__PURE__ */ function(ChatElementDisplayLocation$1) {
-	ChatElementDisplayLocation$1["IN_CHAT"] = "in_chat";
-	ChatElementDisplayLocation$1["CHAT_PREVIEW"] = "chat_preview";
-	ChatElementDisplayLocation$1["FLOATING_BUTTON"] = "floating_button";
-	ChatElementDisplayLocation$1["HELP_ME_CHOOSE"] = "help_me_choose";
-	ChatElementDisplayLocation$1["PLP_IMAGE_BANNER"] = "plp_image_banner";
-	ChatElementDisplayLocation$1["TOP_REVIEWS_SNIPPET"] = "top_reviews_snippet";
-	ChatElementDisplayLocation$1["BOTTOM_REVIEWS_SNIPPET"] = "bottom_reviews_snippet";
-	ChatElementDisplayLocation$1["BLOCK_BACK_BUTTON"] = "block_back_button";
-	ChatElementDisplayLocation$1["SWITCH_TO_AGENT"] = "switch_to_agent";
-	ChatElementDisplayLocation$1["CONVERSATIONAL_SEARCH"] = "conversational_search";
-	ChatElementDisplayLocation$1["GLOBAL_SEARCH_ENTRYPOINT"] = "global_search_entrypoint";
-	ChatElementDisplayLocation$1["SEARCH_NAV_ENTRYPOINT"] = "search_nav_entrypoint";
-	ChatElementDisplayLocation$1["SEARCH_PROMPT"] = "search_prompt";
-	ChatElementDisplayLocation$1["SEARCH_PROMPT_BUTTON"] = "search_prompt_button";
-	ChatElementDisplayLocation$1["PRODUCT_GRID"] = "product_grid";
-	ChatElementDisplayLocation$1["UNSPECIFIED"] = "unspecified";
-	ChatElementDisplayLocation$1["FILTER_MODAL"] = "filter_modal";
-	ChatElementDisplayLocation$1["PROMPT_CARD"] = "prompt_card";
-	ChatElementDisplayLocation$1["WINDOW_API_CALL"] = "window_api_call";
-	return ChatElementDisplayLocation$1;
-}({});
-
-//#endregion
 //#region src/components/ProductGrid/productGridVariants.ts
 const productGridVariantClasses = {
 	standard: {
@@ -50,7 +25,7 @@ const productGridVariantClasses = {
 
 //#endregion
 //#region src/components/ProductGrid/ProductGrid.tsx
-const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, searchResponseId, cardsGrowWithContainer = true }) => {
+const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, searchResponseId, cardsGrowWithContainer = true, cardDisplayLocation }) => {
 	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = productGridVariantClasses[productGridVariant];
 	const cardContainerClasses = (0, classnames.default)({
 		"spiffy-tw-w-full": cardsGrowWithContainer,
@@ -74,7 +49,7 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 					salePrice: camelCasedProduct.salePrice,
 					averageRating: camelCasedProduct.averageRating,
 					numberReviews: camelCasedProduct.numberReviews,
-					cardDisplayLocation: ChatElementDisplayLocation.PRODUCT_GRID,
+					cardDisplayLocation,
 					layoutVariant: productCardLayoutVariant,
 					variant: productCardVariant,
 					hoverVariant: productCardHoverVariant,

package/dist/SearchFilter/index.cjs

@@ -1,7 +1,7 @@
-require('../ButtonBase-DcyxOe2v.cjs');
-require('../textVariantClasses-BnV4wXaw.cjs');
-require('../Text-CgOYTs8D.cjs');
-const require_SearchFilter = require('../SearchFilter-B15tybnV.cjs');
+require('../textVariantClasses-Dgz7Zaql.cjs');
+require('../Text-MQjxqgZZ.cjs');
+require('../ButtonBase-DGpQBeLR.cjs');
+const require_SearchFilter = require('../SearchFilter-B8jliRly.cjs');
 
 exports.SearchFilter = require_SearchFilter.SearchFilter;
 exports.SearchFilterHeader = require_SearchFilter.SearchFilterHeader;

package/dist/SearchFilter/index.d.cts

@@ -1,2 +1,71 @@
-import { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem } from "../index-B125udRj.cjs";
-export { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };
+import * as react_jsx_runtime20 from "react/jsx-runtime";
+import { SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
+
+//#region src/components/SearchFilter/types.d.ts
+interface SearchFilterItem$1 extends SearchFilterItemDatum {
+  filterId: string;
+  filterItemId: string;
+}
+interface SearchFilterItemProps {
+  filterItem: SearchFilterItem$1;
+  onSelectFilterItem: SelectFilterItem;
+  radioButtonFillColor: string;
+  radioButtonHoverColor: string;
+  radioButtonUncheckedBorderColor: string;
+}
+interface SearchFilterHeaderProps {
+  closeModal: () => void;
+  productCount: number;
+  headerClassName: string;
+  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
+}
+type SearchFilterProps = {
+  filters: SearchFilterDatum[];
+  selectFilterItem: SelectFilterItem;
+  clearAllFilters: () => void;
+  productCount: number;
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+  applyFiltersUnchangedClasses: string;
+  applyFiltersChangedClasses: string;
+  headerContent?: React.ReactNode;
+  footerContent?: React.ReactNode;
+  filterButtonText?: string;
+  headerClassName?: string;
+  radioButtonFillColor: string;
+  radioButtonHoverColor?: string;
+  radioButtonUncheckedBorderColor?: string;
+};
+//#endregion
+//#region src/components/SearchFilter/SearchFilter.d.ts
+declare const SearchFilter: ({
+  isOpen,
+  setIsOpen,
+  filters,
+  selectFilterItem,
+  clearAllFilters,
+  filterButtonText,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor,
+  headerContent
+}: SearchFilterProps) => react_jsx_runtime20.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterHeader.d.ts
+declare const SearchFilterHeader: ({
+  closeModal,
+  productCount,
+  headerClassName,
+  filterCloseIconVariant
+}: SearchFilterHeaderProps) => react_jsx_runtime20.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterItem.d.ts
+declare const SearchFilterItem: ({
+  filterItem,
+  onSelectFilterItem,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor
+}: SearchFilterItemProps) => react_jsx_runtime20.JSX.Element;
+//#endregion
+export { SearchFilter, SearchFilterHeader, SearchFilterItem };

package/dist/SearchFilter/index.d.ts

@@ -1,2 +1,71 @@
-import { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem } from "../index-DMXTg_9L.js";
-export { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };
+import * as react_jsx_runtime21 from "react/jsx-runtime";
+import { SearchFilterDatum, SearchFilterItemDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
+
+//#region src/components/SearchFilter/types.d.ts
+interface SearchFilterItem$1 extends SearchFilterItemDatum {
+  filterId: string;
+  filterItemId: string;
+}
+interface SearchFilterItemProps {
+  filterItem: SearchFilterItem$1;
+  onSelectFilterItem: SelectFilterItem;
+  radioButtonFillColor: string;
+  radioButtonHoverColor: string;
+  radioButtonUncheckedBorderColor: string;
+}
+interface SearchFilterHeaderProps {
+  closeModal: () => void;
+  productCount: number;
+  headerClassName: string;
+  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
+}
+type SearchFilterProps = {
+  filters: SearchFilterDatum[];
+  selectFilterItem: SelectFilterItem;
+  clearAllFilters: () => void;
+  productCount: number;
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+  applyFiltersUnchangedClasses: string;
+  applyFiltersChangedClasses: string;
+  headerContent?: React.ReactNode;
+  footerContent?: React.ReactNode;
+  filterButtonText?: string;
+  headerClassName?: string;
+  radioButtonFillColor: string;
+  radioButtonHoverColor?: string;
+  radioButtonUncheckedBorderColor?: string;
+};
+//#endregion
+//#region src/components/SearchFilter/SearchFilter.d.ts
+declare const SearchFilter: ({
+  isOpen,
+  setIsOpen,
+  filters,
+  selectFilterItem,
+  clearAllFilters,
+  filterButtonText,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor,
+  headerContent
+}: SearchFilterProps) => react_jsx_runtime21.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterHeader.d.ts
+declare const SearchFilterHeader: ({
+  closeModal,
+  productCount,
+  headerClassName,
+  filterCloseIconVariant
+}: SearchFilterHeaderProps) => react_jsx_runtime21.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterItem.d.ts
+declare const SearchFilterItem: ({
+  filterItem,
+  onSelectFilterItem,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor
+}: SearchFilterItemProps) => react_jsx_runtime21.JSX.Element;
+//#endregion
+export { SearchFilter, SearchFilterHeader, SearchFilterItem };

package/dist/SearchFilter/index.js

@@ -1,6 +1,6 @@
-import "../ButtonBase-BIAu5fIG.js";
-import "../textVariantClasses-CnjwO2Fv.js";
-import "../Text-BMg3d10t.js";
-import { SearchFilter, SearchFilterHeader, SearchFilterItem } from "../SearchFilter-D427M2UE.js";
+import "../textVariantClasses-D77TGEy1.js";
+import "../Text-Bod4OMPk.js";
+import "../ButtonBase-DGbSm0SJ.js";
+import { SearchFilter, SearchFilterHeader, SearchFilterItem } from "../SearchFilter-Da6SL9mU.js";
 
 export { SearchFilter, SearchFilterHeader, SearchFilterItem };

package/dist/{SearchFilter-B15tybnV.cjs → SearchFilter-B8jliRly.cjs}

@@ -1,6 +1,6 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ButtonBase = require('./ButtonBase-DcyxOe2v.cjs');
-const require_Text = require('./Text-CgOYTs8D.cjs');
+const require_Text = require('./Text-MQjxqgZZ.cjs');
+const require_ButtonBase = require('./ButtonBase-DGpQBeLR.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -56,13 +56,16 @@ const SearchFilter = ({ isOpen, setIsOpen, filters, selectFilterItem, clearAllFi
 							className: "spiffy-tw-font-medium spiffy-tw-mb-3",
 							children: filter.displayName
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: filter.items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchFilterItem, {
-							filterItem: item,
+							filterItem: {
+								...item,
+								filterId: filter.filterId
+							},
 							onSelectFilterItem: selectFilterItem,
 							radioButtonFillColor,
 							radioButtonHoverColor,
 							radioButtonUncheckedBorderColor
-						}, item.id)) })]
-					}, filter.id))
+						}, item.filterItemId)) })]
+					}, filter.filterId))
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "spiffy-tw-border-t spiffy-tw-border-[--spiffy-colors-border-light] spiffy-tw-px-4 spiffy-tw-py-3",

package/dist/{SearchFilter-D427M2UE.js → SearchFilter-Da6SL9mU.js}

@@ -1,5 +1,5 @@
-import { ButtonBase } from "./ButtonBase-BIAu5fIG.js";
-import { Text } from "./Text-BMg3d10t.js";
+import { Text } from "./Text-Bod4OMPk.js";
+import { ButtonBase } from "./ButtonBase-DGbSm0SJ.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -53,13 +53,16 @@ const SearchFilter = ({ isOpen, setIsOpen, filters, selectFilterItem, clearAllFi
 							className: "spiffy-tw-font-medium spiffy-tw-mb-3",
 							children: filter.displayName
 						}), /* @__PURE__ */ jsx("ul", { children: filter.items.map((item) => /* @__PURE__ */ jsx(SearchFilterItem, {
-							filterItem: item,
+							filterItem: {
+								...item,
+								filterId: filter.filterId
+							},
 							onSelectFilterItem: selectFilterItem,
 							radioButtonFillColor,
 							radioButtonHoverColor,
 							radioButtonUncheckedBorderColor
-						}, item.id)) })]
-					}, filter.id))
+						}, item.filterItemId)) })]
+					}, filter.filterId))
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "spiffy-tw-border-t spiffy-tw-border-[--spiffy-colors-border-light] spiffy-tw-px-4 spiffy-tw-py-3",

package/dist/SearchInput/index.cjs

@@ -1,7 +1,7 @@
-require('../textVariantClasses-BnV4wXaw.cjs');
-require('../TextInput-C6fF9cSB.cjs');
+require('../textVariantClasses-Dgz7Zaql.cjs');
+require('../TextInput-DLSgpP6b.cjs');
 require('../colorsConfig-DCvy_dV4.cjs');
-const require_SearchInput = require('../SearchInput-D6UW79wT.cjs');
+const require_SearchInput = require('../SearchInput-BFlu_3iT.cjs');
 
 exports.SearchInput = require_SearchInput.SearchInput;
 exports.searchInputVariantClasses = require_SearchInput.searchInputVariantClasses;

package/dist/SearchInput/index.d.cts

@@ -1,6 +1,6 @@
-import { SearchInputVariant } from "../index-BNCrvswP.cjs";
+import { SearchInputVariant } from "../index-D4n-kZvz.cjs";
+import { TextStyleVariantMap } from "../textVariantClasses-B0gNjzl4.cjs";
 import React from "react";
-import { TextStyleVariantMap } from "dist/textVariantClasses-sT9E8Uty";
 
 //#region src/components/SearchInput/SearchInput.d.ts
 interface SearchInputProps {
@@ -19,7 +19,7 @@ interface SearchInputProps {
 declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/SearchInput/searchInputVariants.d.ts
-interface SearchInputVariantClasses {
+type SearchInputVariantClasses = {
   searchInputIconColor: string;
   searchInputBorderColor: string;
   searchInputCloseIconClasses: string;
@@ -27,7 +27,7 @@ interface SearchInputVariantClasses {
   autocompleteIconColor: string;
   searchInputClasses: string;
   placeholderVariant: keyof typeof TextStyleVariantMap;
-}
+};
 declare const searchInputVariantClasses: Record<SearchInputVariant, SearchInputVariantClasses>;
 //#endregion
 export { SearchInput, searchInputVariantClasses };

package/dist/SearchInput/index.d.ts

@@ -1,6 +1,6 @@
-import { SearchInputVariant } from "../index-BHNzU-Pc.js";
+import { SearchInputVariant } from "../index-B_tehqNH.js";
+import { TextStyleVariantMap } from "../textVariantClasses-ypYGLq0h.js";
 import React from "react";
-import { TextStyleVariantMap } from "dist/textVariantClasses-sT9E8Uty";
 
 //#region src/components/SearchInput/SearchInput.d.ts
 interface SearchInputProps {
@@ -19,7 +19,7 @@ interface SearchInputProps {
 declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/SearchInput/searchInputVariants.d.ts
-interface SearchInputVariantClasses {
+type SearchInputVariantClasses = {
   searchInputIconColor: string;
   searchInputBorderColor: string;
   searchInputCloseIconClasses: string;
@@ -27,7 +27,7 @@ interface SearchInputVariantClasses {
   autocompleteIconColor: string;
   searchInputClasses: string;
   placeholderVariant: keyof typeof TextStyleVariantMap;
-}
+};
 declare const searchInputVariantClasses: Record<SearchInputVariant, SearchInputVariantClasses>;
 //#endregion
 export { SearchInput, searchInputVariantClasses };

package/dist/SearchInput/index.js

@@ -1,6 +1,6 @@
-import "../textVariantClasses-CnjwO2Fv.js";
-import "../TextInput-CRMqBW3X.js";
+import "../textVariantClasses-D77TGEy1.js";
+import "../TextInput-BFPXhSAY.js";
 import "../colorsConfig-BQlaCfxi.js";
-import { SearchInput, searchInputVariantClasses } from "../SearchInput-C0wB4hSV.js";
+import { SearchInput, searchInputVariantClasses } from "../SearchInput-DxDC1mcq.js";
 
 export { SearchInput, searchInputVariantClasses };

package/dist/{SearchInput-D6UW79wT.cjs → SearchInput-BFlu_3iT.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_TextInput = require('./TextInput-C6fF9cSB.cjs');
+const require_TextInput = require('./TextInput-DLSgpP6b.cjs');
 const require_colorsConfig = require('./colorsConfig-DCvy_dV4.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);

package/dist/{SearchInput-C0wB4hSV.js → SearchInput-DxDC1mcq.js}

@@ -1,4 +1,4 @@
-import { TextInput } from "./TextInput-CRMqBW3X.js";
+import { TextInput } from "./TextInput-BFPXhSAY.js";
 import { ColorNames, colorVar } from "./colorsConfig-BQlaCfxi.js";
 import React, { useImperativeHandle, useRef } from "react";
 import classNames from "classnames";

package/dist/SearchInputForm/index.cjs

@@ -1,9 +1,9 @@
 const require_chunk = require('../chunk-CUT6urMc.cjs');
-require('../textVariantClasses-BnV4wXaw.cjs');
+require('../textVariantClasses-Dgz7Zaql.cjs');
 const require_SearchAutocomplete = require('../SearchAutocomplete-BzaEXmRQ.cjs');
-require('../TextInput-C6fF9cSB.cjs');
+require('../TextInput-DLSgpP6b.cjs');
 require('../colorsConfig-DCvy_dV4.cjs');
-const require_SearchInput = require('../SearchInput-D6UW79wT.cjs');
+const require_SearchInput = require('../SearchInput-BFlu_3iT.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 

package/dist/SearchInputForm/index.d.cts

@@ -1,2 +1,2 @@
-import { SearchInputForm, SearchInputVariant } from "../index-BNCrvswP.cjs";
+import { SearchInputForm, SearchInputVariant } from "../index-D4n-kZvz.cjs";
 export { SearchInputForm, SearchInputVariant };

package/dist/SearchInputForm/index.d.ts

@@ -1,2 +1,2 @@
-import { SearchInputForm, SearchInputVariant } from "../index-BHNzU-Pc.js";
+import { SearchInputForm, SearchInputVariant } from "../index-B_tehqNH.js";
 export { SearchInputForm, SearchInputVariant };

package/dist/SearchInputForm/index.js

@@ -1,8 +1,8 @@
-import "../textVariantClasses-CnjwO2Fv.js";
+import "../textVariantClasses-D77TGEy1.js";
 import { SearchAutocomplete } from "../SearchAutocomplete-BPjlo6qq.js";
-import "../TextInput-CRMqBW3X.js";
+import "../TextInput-BFPXhSAY.js";
 import "../colorsConfig-BQlaCfxi.js";
-import { SearchInput, searchInputVariantClasses } from "../SearchInput-C0wB4hSV.js";
+import { SearchInput, searchInputVariantClasses } from "../SearchInput-DxDC1mcq.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/SearchInputForm/SearchInputForm.tsx

package/dist/SearchResultsContent/index.cjs

@@ -0,0 +1,64 @@
+const require_chunk = require('../chunk-CUT6urMc.cjs');
+require('../textVariantClasses-Dgz7Zaql.cjs');
+require('../Text-MQjxqgZZ.cjs');
+require('../Text-C8t_iEj6.cjs');
+require('../Headline-QpruZlcg.cjs');
+require('../ImageWithFallback-1LqhQK1q.cjs');
+require('../ProductCard-BYjPKgX3.cjs');
+require('../Spinner-DzdIkS6t.cjs');
+require('../ProductGrid-CJmmGxBQ.cjs');
+require('../colorsConfig-DCvy_dV4.cjs');
+require('../searchFilterSidebarVariants-D08jyA7U.cjs');
+require('../DynamicFiltersScrollbar-U9-CmTKd.cjs');
+const require_SearchResultsStates = require('../SearchResultsStates-CJYgUA66.cjs');
+require('../SparkleAnimation-BY5iw7s0.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;