@envive-ai/react-toolkit 0.1.4 → 0.1.5

package/dist/{ProductCard-C7WUShhN.cjs → ProductCard-CvTRvhm7.cjs}

@@ -1,9 +1,8 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Text = require('./Text-C04c4Z93.cjs');
-const require_ImageWithFallback = require('./ImageWithFallback-ioeMFrTf.cjs');
-const require_Headline = require('./Headline-CcWn0w-a.cjs');
-const require_productCardVariants = require('./productCardVariants-Dd-wrJKP.cjs');
-const require_Spinner = require('./Spinner-CfQ85Ajl.cjs');
+const require_Text = require('./Text-CgOYTs8D.cjs');
+const require_Headline = require('./Headline-CdddUGwy.cjs');
+const require_ImageWithFallback = require('./ImageWithFallback-By6QdlCR.cjs');
+const require_Spinner = require('./Spinner-DX35Epv3.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -11,6 +10,50 @@ react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 let react_icons_md = require("react-icons/md");
 react_icons_md = require_chunk.__toESM(react_icons_md);
 
+//#region src/components/ProductCard/productCardVariants.ts
+/**
+* Shared variant mapping configurations for ProductCard components
+*/
+const variantClassMap = new Map([
+	["filled", ["spiffy-tw-bg-[--spiffy-colors-background-secondary]", "spiffy-tw-shadow-md"]],
+	["bordered", [
+		"spiffy-tw-bg-[--spiffy-colors-background-secondary]",
+		"spiffy-tw-border",
+		"spiffy-tw-border-[--spiffy-colors-border-light]"
+	]],
+	["minimal", ["spiffy-tw-bg-transparent"]],
+	["transparentBordered", [
+		"spiffy-tw-bg-transparent",
+		"spiffy-tw-border",
+		"spiffy-tw-border-[--spiffy-colors-border-light]"
+	]]
+]);
+const variantHoverClassMap = new Map([["backgroundDark", ["hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark]"]], ["none", []]]);
+const variantTitleColorMap = new Map([
+	["filled", "spiffy-tw-text-[--spiffy-colors-text-link]"],
+	["bordered", "spiffy-tw-text-[--spiffy-colors-text-primary]"],
+	["minimal", "spiffy-tw-text-[--spiffy-colors-text-primary]"],
+	["transparentBordered", "spiffy-tw-text-[--spiffy-colors-text-primary]"]
+]);
+const productCardLayoutVariantClasses = {
+	normal: {
+		productTitle: ["spiffy-product-card-title"],
+		container: ["spiffy-tw-w-[208px]"],
+		verticalContainer: ["spiffy-tw-rounded-[8px]", "spiffy-tw-h-[268px]"]
+	},
+	tall: {
+		productTitle: ["spiffy-product-card-title-tall", "spiffy-tw-pt-[8px]"],
+		container: ["spiffy-tw-w-[160px] lg:spiffy-tw-w-[300px]"],
+		verticalContainer: ["lg:spiffy-tw-h-[496px]"]
+	},
+	square: {
+		productTitle: ["spiffy-product-card-title-tall", "spiffy-tw-pt-[8px]"],
+		container: ["spiffy-tw-w-[160px] lg:spiffy-tw-w-[280px]"],
+		verticalContainer: ["lg:spiffy-tw-h-[400px]"]
+	}
+};
+
+//#endregion
 //#region src/logging/logger.ts
 var Logger = class {
 	static logInfo(message, ...args) {
@@ -41,7 +84,7 @@ const formatPrice = (price, currency = "$") => {
 };
 
 //#endregion
-//#region src/components/common/ProductCard/ProductCard.tsx
+//#region src/components/ProductCard/ProductCard.tsx
 const formatReviews = (stars) => String(Number(stars).toLocaleString("en-US", {
 	minimumFractionDigits: 1,
 	maximumFractionDigits: 1
@@ -96,13 +139,13 @@ const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, ur
 		logger_default.logError("[ProductCard] productCardConfig is null", void 0, { merchant: merchantShortName });
 		return null;
 	}
-	const layoutClasses = require_productCardVariants.productCardLayoutVariantClasses[finalLayoutVariant];
+	const layoutClasses = productCardLayoutVariantClasses[finalLayoutVariant];
 	const containerClassnames = (0, classnames.default)("spiffy-tw-cursor-pointer", "spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-inherit", "spiffy-tw-overflow-hidden", {
 		"spiffy-tw-h-full": growWithContainer,
 		"spiffy-tw-w-full": growWithContainer,
 		"spiffy-tw-max-w-full": growWithContainer
-	}, !growWithContainer && layoutClasses.container, require_productCardVariants.variantClassMap.get(finalVariant) ?? [], require_productCardVariants.variantHoverClassMap.get(finalHoverVariant) ?? []);
-	const verticalContainerVariantClasses = require_productCardVariants.productCardLayoutVariantClasses[layoutVariant].verticalContainer;
+	}, !growWithContainer && layoutClasses.container, variantClassMap.get(finalVariant) ?? [], variantHoverClassMap.get(finalHoverVariant) ?? []);
+	const verticalContainerVariantClasses = productCardLayoutVariantClasses[layoutVariant].verticalContainer;
 	const verticalContainerClassnames = (0, classnames.default)("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-overflow-hidden", "spiffy-tw-gap-inherit", {
 		"spiffy-tw-h-full": growWithContainer,
 		"spiffy-tw-w-full": growWithContainer,
@@ -125,7 +168,7 @@ const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, ur
 		"hover:spiffy-tw-scale-105"
 	] : []);
 	const contentClassnames = (0, classnames.default)("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-p-2", "spiffy-tw-pr-2", "spiffy-tw-items-start", "spiffy-tw-justify-end", { "spiffy-tw-flex-grow-0": layoutVariant === "tall" || layoutVariant === "square" });
-	const productTitleClassnames = (0, classnames.default)("spiffy-tw-line-clamp-2", "spiffy-tw-overflow-clip", "spiffy-tw-tracking-[0.8px]", "spiffy-tw-whitespace-normal", "spiffy-tw-normal-case", require_productCardVariants.variantTitleColorMap.get(finalVariant) ?? "spiffy-tw-text-[--spiffy-colors-text-primary]", ...layoutClasses.productTitle);
+	const productTitleClassnames = (0, classnames.default)("spiffy-tw-line-clamp-2", "spiffy-tw-overflow-clip", "spiffy-tw-tracking-[0.8px]", "spiffy-tw-whitespace-normal", "spiffy-tw-normal-case", variantTitleColorMap.get(finalVariant) ?? "spiffy-tw-text-[--spiffy-colors-text-primary]", ...layoutClasses.productTitle);
 	const priceAndRatingContainerClassnames = (0, classnames.default)("spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-justify-between", "spiffy-tw-items-center", "spiffy-tw-w-full", "spiffy-tw-pt-2", "spiffy-tw-gap-2");
 	const imageClassnames = (0, classnames.default)("spiffy-tw-bg-transparent", "spiffy-tw-w-full", "spiffy-tw-h-full", "spiffy-tw-object-cover", "spiffy-tw-object-top", "spiffy-tw-select-none", "spiffy-tw-pointer-events-none");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -190,4 +233,28 @@ Object.defineProperty(exports, 'RatingSummary', {
   get: function () {
     return RatingSummary;
   }
+});
+Object.defineProperty(exports, 'productCardLayoutVariantClasses', {
+  enumerable: true,
+  get: function () {
+    return productCardLayoutVariantClasses;
+  }
+});
+Object.defineProperty(exports, 'variantClassMap', {
+  enumerable: true,
+  get: function () {
+    return variantClassMap;
+  }
+});
+Object.defineProperty(exports, 'variantHoverClassMap', {
+  enumerable: true,
+  get: function () {
+    return variantHoverClassMap;
+  }
+});
+Object.defineProperty(exports, 'variantTitleColorMap', {
+  enumerable: true,
+  get: function () {
+    return variantTitleColorMap;
+  }
 });

package/dist/{ProductCard-B5wnOeR9.js → ProductCard-aJbQz6Q7.js}

@@ -1,12 +1,55 @@
-import { Text } from "./Text-Bdv7F5-u.js";
-import { ImageWithFallback } from "./ImageWithFallback-gN5HDS9L.js";
-import { Headline } from "./Headline-8on6ZB9e.js";
-import { productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "./productCardVariants-C_QIZ-KF.js";
-import { Spinner } from "./Spinner-BZ-kTOpm.js";
+import { Text } from "./Text-BMg3d10t.js";
+import { Headline } from "./Headline-COAnonc2.js";
+import { ImageWithFallback } from "./ImageWithFallback-DtUrq_bk.js";
+import { Spinner } from "./Spinner-D9kkaM9d.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MdStar } from "react-icons/md";
 
+//#region src/components/ProductCard/productCardVariants.ts
+/**
+* Shared variant mapping configurations for ProductCard components
+*/
+const variantClassMap = new Map([
+	["filled", ["spiffy-tw-bg-[--spiffy-colors-background-secondary]", "spiffy-tw-shadow-md"]],
+	["bordered", [
+		"spiffy-tw-bg-[--spiffy-colors-background-secondary]",
+		"spiffy-tw-border",
+		"spiffy-tw-border-[--spiffy-colors-border-light]"
+	]],
+	["minimal", ["spiffy-tw-bg-transparent"]],
+	["transparentBordered", [
+		"spiffy-tw-bg-transparent",
+		"spiffy-tw-border",
+		"spiffy-tw-border-[--spiffy-colors-border-light]"
+	]]
+]);
+const variantHoverClassMap = new Map([["backgroundDark", ["hover:spiffy-tw-bg-[--spiffy-colors-background-secondary-dark]"]], ["none", []]]);
+const variantTitleColorMap = new Map([
+	["filled", "spiffy-tw-text-[--spiffy-colors-text-link]"],
+	["bordered", "spiffy-tw-text-[--spiffy-colors-text-primary]"],
+	["minimal", "spiffy-tw-text-[--spiffy-colors-text-primary]"],
+	["transparentBordered", "spiffy-tw-text-[--spiffy-colors-text-primary]"]
+]);
+const productCardLayoutVariantClasses = {
+	normal: {
+		productTitle: ["spiffy-product-card-title"],
+		container: ["spiffy-tw-w-[208px]"],
+		verticalContainer: ["spiffy-tw-rounded-[8px]", "spiffy-tw-h-[268px]"]
+	},
+	tall: {
+		productTitle: ["spiffy-product-card-title-tall", "spiffy-tw-pt-[8px]"],
+		container: ["spiffy-tw-w-[160px] lg:spiffy-tw-w-[300px]"],
+		verticalContainer: ["lg:spiffy-tw-h-[496px]"]
+	},
+	square: {
+		productTitle: ["spiffy-product-card-title-tall", "spiffy-tw-pt-[8px]"],
+		container: ["spiffy-tw-w-[160px] lg:spiffy-tw-w-[280px]"],
+		verticalContainer: ["lg:spiffy-tw-h-[400px]"]
+	}
+};
+
+//#endregion
 //#region src/logging/logger.ts
 var Logger = class {
 	static logInfo(message, ...args) {
@@ -37,7 +80,7 @@ const formatPrice = (price, currency = "$") => {
 };
 
 //#endregion
-//#region src/components/common/ProductCard/ProductCard.tsx
+//#region src/components/ProductCard/ProductCard.tsx
 const formatReviews = (stars) => String(Number(stars).toLocaleString("en-US", {
 	minimumFractionDigits: 1,
 	maximumFractionDigits: 1
@@ -169,4 +212,4 @@ const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, ur
 };
 
 //#endregion
-export { PriceSection, ProductCard, RatingSummary };
+export { PriceSection, ProductCard, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/{ProductCardSkeleton-BPfp6IOp.js → ProductCardSkeleton-B6YetUCT.js}

@@ -1,16 +1,21 @@
-import { productCardLayoutVariantClasses } from "./productCardVariants-C_QIZ-KF.js";
+import { productCardLayoutVariantClasses } from "./ProductCard-aJbQz6Q7.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/common/ProductCard/types.ts
+//#region src/components/ProductCard/types.ts
 let ProductCardSkeletonOverrides = /* @__PURE__ */ function(ProductCardSkeletonOverrides$1) {
 	ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON_CONTAINER"] = "spiffy-product-card-skeleton-container";
 	ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON"] = "spiffy-product-card-skeleton";
 	return ProductCardSkeletonOverrides$1;
 }({});
+let AnimatedProductCardOverrides = /* @__PURE__ */ function(AnimatedProductCardOverrides$1) {
+	AnimatedProductCardOverrides$1["PRODUCT_CARD_ANIMATED_CONTAINER"] = "spiffy-product-card-animated-container";
+	AnimatedProductCardOverrides$1["PRODUCT_CARD_ANIMATED_IMAGE_CONTAINER"] = "spiffy-product-card-animated";
+	return AnimatedProductCardOverrides$1;
+}({});
 
 //#endregion
-//#region src/components/common/ProductCard/ProductCardSkeleton.tsx
+//#region src/components/ProductCard/ProductCardSkeleton.tsx
 const ProductCardSkeleton = ({ layoutVariant, aspectRatio, growWithContainer = false }) => {
 	const layoutClasses = productCardLayoutVariantClasses[layoutVariant || "normal"];
 	const containerClasses = classNames(ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON_CONTAINER, "spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-inherit", "spiffy-tw-bg-transparent", !growWithContainer ? layoutClasses.container : "");
@@ -35,4 +40,4 @@ const ProductCardSkeleton = ({ layoutVariant, aspectRatio, growWithContainer = f
 };
 
 //#endregion
-export { ProductCardSkeleton };
+export { AnimatedProductCardOverrides, ProductCardSkeleton, ProductCardSkeletonOverrides };

package/dist/{ProductCardSkeleton-BgvDlaty.cjs → ProductCardSkeleton-BzBK36m-.cjs}

@@ -1,21 +1,26 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_productCardVariants = require('./productCardVariants-Dd-wrJKP.cjs');
+const require_ProductCard = require('./ProductCard-CvTRvhm7.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/components/common/ProductCard/types.ts
+//#region src/components/ProductCard/types.ts
 let ProductCardSkeletonOverrides = /* @__PURE__ */ function(ProductCardSkeletonOverrides$1) {
 	ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON_CONTAINER"] = "spiffy-product-card-skeleton-container";
 	ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON"] = "spiffy-product-card-skeleton";
 	return ProductCardSkeletonOverrides$1;
 }({});
+let AnimatedProductCardOverrides = /* @__PURE__ */ function(AnimatedProductCardOverrides$1) {
+	AnimatedProductCardOverrides$1["PRODUCT_CARD_ANIMATED_CONTAINER"] = "spiffy-product-card-animated-container";
+	AnimatedProductCardOverrides$1["PRODUCT_CARD_ANIMATED_IMAGE_CONTAINER"] = "spiffy-product-card-animated";
+	return AnimatedProductCardOverrides$1;
+}({});
 
 //#endregion
-//#region src/components/common/ProductCard/ProductCardSkeleton.tsx
+//#region src/components/ProductCard/ProductCardSkeleton.tsx
 const ProductCardSkeleton = ({ layoutVariant, aspectRatio, growWithContainer = false }) => {
-	const layoutClasses = require_productCardVariants.productCardLayoutVariantClasses[layoutVariant || "normal"];
+	const layoutClasses = require_ProductCard.productCardLayoutVariantClasses[layoutVariant || "normal"];
 	const containerClasses = (0, classnames.default)(ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON_CONTAINER, "spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-inherit", "spiffy-tw-bg-transparent", !growWithContainer ? layoutClasses.container : "");
 	const verticalContainerClasses = (0, classnames.default)("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-overflow-hidden", "spiffy-tw-gap-inherit", !growWithContainer ? layoutClasses.verticalContainer : "");
 	const imageClipContainerClasses = (0, classnames.default)("spiffy-tw-w-full", aspectRatio === "3:4" ? "spiffy-tw-aspect-[3/4]" : "", aspectRatio === "square" ? "spiffy-tw-aspect-square" : "", "spiffy-tw-overflow-hidden");
@@ -38,9 +43,21 @@ const ProductCardSkeleton = ({ layoutVariant, aspectRatio, growWithContainer = f
 };
 
 //#endregion
+Object.defineProperty(exports, 'AnimatedProductCardOverrides', {
+  enumerable: true,
+  get: function () {
+    return AnimatedProductCardOverrides;
+  }
+});
 Object.defineProperty(exports, 'ProductCardSkeleton', {
   enumerable: true,
   get: function () {
     return ProductCardSkeleton;
   }
+});
+Object.defineProperty(exports, 'ProductCardSkeletonOverrides', {
+  enumerable: true,
+  get: function () {
+    return ProductCardSkeletonOverrides;
+  }
 });

package/dist/ProductGrid/index.cjs

@@ -0,0 +1,10 @@
+require('../textVariantClasses-BnV4wXaw.cjs');
+require('../Text-CgOYTs8D.cjs');
+require('../Headline-CdddUGwy.cjs');
+require('../ImageWithFallback-By6QdlCR.cjs');
+require('../ProductCard-CvTRvhm7.cjs');
+require('../Spinner-DX35Epv3.cjs');
+const require_ProductGrid = require('../ProductGrid-CSIH2_G9.cjs');
+
+exports.ProductGrid = require_ProductGrid.ProductGrid;
+exports.productGridVariantClasses = require_ProductGrid.productGridVariantClasses;

package/dist/ProductGrid/index.d.cts

@@ -0,0 +1,36 @@
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant, SearchResponseProduct } from "../types-Dvgr3ZeV.cjs";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+
+//#region src/components/ProductGrid/ProductGrid.d.ts
+interface ProductGridProps {
+  productList: SearchResponseProduct[];
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  productCardConfig?: ProductCardConfig;
+  merchantShortName: string;
+  searchResponseId: string;
+  cardsGrowWithContainer?: boolean;
+  handleClick: (clickedUrl: string) => void;
+}
+declare const ProductGrid: ({
+  productList,
+  productGridVariant,
+  productGridClasses,
+  productCardConfig,
+  merchantShortName,
+  searchResponseId,
+  cardsGrowWithContainer,
+  handleClick
+}: ProductGridProps) => react_jsx_runtime10.JSX.Element;
+//#endregion
+//#region src/components/ProductGrid/productGridVariants.d.ts
+interface ProductGridVariantClasses {
+  productCardVariant: ProductCardVariant;
+  productCardHoverVariant: ProductCardHoverVariant;
+  productCardLayoutVariant: ProductCardLayoutVariant;
+  productCardImageAspectRatio: '3:4' | 'square' | 'none';
+  zoomOnHover: boolean;
+}
+declare const productGridVariantClasses: Record<ProductGridVariant, ProductGridVariantClasses>;
+//#endregion
+export { ProductGrid, productGridVariantClasses };

package/dist/ProductGrid/index.d.ts

@@ -0,0 +1,36 @@
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant, SearchResponseProduct } from "../types-B7hf-Lif.js";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+
+//#region src/components/ProductGrid/ProductGrid.d.ts
+interface ProductGridProps {
+  productList: SearchResponseProduct[];
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  productCardConfig?: ProductCardConfig;
+  merchantShortName: string;
+  searchResponseId: string;
+  cardsGrowWithContainer?: boolean;
+  handleClick: (clickedUrl: string) => void;
+}
+declare const ProductGrid: ({
+  productList,
+  productGridVariant,
+  productGridClasses,
+  productCardConfig,
+  merchantShortName,
+  searchResponseId,
+  cardsGrowWithContainer,
+  handleClick
+}: ProductGridProps) => react_jsx_runtime5.JSX.Element;
+//#endregion
+//#region src/components/ProductGrid/productGridVariants.d.ts
+interface ProductGridVariantClasses {
+  productCardVariant: ProductCardVariant;
+  productCardHoverVariant: ProductCardHoverVariant;
+  productCardLayoutVariant: ProductCardLayoutVariant;
+  productCardImageAspectRatio: '3:4' | 'square' | 'none';
+  zoomOnHover: boolean;
+}
+declare const productGridVariantClasses: Record<ProductGridVariant, ProductGridVariantClasses>;
+//#endregion
+export { ProductGrid, productGridVariantClasses };

package/dist/ProductGrid/index.js

@@ -0,0 +1,9 @@
+import "../textVariantClasses-CnjwO2Fv.js";
+import "../Text-BMg3d10t.js";
+import "../Headline-COAnonc2.js";
+import "../ImageWithFallback-DtUrq_bk.js";
+import "../ProductCard-aJbQz6Q7.js";
+import "../Spinner-D9kkaM9d.js";
+import { ProductGrid, productGridVariantClasses } from "../ProductGrid-NOCayW9O.js";
+
+export { ProductGrid, productGridVariantClasses };

package/dist/{ProductGrid-DZgwGPSQ.cjs → ProductGrid-CSIH2_G9.cjs}

@@ -1,11 +1,29 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ProductCard = require('./ProductCard-C7WUShhN.cjs');
-const require_productGridVariants = require('./productGridVariants-CsNV0ACt.cjs');
+const require_ProductCard = require('./ProductCard-CvTRvhm7.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/components/ProductGrid/productGridVariants.ts
+const productGridVariantClasses = {
+	standard: {
+		productCardVariant: "minimal",
+		productCardHoverVariant: "backgroundDark",
+		productCardLayoutVariant: "tall",
+		productCardImageAspectRatio: "3:4",
+		zoomOnHover: true
+	},
+	square: {
+		productCardVariant: "minimal",
+		productCardHoverVariant: "backgroundDark",
+		productCardLayoutVariant: "square",
+		productCardImageAspectRatio: "square",
+		zoomOnHover: true
+	}
+};
+
+//#endregion
 //#region src/config/chatElementDisplayLocation.ts
 let ChatElementDisplayLocation = /* @__PURE__ */ function(ChatElementDisplayLocation$1) {
 	ChatElementDisplayLocation$1["IN_CHAT"] = "in_chat";
@@ -31,9 +49,9 @@ let ChatElementDisplayLocation = /* @__PURE__ */ function(ChatElementDisplayLoca
 }({});
 
 //#endregion
-//#region src/components/common/ProductGrid/ProductGrid.tsx
+//#region src/components/ProductGrid/ProductGrid.tsx
 const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, searchResponseId, cardsGrowWithContainer = true, handleClick }) => {
-	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = require_productGridVariants.productGridVariantClasses[productGridVariant];
+	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = productGridVariantClasses[productGridVariant];
 	const cardContainerClasses = (0, classnames.default)({
 		"spiffy-tw-w-full": cardsGrowWithContainer,
 		"spiffy-tw-h-full": cardsGrowWithContainer
@@ -74,4 +92,10 @@ Object.defineProperty(exports, 'ProductGrid', {
   get: function () {
     return ProductGrid;
   }
+});
+Object.defineProperty(exports, 'productGridVariantClasses', {
+  enumerable: true,
+  get: function () {
+    return productGridVariantClasses;
+  }
 });

package/dist/{ProductGrid-wnSc9bXT.js → ProductGrid-NOCayW9O.js}

@@ -1,8 +1,26 @@
-import { ProductCard } from "./ProductCard-B5wnOeR9.js";
-import { productGridVariantClasses } from "./productGridVariants-BNX4YlRK.js";
+import { ProductCard } from "./ProductCard-aJbQz6Q7.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 
+//#region src/components/ProductGrid/productGridVariants.ts
+const productGridVariantClasses = {
+	standard: {
+		productCardVariant: "minimal",
+		productCardHoverVariant: "backgroundDark",
+		productCardLayoutVariant: "tall",
+		productCardImageAspectRatio: "3:4",
+		zoomOnHover: true
+	},
+	square: {
+		productCardVariant: "minimal",
+		productCardHoverVariant: "backgroundDark",
+		productCardLayoutVariant: "square",
+		productCardImageAspectRatio: "square",
+		zoomOnHover: true
+	}
+};
+
+//#endregion
 //#region src/config/chatElementDisplayLocation.ts
 let ChatElementDisplayLocation = /* @__PURE__ */ function(ChatElementDisplayLocation$1) {
 	ChatElementDisplayLocation$1["IN_CHAT"] = "in_chat";
@@ -28,7 +46,7 @@ let ChatElementDisplayLocation = /* @__PURE__ */ function(ChatElementDisplayLoca
 }({});
 
 //#endregion
-//#region src/components/common/ProductGrid/ProductGrid.tsx
+//#region src/components/ProductGrid/ProductGrid.tsx
 const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, searchResponseId, cardsGrowWithContainer = true, handleClick }) => {
 	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = productGridVariantClasses[productGridVariant];
 	const cardContainerClasses = classNames({
@@ -66,4 +84,4 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 };
 
 //#endregion
-export { ProductGrid };
+export { ProductGrid, productGridVariantClasses };

package/dist/{SearchAutocomplete-BrF2SMoZ.cjs → SearchAutocomplete-CQxxe5Op.cjs}

@@ -10,7 +10,7 @@ framer_motion = require_chunk.__toESM(framer_motion);
 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/search/SearchInputAutocomplete/SearchAutocomplete.tsx
+//#region src/components/SearchInputAutocomplete/SearchAutocomplete.tsx
 const SearchAutocomplete = ({ id, results, focusedIndex, onSuggestionSelect, iconColor }) => {
 	if (results.length === 0) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {

package/dist/{SearchAutocomplete-B8mO03Rr.js → SearchAutocomplete-DCu9-Yfk.js}

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { motion } from "framer-motion";
 import OutlinedStar from "@envive-ai/react-icons/src/OutlinedStar";
 
-//#region src/components/search/SearchInputAutocomplete/SearchAutocomplete.tsx
+//#region src/components/SearchInputAutocomplete/SearchAutocomplete.tsx
 const SearchAutocomplete = ({ id, results, focusedIndex, onSuggestionSelect, iconColor }) => {
 	if (results.length === 0) return null;
 	return /* @__PURE__ */ jsx(motion.div, {

package/dist/SearchFilter/index.cjs

@@ -0,0 +1,8 @@
+require('../ButtonBase-Dlh3bpR3.cjs');
+require('../textVariantClasses-BnV4wXaw.cjs');
+require('../Text-CgOYTs8D.cjs');
+const require_SearchFilterHeader = require('../SearchFilterHeader-qkRVfAB5.cjs');
+
+exports.SearchFilter = require_SearchFilterHeader.SearchFilter;
+exports.SearchFilterHeader = require_SearchFilterHeader.SearchFilterHeader;
+exports.SearchFilterItem = require_SearchFilterHeader.SearchFilterItem;

package/dist/SearchFilter/index.d.cts

@@ -0,0 +1,35 @@
+import { SearchFilterHeaderProps, SearchFilterItemProps, SearchFilterProps, SelectFilterItem } from "../types-BCAU5OQD.cjs";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
+
+//#region src/components/SearchFilter/SearchFilter.d.ts
+declare const SearchFilter: ({
+  isOpen,
+  setIsOpen,
+  filters,
+  selectFilterItem,
+  clearAllFilters,
+  filterButtonText,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor,
+  headerContent
+}: SearchFilterProps) => react_jsx_runtime18.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterHeader.d.ts
+declare const SearchFilterHeader: ({
+  closeModal,
+  productCount,
+  headerClassName,
+  filterCloseIconVariant
+}: SearchFilterHeaderProps) => react_jsx_runtime18.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterItem.d.ts
+declare const SearchFilterItem: ({
+  filterItem,
+  onSelectFilterItem,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor
+}: SearchFilterItemProps) => react_jsx_runtime18.JSX.Element;
+//#endregion
+export { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };

package/dist/SearchFilter/index.d.ts

@@ -0,0 +1,35 @@
+import { SearchFilterHeaderProps, SearchFilterItemProps, SearchFilterProps, SelectFilterItem } from "../types-BwPquD10.js";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+
+//#region src/components/SearchFilter/SearchFilter.d.ts
+declare const SearchFilter: ({
+  isOpen,
+  setIsOpen,
+  filters,
+  selectFilterItem,
+  clearAllFilters,
+  filterButtonText,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor,
+  headerContent
+}: SearchFilterProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterHeader.d.ts
+declare const SearchFilterHeader: ({
+  closeModal,
+  productCount,
+  headerClassName,
+  filterCloseIconVariant
+}: SearchFilterHeaderProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+//#region src/components/SearchFilter/SearchFilterItem.d.ts
+declare const SearchFilterItem: ({
+  filterItem,
+  onSelectFilterItem,
+  radioButtonFillColor,
+  radioButtonHoverColor,
+  radioButtonUncheckedBorderColor
+}: SearchFilterItemProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+export { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };

package/dist/SearchFilter/index.js

@@ -0,0 +1,6 @@
+import "../ButtonBase-CpmFsiUf.js";
+import "../textVariantClasses-CnjwO2Fv.js";
+import "../Text-BMg3d10t.js";
+import { SearchFilter, SearchFilterHeader, SearchFilterItem } from "../SearchFilterHeader-BDEcDc_4.js";
+
+export { SearchFilter, SearchFilterHeader, SearchFilterItem };