@envive-ai/react-toolkit 0.2.13-arthur-1 → 0.2.14

package/dist/{ProductCard-GxpFxjh0.js → components/ProductCard/ProductCard.js}

@@ -1,75 +1,18 @@
-import { t as formatPrice } from "./formatPrice-DexQu2aZ.js";
-import { t as Typography } from "./Typography-xehJH05l.js";
-import { t as ImageWithFallback } from "./ImageWithFallback-DjDNefaG.js";
-import { t as Spinner } from "./Spinner-OFbXMms8.js";
+import { formatPrice } from "../../util/formatPrice.js";
+import { Typography } from "../Typography/Typography.js";
+import "../Typography/index.js";
+import { ImageWithFallback } from "../ImageWithFallback/ImageWithFallback.js";
+import "../ImageWithFallback/index.js";
+import logger_default from "../../logging/logger.js";
+import { productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "./productCardVariants.js";
+import { Spinner } from "../Spinner/Spinner.js";
+import "../Spinner/index.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MdStar } from "react-icons/md";
 import { useImageResolver } from "@envive-ai/react-hooks/hooks/ImageResolver";
 import { PRODUCT_CARD_TESTID } from "@envive-ai/react-hooks/config";
 
-//#region src/logging/logger.ts
-var Logger = class {
-	static logInfo(message, ...args) {
-		console.info(`INFO: ${message}`, ...args);
-	}
-	static logDebug(message, ...args) {
-		console.debug(`DEBUG: ${message}`, ...args);
-	}
-	static logError(message, error, ...args) {
-		console.error(`ERROR: ${message} error=${error}`, args);
-	}
-	static logWarn(message, error, ...args) {
-		console.warn(`WARN: ${message} error=${error}`, args);
-	}
-};
-var logger_default = Logger;
-
-//#endregion
-//#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/components/ProductCard/ProductCard.tsx
 const formatReviews = (stars) => String(Number(stars).toLocaleString("en-US", {
 	minimumFractionDigits: 1,
@@ -175,7 +118,7 @@ const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, ur
 						children: imageUrl && /* @__PURE__ */ jsx(ImageWithFallback, {
 							src: resolve(imageUrl, layoutVariant === "tall" ? 300 : 178),
 							alt: title,
-							fallback: /* @__PURE__ */ jsx(Spinner, { className: "spiffy-tw-w-6 spiffy-tw-h-6" }),
+							fallback: /* @__PURE__ */ jsx(Spinner, { className: "spiffy-tw-h-6 spiffy-tw-w-6" }),
 							imageClassnames
 						})
 					})
@@ -203,42 +146,4 @@ const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, ur
 };
 
 //#endregion
-//#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/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 : "");
-	const verticalContainerClasses = classNames("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-overflow-hidden", "spiffy-tw-gap-inherit", !growWithContainer ? layoutClasses.verticalContainer : "");
-	const imageClipContainerClasses = classNames("spiffy-tw-w-full", aspectRatio === "3:4" ? "spiffy-tw-aspect-[3/4]" : "", aspectRatio === "square" ? "spiffy-tw-aspect-square" : "", "spiffy-tw-overflow-hidden");
-	const imageSkeletonClasses = classNames("spiffy-tw-bg-[#F4F4F6]", "spiffy-tw-animate-pulse", "spiffy-tw-opacity-70", "spiffy-tw-w-full", "spiffy-tw-h-full");
-	const contentContainerClasses = classNames("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-2", "spiffy-tw-w-full", "spiffy-tw-p-2");
-	const textSkeletonClasses = classNames(ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON, "spiffy-tw-h-[15px]", "spiffy-tw-block", "spiffy-tw-rounded-sm", "spiffy-tw-animate-pulse", "spiffy-tw-opacity-70", "spiffy-tw-bg-[#F4F4F6]");
-	return /* @__PURE__ */ jsx("div", {
-		className: containerClasses,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: verticalContainerClasses,
-			children: [/* @__PURE__ */ jsx("div", {
-				className: imageClipContainerClasses,
-				children: /* @__PURE__ */ jsx("div", { className: imageSkeletonClasses })
-			}), /* @__PURE__ */ jsxs("div", {
-				className: contentContainerClasses,
-				children: [/* @__PURE__ */ jsx("div", { className: classNames(textSkeletonClasses, "spiffy-tw-w-full") }), /* @__PURE__ */ jsx("div", { className: classNames(textSkeletonClasses, "spiffy-tw-w-[60%]") })]
-			})]
-		})
-	});
-};
-
-//#endregion
-export { ProductCard as a, variantClassMap as c, PriceSection as i, variantHoverClassMap as l, AnimatedProductCardOverrides as n, RatingSummary as o, ProductCardSkeletonOverrides as r, productCardLayoutVariantClasses as s, ProductCardSkeleton as t, variantTitleColorMap as u };
+export { PriceSection, ProductCard, RatingSummary };

package/dist/components/ProductCard/ProductCardSkeleton.cjs

@@ -0,0 +1,33 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_productCardVariants = require('./productCardVariants.cjs');
+const require_types = require('./types.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ProductCard/ProductCardSkeleton.tsx
+const ProductCardSkeleton = ({ layoutVariant, aspectRatio, growWithContainer = false }) => {
+	const layoutClasses = require_productCardVariants.productCardLayoutVariantClasses[layoutVariant || "normal"];
+	const containerClasses = (0, classnames.default)(require_types.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");
+	const imageSkeletonClasses = (0, classnames.default)("spiffy-tw-bg-[#F4F4F6]", "spiffy-tw-animate-pulse", "spiffy-tw-opacity-70", "spiffy-tw-w-full", "spiffy-tw-h-full");
+	const contentContainerClasses = (0, classnames.default)("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-2", "spiffy-tw-w-full", "spiffy-tw-p-2");
+	const textSkeletonClasses = (0, classnames.default)(require_types.ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON, "spiffy-tw-h-[15px]", "spiffy-tw-block", "spiffy-tw-rounded-sm", "spiffy-tw-animate-pulse", "spiffy-tw-opacity-70", "spiffy-tw-bg-[#F4F4F6]");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: containerClasses,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: verticalContainerClasses,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: imageClipContainerClasses,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: imageSkeletonClasses })
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: contentContainerClasses,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, classnames.default)(textSkeletonClasses, "spiffy-tw-w-full") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, classnames.default)(textSkeletonClasses, "spiffy-tw-w-[60%]") })]
+			})]
+		})
+	});
+};
+
+//#endregion
+exports.ProductCardSkeleton = ProductCardSkeleton;

package/dist/components/ProductCard/ProductCardSkeleton.d.cts

@@ -0,0 +1,7 @@
+import { ProductCardSkeletonProps } from "./types.cjs";
+import { FC } from "react";
+
+//#region src/components/ProductCard/ProductCardSkeleton.d.ts
+declare const ProductCardSkeleton: FC<ProductCardSkeletonProps>;
+//#endregion
+export { ProductCardSkeleton };

package/dist/components/ProductCard/ProductCardSkeleton.d.ts

@@ -0,0 +1,7 @@
+import { ProductCardSkeletonProps } from "./types.js";
+import { FC } from "react";
+
+//#region src/components/ProductCard/ProductCardSkeleton.d.ts
+declare const ProductCardSkeleton: FC<ProductCardSkeletonProps>;
+//#endregion
+export { ProductCardSkeleton };

package/dist/components/ProductCard/ProductCardSkeleton.js

@@ -0,0 +1,31 @@
+import { productCardLayoutVariantClasses } from "./productCardVariants.js";
+import { ProductCardSkeletonOverrides } from "./types.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#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 : "");
+	const verticalContainerClasses = classNames("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-overflow-hidden", "spiffy-tw-gap-inherit", !growWithContainer ? layoutClasses.verticalContainer : "");
+	const imageClipContainerClasses = classNames("spiffy-tw-w-full", aspectRatio === "3:4" ? "spiffy-tw-aspect-[3/4]" : "", aspectRatio === "square" ? "spiffy-tw-aspect-square" : "", "spiffy-tw-overflow-hidden");
+	const imageSkeletonClasses = classNames("spiffy-tw-bg-[#F4F4F6]", "spiffy-tw-animate-pulse", "spiffy-tw-opacity-70", "spiffy-tw-w-full", "spiffy-tw-h-full");
+	const contentContainerClasses = classNames("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-2", "spiffy-tw-w-full", "spiffy-tw-p-2");
+	const textSkeletonClasses = classNames(ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON, "spiffy-tw-h-[15px]", "spiffy-tw-block", "spiffy-tw-rounded-sm", "spiffy-tw-animate-pulse", "spiffy-tw-opacity-70", "spiffy-tw-bg-[#F4F4F6]");
+	return /* @__PURE__ */ jsx("div", {
+		className: containerClasses,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: verticalContainerClasses,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: imageClipContainerClasses,
+				children: /* @__PURE__ */ jsx("div", { className: imageSkeletonClasses })
+			}), /* @__PURE__ */ jsxs("div", {
+				className: contentContainerClasses,
+				children: [/* @__PURE__ */ jsx("div", { className: classNames(textSkeletonClasses, "spiffy-tw-w-full") }), /* @__PURE__ */ jsx("div", { className: classNames(textSkeletonClasses, "spiffy-tw-w-[60%]") })]
+			})]
+		})
+	});
+};
+
+//#endregion
+export { ProductCardSkeleton };

package/dist/components/ProductCard/index.cjs

@@ -1,16 +1,15 @@
-require('../../formatPrice-CyfkjZ3R.cjs');
-require('../../Typography-Ds4gfOJz.cjs');
-require('../../ImageWithFallback-C-ZQn7tR.cjs');
-const require_ProductCard = require('../../ProductCard-C7rZyWpj.cjs');
-require('../../Spinner-7HblFCja.cjs');
+const require_productCardVariants = require('./productCardVariants.cjs');
+const require_ProductCard = require('./ProductCard.cjs');
+const require_types = require('./types.cjs');
+const require_ProductCardSkeleton = require('./ProductCardSkeleton.cjs');
 
-exports.AnimatedProductCardOverrides = require_ProductCard.AnimatedProductCardOverrides;
+exports.AnimatedProductCardOverrides = require_types.AnimatedProductCardOverrides;
 exports.PriceSection = require_ProductCard.PriceSection;
 exports.ProductCard = require_ProductCard.ProductCard;
-exports.ProductCardSkeleton = require_ProductCard.ProductCardSkeleton;
-exports.ProductCardSkeletonOverrides = require_ProductCard.ProductCardSkeletonOverrides;
+exports.ProductCardSkeleton = require_ProductCardSkeleton.ProductCardSkeleton;
+exports.ProductCardSkeletonOverrides = require_types.ProductCardSkeletonOverrides;
 exports.RatingSummary = require_ProductCard.RatingSummary;
-exports.productCardLayoutVariantClasses = require_ProductCard.productCardLayoutVariantClasses;
-exports.variantClassMap = require_ProductCard.variantClassMap;
-exports.variantHoverClassMap = require_ProductCard.variantHoverClassMap;
-exports.variantTitleColorMap = require_ProductCard.variantTitleColorMap;
+exports.productCardLayoutVariantClasses = require_productCardVariants.productCardLayoutVariantClasses;
+exports.variantClassMap = require_productCardVariants.variantClassMap;
+exports.variantHoverClassMap = require_productCardVariants.variantHoverClassMap;
+exports.variantTitleColorMap = require_productCardVariants.variantTitleColorMap;

package/dist/components/ProductCard/index.d.cts

@@ -0,0 +1,5 @@
+import { AnimatedProductCardOverrides, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, SearchResponseProductAttributes } from "./types.cjs";
+import { PriceSection, ProductCard, RatingSummary, RatingSummaryProps } from "./ProductCard.cjs";
+import { ProductCardSkeleton } from "./ProductCardSkeleton.cjs";
+import { productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "./productCardVariants.cjs";
+export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/components/ProductCard/index.d.ts

@@ -0,0 +1,5 @@
+import { AnimatedProductCardOverrides, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, SearchResponseProductAttributes } from "./types.js";
+import { PriceSection, ProductCard, RatingSummary, RatingSummaryProps } from "./ProductCard.js";
+import { ProductCardSkeleton } from "./ProductCardSkeleton.js";
+import { productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "./productCardVariants.js";
+export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/components/ProductCard/index.js

@@ -1,7 +1,6 @@
-import "../../formatPrice-DexQu2aZ.js";
-import "../../Typography-xehJH05l.js";
-import "../../ImageWithFallback-DjDNefaG.js";
-import { a as ProductCard, c as variantClassMap, i as PriceSection, l as variantHoverClassMap, n as AnimatedProductCardOverrides, o as RatingSummary, r as ProductCardSkeletonOverrides, s as productCardLayoutVariantClasses, t as ProductCardSkeleton, u as variantTitleColorMap } from "../../ProductCard-GxpFxjh0.js";
-import "../../Spinner-OFbXMms8.js";
+import { productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "./productCardVariants.js";
+import { PriceSection, ProductCard, RatingSummary } from "./ProductCard.js";
+import { AnimatedProductCardOverrides, ProductCardSkeletonOverrides } from "./types.js";
+import { ProductCardSkeleton } from "./ProductCardSkeleton.js";
 
 export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/components/ProductCard/productCardVariants.cjs

@@ -0,0 +1,49 @@
+
+//#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
+exports.productCardLayoutVariantClasses = productCardLayoutVariantClasses;
+exports.variantClassMap = variantClassMap;
+exports.variantHoverClassMap = variantHoverClassMap;
+exports.variantTitleColorMap = variantTitleColorMap;

package/dist/components/ProductCard/productCardVariants.d.cts

@@ -0,0 +1,13 @@
+import { ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant } from "./types.cjs";
+
+//#region src/components/ProductCard/productCardVariants.d.ts
+
+/**
+ * Shared variant mapping configurations for ProductCard components
+ */
+declare const variantClassMap: Map<ProductCardVariant, string[]>;
+declare const variantHoverClassMap: Map<ProductCardHoverVariant, string[]>;
+declare const variantTitleColorMap: Map<ProductCardVariant, string>;
+declare const productCardLayoutVariantClasses: Record<ProductCardLayoutVariant, Record<string, string[]>>;
+//#endregion
+export { productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/components/ProductCard/productCardVariants.d.ts

@@ -0,0 +1,13 @@
+import { ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant } from "./types.js";
+
+//#region src/components/ProductCard/productCardVariants.d.ts
+
+/**
+ * Shared variant mapping configurations for ProductCard components
+ */
+declare const variantClassMap: Map<ProductCardVariant, string[]>;
+declare const variantHoverClassMap: Map<ProductCardHoverVariant, string[]>;
+declare const variantTitleColorMap: Map<ProductCardVariant, string>;
+declare const productCardLayoutVariantClasses: Record<ProductCardLayoutVariant, Record<string, string[]>>;
+//#endregion
+export { productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/components/ProductCard/productCardVariants.js

@@ -0,0 +1,45 @@
+//#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
+export { productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/components/ProductCard/types.cjs

@@ -0,0 +1,16 @@
+
+//#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
+exports.AnimatedProductCardOverrides = AnimatedProductCardOverrides;
+exports.ProductCardSkeletonOverrides = ProductCardSkeletonOverrides;

package/dist/components/ProductCard/types.d.cts

@@ -0,0 +1,43 @@
+import { CamelCasedPropertiesDeep } from "../../util/camelCasedPropertiesDeep.cjs";
+import { ResponseCategory, SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
+
+//#region src/components/ProductCard/types.d.ts
+declare enum ProductCardSkeletonOverrides {
+  PRODUCT_CARD_SKELETON_CONTAINER = "spiffy-product-card-skeleton-container",
+  PRODUCT_CARD_SKELETON = "spiffy-product-card-skeleton",
+}
+declare enum AnimatedProductCardOverrides {
+  PRODUCT_CARD_ANIMATED_CONTAINER = "spiffy-product-card-animated-container",
+  PRODUCT_CARD_ANIMATED_IMAGE_CONTAINER = "spiffy-product-card-animated",
+}
+type ProductGridVariant = 'standard' | 'square';
+type ProductCardVariant = 'filled' | 'bordered' | 'minimal' | 'transparentBordered';
+type ProductCardHoverVariant = 'backgroundDark' | 'none';
+type ProductCardLayoutVariant = 'normal' | 'tall' | 'square';
+type ProductCardImageAspectRatio = '3:4' | 'square' | 'none';
+interface ProductCardConfig {
+  variant: ProductCardVariant;
+  hoverVariant: ProductCardHoverVariant;
+  layoutVariant: ProductCardLayoutVariant;
+  pricePrefix?: string;
+}
+interface SearchResponseProductAttributes {
+  category: ResponseCategory.Product;
+  attributes: CamelCasedPropertiesDeep<SearchResponseProduct>;
+}
+interface ProductCardSkeletonProps {
+  layoutVariant: ProductCardLayoutVariant;
+  aspectRatio: ProductCardImageAspectRatio;
+  growWithContainer?: boolean;
+}
+interface ProductGridProps {
+  productList: SearchResponseProductAttributes['attributes'][];
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  productCardConfig?: ProductCardConfig;
+  merchantShortName: string;
+  searchResponseId: string;
+  cardsGrowWithContainer?: boolean;
+}
+//#endregion
+export { AnimatedProductCardOverrides, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, SearchResponseProductAttributes };

package/dist/components/ProductCard/types.d.ts

@@ -0,0 +1,43 @@
+import { CamelCasedPropertiesDeep } from "../../util/camelCasedPropertiesDeep.js";
+import { ResponseCategory, SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
+
+//#region src/components/ProductCard/types.d.ts
+declare enum ProductCardSkeletonOverrides {
+  PRODUCT_CARD_SKELETON_CONTAINER = "spiffy-product-card-skeleton-container",
+  PRODUCT_CARD_SKELETON = "spiffy-product-card-skeleton",
+}
+declare enum AnimatedProductCardOverrides {
+  PRODUCT_CARD_ANIMATED_CONTAINER = "spiffy-product-card-animated-container",
+  PRODUCT_CARD_ANIMATED_IMAGE_CONTAINER = "spiffy-product-card-animated",
+}
+type ProductGridVariant = 'standard' | 'square';
+type ProductCardVariant = 'filled' | 'bordered' | 'minimal' | 'transparentBordered';
+type ProductCardHoverVariant = 'backgroundDark' | 'none';
+type ProductCardLayoutVariant = 'normal' | 'tall' | 'square';
+type ProductCardImageAspectRatio = '3:4' | 'square' | 'none';
+interface ProductCardConfig {
+  variant: ProductCardVariant;
+  hoverVariant: ProductCardHoverVariant;
+  layoutVariant: ProductCardLayoutVariant;
+  pricePrefix?: string;
+}
+interface SearchResponseProductAttributes {
+  category: ResponseCategory.Product;
+  attributes: CamelCasedPropertiesDeep<SearchResponseProduct>;
+}
+interface ProductCardSkeletonProps {
+  layoutVariant: ProductCardLayoutVariant;
+  aspectRatio: ProductCardImageAspectRatio;
+  growWithContainer?: boolean;
+}
+interface ProductGridProps {
+  productList: SearchResponseProductAttributes['attributes'][];
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  productCardConfig?: ProductCardConfig;
+  merchantShortName: string;
+  searchResponseId: string;
+  cardsGrowWithContainer?: boolean;
+}
+//#endregion
+export { AnimatedProductCardOverrides, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, SearchResponseProductAttributes };

package/dist/components/ProductCard/types.js

@@ -0,0 +1,14 @@
+//#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
+export { AnimatedProductCardOverrides, ProductCardSkeletonOverrides };

package/dist/{ProductGrid-0A8vml2y.cjs → components/ProductGrid/ProductGrid.cjs}

@@ -1,31 +1,14 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ProductCard = require('./ProductCard-C7rZyWpj.cjs');
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ProductCard = require('../ProductCard/ProductCard.cjs');
+require('../ProductCard/index.cjs');
+const require_productGridVariants = require('./productGridVariants.cjs');
 let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
+classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("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/components/ProductGrid/ProductGrid.tsx
 const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, cardsGrowWithContainer = true, onProductClick }) => {
-	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = productGridVariantClasses[productGridVariant];
+	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = require_productGridVariants.productGridVariantClasses[productGridVariant];
 	const cardContainerClasses = (0, classnames.default)({
 		"spiffy-tw-w-full": cardsGrowWithContainer,
 		"spiffy-tw-h-full": cardsGrowWithContainer
@@ -57,15 +40,4 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 };
 
 //#endregion
-Object.defineProperty(exports, 'ProductGrid', {
-  enumerable: true,
-  get: function () {
-    return ProductGrid;
-  }
-});
-Object.defineProperty(exports, 'productGridVariantClasses', {
-  enumerable: true,
-  get: function () {
-    return productGridVariantClasses;
-  }
-});
+exports.ProductGrid = ProductGrid;

package/dist/components/ProductGrid/ProductGrid.d.cts

@@ -0,0 +1,25 @@
+import { ProductCardConfig, ProductGridVariant } from "../ProductCard/types.cjs";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
+import { SearchResponseProductAttributes } from "@envive-ai/react-hooks/application/models";
+
+//#region src/components/ProductGrid/ProductGrid.d.ts
+interface ProductGridProps {
+  productList: SearchResponseProductAttributes['attributes'][];
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  productCardConfig: ProductCardConfig;
+  merchantShortName: string;
+  cardsGrowWithContainer?: boolean;
+  onProductClick?: (product: SearchResponseProductAttributes['attributes'], index: number) => void;
+}
+declare const ProductGrid: ({
+  productList,
+  productGridVariant,
+  productGridClasses,
+  productCardConfig,
+  merchantShortName,
+  cardsGrowWithContainer,
+  onProductClick
+}: ProductGridProps) => react_jsx_runtime19.JSX.Element;
+//#endregion
+export { ProductGrid };

package/dist/components/ProductGrid/ProductGrid.d.ts

@@ -0,0 +1,25 @@
+import { ProductCardConfig, ProductGridVariant } from "../ProductCard/types.js";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
+import { SearchResponseProductAttributes } from "@envive-ai/react-hooks/application/models";
+
+//#region src/components/ProductGrid/ProductGrid.d.ts
+interface ProductGridProps {
+  productList: SearchResponseProductAttributes['attributes'][];
+  productGridVariant: ProductGridVariant;
+  productGridClasses: string;
+  productCardConfig: ProductCardConfig;
+  merchantShortName: string;
+  cardsGrowWithContainer?: boolean;
+  onProductClick?: (product: SearchResponseProductAttributes['attributes'], index: number) => void;
+}
+declare const ProductGrid: ({
+  productList,
+  productGridVariant,
+  productGridClasses,
+  productCardConfig,
+  merchantShortName,
+  cardsGrowWithContainer,
+  onProductClick
+}: ProductGridProps) => react_jsx_runtime31.JSX.Element;
+//#endregion
+export { ProductGrid };