@envive-ai/react-toolkit 0.2.0 → 0.2.2

package/dist/ProductCard-CqhNJShq.js

@@ -1,255 +0,0 @@
-import { Text } from "./Text-BLzNhX4H.js";
-import { Headline } from "./Headline-DtjTB4xS.js";
-import { ImageWithFallback } from "./ImageWithFallback-CbYsD1_a.js";
-import { Spinner } from "./Spinner-bg6jb_ks.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";
-
-//#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/util/formatPrice.ts
-const formatPrice = (price, currency = "$") => {
-	if (price == null) return "";
-	const options = {};
-	if (!Number.isInteger(price)) {
-		options.minimumFractionDigits = 2;
-		options.maximumFractionDigits = 2;
-	}
-	return `${currency}${price.toLocaleString("en-US", options)}`;
-};
-
-//#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,
-	maximumFractionDigits: 1
-}));
-const RatingSummary = ({ stars, reviewCount, className }) => {
-	const group = classNames("spiffy-product-card-rating", "spiffy-product-card-text-color", "spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-items-center", "spiffy-tw-gap-1", "spiffy-tw-text-[--spiffy-colors-text-primary]", "spiffy-tw-tracking-[0.8px]");
-	const starClassnames = classNames("spiffy-product-card-rating-star-color", "spiffy-tw-fill-[--spiffy-colors-accent-primary]", "spiffy-tw-w-[14px]", "spiffy-tw-h-[14px]");
-	return /* @__PURE__ */ jsx("div", {
-		className,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: group,
-			children: [
-				/* @__PURE__ */ jsx(MdStar, { className: starClassnames }),
-				/* @__PURE__ */ jsx(Text, {
-					variant: "body3",
-					children: formatReviews(stars)
-				}),
-				/* @__PURE__ */ jsxs(Text, {
-					variant: "body3",
-					children: [
-						"(",
-						reviewCount,
-						")"
-					]
-				})
-			]
-		})
-	});
-};
-const PriceSection = ({ originalPrice, salePrice, pricePrefix }) => {
-	if (!originalPrice) return null;
-	const priceClassName = classNames("spiffy-product-card-price", "spiffy-product-card-text-color", "spiffy-tw-font-regular", "spiffy-tw-flex", "spiffy-tw-flex-wrap", "spiffy-tw-gap-1", "spiffy-tw-text-sm", "spiffy-tw-font-[400]", "spiffy-tw-leading-[100%]", "spiffy-tw-tracking-[0.8px]", "spiffy-tw-text-[--spiffy-colors-text-primary]");
-	const showSalePrice = salePrice && originalPrice !== salePrice;
-	return /* @__PURE__ */ jsxs("div", {
-		className: priceClassName,
-		children: [
-			pricePrefix && /* @__PURE__ */ jsx(Text, { children: pricePrefix }),
-			showSalePrice && /* @__PURE__ */ jsx(Text, { children: salePrice }),
-			/* @__PURE__ */ jsx(Text, {
-				className: showSalePrice ? "spiffy-tw-line-through" : "",
-				children: originalPrice
-			})
-		]
-	});
-};
-const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, url, originalPrice, averageRating, numberReviews, salePrice, variant, hoverVariant, dataTestId, layoutVariant = "normal", zoomOnHover = false, aspectRatio = "none", growWithContainer = false, handleClick }) => {
-	const { resolve } = useImageResolver();
-	const finalVariant = variant ?? productCardConfig?.variant ?? "filled";
-	const finalHoverVariant = hoverVariant ?? productCardConfig?.hoverVariant ?? "backgroundDark";
-	const finalLayoutVariant = layoutVariant ?? productCardConfig?.layoutVariant ?? "normal";
-	const pricePrefix = productCardConfig?.pricePrefix;
-	if (productCardConfig == null) {
-		logger_default.logError("[ProductCard] productCardConfig is null", void 0, { merchant: merchantShortName });
-		return null;
-	}
-	const layoutClasses = productCardLayoutVariantClasses[finalLayoutVariant];
-	const containerClassnames = classNames("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, variantClassMap.get(finalVariant) ?? [], variantHoverClassMap.get(finalHoverVariant) ?? []);
-	const verticalContainerVariantClasses = productCardLayoutVariantClasses[layoutVariant].verticalContainer;
-	const verticalContainerClassnames = classNames("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,
-		"spiffy-tw-flex-1": growWithContainer
-	}, ...!growWithContainer && layoutVariant ? verticalContainerVariantClasses : []);
-	const linkClassnames = classNames({
-		"spiffy-tw-w-full": true,
-		"spiffy-tw-h-full": true,
-		"spiffy-tw-overflow-hidden": true,
-		"spiffy-tw-select-none": true
-	});
-	const imageClipContainerClassnames = classNames("spiffy-tw-w-full", "spiffy-tw-overflow-hidden", {
-		"spiffy-tw-flex-shrink-0": growWithContainer,
-		"spiffy-tw-tw-h-full": !growWithContainer
-	}, aspectRatio === "3:4" ? "spiffy-tw-aspect-[3/4]" : "", aspectRatio === "square" ? "spiffy-tw-aspect-square" : "");
-	const imageContainerClassnames = classNames(linkClassnames, zoomOnHover ? [
-		"spiffy-tw-transition-transform",
-		"spiffy-tw-duration-200",
-		"spiffy-tw-origin-top",
-		"hover:spiffy-tw-scale-105"
-	] : []);
-	const contentClassnames = classNames("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 = classNames("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 = classNames("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 = classNames("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__ */ jsx("div", {
-		className: containerClassnames,
-		"data-testid": dataTestId,
-		children: /* @__PURE__ */ jsx("a", {
-			href: url,
-			onClick: () => handleClick(url),
-			target: "_self",
-			draggable: false,
-			children: /* @__PURE__ */ jsxs("div", {
-				className: verticalContainerClassnames,
-				children: [/* @__PURE__ */ jsx("div", {
-					className: imageClipContainerClassnames,
-					children: /* @__PURE__ */ jsx("div", {
-						className: imageContainerClassnames,
-						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" }),
-							imageClassnames
-						})
-					})
-				}), /* @__PURE__ */ jsxs("div", {
-					className: contentClassnames,
-					children: [/* @__PURE__ */ jsx(Headline, {
-						variant: "h4",
-						className: productTitleClassnames,
-						children: title
-					}), /* @__PURE__ */ jsxs("div", {
-						className: priceAndRatingContainerClassnames,
-						children: [(originalPrice || salePrice) && /* @__PURE__ */ jsx(PriceSection, {
-							originalPrice: formatPrice(originalPrice),
-							salePrice: formatPrice(salePrice),
-							pricePrefix
-						}), averageRating && numberReviews && /* @__PURE__ */ jsx(RatingSummary, {
-							stars: averageRating,
-							reviewCount: numberReviews
-						})]
-					})]
-				})]
-			})
-		})
-	});
-};
-
-//#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 { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/ProductGrid/index.cjs

@@ -1,10 +0,0 @@
-require('../textVariantClasses-CBre7vXv.cjs');
-require('../Text-DllCE9_D.cjs');
-require('../Headline-CKJmd2w4.cjs');
-require('../ImageWithFallback-Km9h16Vz.cjs');
-require('../ProductCard-BDz80MCQ.cjs');
-require('../Spinner-rcWX566W.cjs');
-const require_ProductGrid = require('../ProductGrid-RRcdkY5J.cjs');
-
-exports.ProductGrid = require_ProductGrid.ProductGrid;
-exports.productGridVariantClasses = require_ProductGrid.productGridVariantClasses;

package/dist/ProductGrid/index.d.cts

@@ -1,33 +0,0 @@
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-B9WeFNlO.cjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
-
-//#region src/components/ProductGrid/ProductGrid.d.ts
-interface ProductGridProps {
-  productList: SearchResponseProduct[];
-  productGridVariant: ProductGridVariant;
-  productGridClasses: string;
-  productCardConfig?: ProductCardConfig;
-  merchantShortName: string;
-  cardsGrowWithContainer?: boolean;
-}
-declare const ProductGrid: ({
-  productList,
-  productGridVariant,
-  productGridClasses,
-  productCardConfig,
-  merchantShortName,
-  cardsGrowWithContainer
-}: ProductGridProps) => react_jsx_runtime0.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

@@ -1,33 +0,0 @@
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-CeECGrFM.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
-import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
-
-//#region src/components/ProductGrid/ProductGrid.d.ts
-interface ProductGridProps {
-  productList: SearchResponseProduct[];
-  productGridVariant: ProductGridVariant;
-  productGridClasses: string;
-  productCardConfig?: ProductCardConfig;
-  merchantShortName: string;
-  cardsGrowWithContainer?: boolean;
-}
-declare const ProductGrid: ({
-  productList,
-  productGridVariant,
-  productGridClasses,
-  productCardConfig,
-  merchantShortName,
-  cardsGrowWithContainer
-}: ProductGridProps) => react_jsx_runtime6.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

@@ -1,9 +0,0 @@
-import "../textVariantClasses-CRrTb43V.js";
-import "../Text-BLzNhX4H.js";
-import "../Headline-DtjTB4xS.js";
-import "../ImageWithFallback-CbYsD1_a.js";
-import "../ProductCard-CqhNJShq.js";
-import "../Spinner-bg6jb_ks.js";
-import { ProductGrid, productGridVariantClasses } from "../ProductGrid-8n4XgcMr.js";
-
-export { ProductGrid, productGridVariantClasses };

package/dist/ProductGrid-8n4XgcMr.js

@@ -1,60 +0,0 @@
-import { ProductCard } from "./ProductCard-CqhNJShq.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/components/ProductGrid/ProductGrid.tsx
-const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, cardsGrowWithContainer = true }) => {
-	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = productGridVariantClasses[productGridVariant];
-	const cardContainerClasses = classNames({
-		"spiffy-tw-w-full": cardsGrowWithContainer,
-		"spiffy-tw-h-full": cardsGrowWithContainer
-	});
-	return /* @__PURE__ */ jsx("div", {
-		className: productGridClasses,
-		children: productList.map((product) => {
-			const camelCasedProduct = product;
-			return /* @__PURE__ */ jsx("div", {
-				className: cardContainerClasses,
-				children: /* @__PURE__ */ jsx(ProductCard, {
-					productCardConfig,
-					merchantShortName,
-					imageUrl: camelCasedProduct.imageUrl,
-					title: camelCasedProduct.title,
-					url: camelCasedProduct.url,
-					originalPrice: camelCasedProduct.originalPrice,
-					salePrice: camelCasedProduct.salePrice,
-					averageRating: camelCasedProduct.averageRating,
-					numberReviews: camelCasedProduct.numberReviews,
-					layoutVariant: productCardLayoutVariant,
-					variant: productCardVariant,
-					hoverVariant: productCardHoverVariant,
-					zoomOnHover,
-					aspectRatio: productCardImageAspectRatio,
-					growWithContainer: cardsGrowWithContainer
-				}, camelCasedProduct.id)
-			}, camelCasedProduct.id);
-		})
-	});
-};
-
-//#endregion
-export { ProductGrid, productGridVariantClasses };

package/dist/ProductGrid-RRcdkY5J.cjs

@@ -1,74 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ProductCard = require('./ProductCard-BDz80MCQ.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/components/ProductGrid/ProductGrid.tsx
-const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, cardsGrowWithContainer = true }) => {
-	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = productGridVariantClasses[productGridVariant];
-	const cardContainerClasses = (0, classnames.default)({
-		"spiffy-tw-w-full": cardsGrowWithContainer,
-		"spiffy-tw-h-full": cardsGrowWithContainer
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: productGridClasses,
-		children: productList.map((product) => {
-			const camelCasedProduct = product;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: cardContainerClasses,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductCard.ProductCard, {
-					productCardConfig,
-					merchantShortName,
-					imageUrl: camelCasedProduct.imageUrl,
-					title: camelCasedProduct.title,
-					url: camelCasedProduct.url,
-					originalPrice: camelCasedProduct.originalPrice,
-					salePrice: camelCasedProduct.salePrice,
-					averageRating: camelCasedProduct.averageRating,
-					numberReviews: camelCasedProduct.numberReviews,
-					layoutVariant: productCardLayoutVariant,
-					variant: productCardVariant,
-					hoverVariant: productCardHoverVariant,
-					zoomOnHover,
-					aspectRatio: productCardImageAspectRatio,
-					growWithContainer: cardsGrowWithContainer
-				}, camelCasedProduct.id)
-			}, camelCasedProduct.id);
-		})
-	});
-};
-
-//#endregion
-Object.defineProperty(exports, 'ProductGrid', {
-  enumerable: true,
-  get: function () {
-    return ProductGrid;
-  }
-});
-Object.defineProperty(exports, 'productGridVariantClasses', {
-  enumerable: true,
-  get: function () {
-    return productGridVariantClasses;
-  }
-});

package/dist/RadioButton/index.cjs

@@ -1,6 +0,0 @@
-require('../textVariantClasses-CBre7vXv.cjs');
-require('../Text-DllCE9_D.cjs');
-require('../Text-C8t_iEj6.cjs');
-const require_RadioButton = require('../RadioButton-BWnaUI8o.cjs');
-
-exports.RadioButton = require_RadioButton.RadioButton;

package/dist/RadioButton/index.d.cts

@@ -1,32 +0,0 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { TestProps } from "@envive-ai/react-hooks/types";
-
-//#region src/components/RadioButton/RadioButton.d.ts
-interface RadioButtonProps extends TestProps {
-  isDisabled?: boolean;
-  label: string;
-  name: string;
-  value: string;
-  textButtonGap?: 'small' | 'medium' | 'large';
-  fillColor?: string;
-  hoverColor?: string;
-  uncheckedBorderColor?: string;
-  checked?: boolean;
-  onChange: (value: string) => void;
-  id: any;
-}
-declare const RadioButton: ({
-  isDisabled,
-  label,
-  name,
-  value,
-  textButtonGap,
-  fillColor,
-  hoverColor,
-  uncheckedBorderColor,
-  checked,
-  onChange,
-  id
-}: RadioButtonProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { RadioButton };

package/dist/RadioButton/index.d.ts

@@ -1,32 +0,0 @@
-import * as react_jsx_runtime17 from "react/jsx-runtime";
-import { TestProps } from "@envive-ai/react-hooks/types";
-
-//#region src/components/RadioButton/RadioButton.d.ts
-interface RadioButtonProps extends TestProps {
-  isDisabled?: boolean;
-  label: string;
-  name: string;
-  value: string;
-  textButtonGap?: 'small' | 'medium' | 'large';
-  fillColor?: string;
-  hoverColor?: string;
-  uncheckedBorderColor?: string;
-  checked?: boolean;
-  onChange: (value: string) => void;
-  id: any;
-}
-declare const RadioButton: ({
-  isDisabled,
-  label,
-  name,
-  value,
-  textButtonGap,
-  fillColor,
-  hoverColor,
-  uncheckedBorderColor,
-  checked,
-  onChange,
-  id
-}: RadioButtonProps) => react_jsx_runtime17.JSX.Element;
-//#endregion
-export { RadioButton };

package/dist/RadioButton/index.js

@@ -1,6 +0,0 @@
-import "../textVariantClasses-CRrTb43V.js";
-import "../Text-BLzNhX4H.js";
-import "../Text-BMsncrpY.js";
-import { RadioButton } from "../RadioButton-CG8_M0hY.js";
-
-export { RadioButton };

package/dist/RadioButton-BWnaUI8o.cjs

@@ -1,84 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Text = require('./Text-DllCE9_D.cjs');
-let react = require("react");
-react = require_chunk.__toESM(react);
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
-
-//#region src/components/RadioButton/RadioButton.tsx
-const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "medium", fillColor, hoverColor, uncheckedBorderColor, checked = false, onChange, id }) => {
-	const [isHovered, setIsHovered] = (0, react.useState)(false);
-	const containerClassName = (0, classnames.default)({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-items-center": true,
-		"spiffy-tw-group": true,
-		"spiffy-tw-gap-1": textButtonGap === "small",
-		"spiffy-tw-gap-2": textButtonGap === "medium",
-		"spiffy-tw-gap-4": textButtonGap === "large",
-		"spiffy-tw-cursor-pointer": !isDisabled,
-		"spiffy-tw-opacity-40": isDisabled
-	});
-	const getFillColor = () => {
-		if (isHovered && hoverColor) return hoverColor;
-		if (checked) return fillColor;
-		return uncheckedBorderColor;
-	};
-	const handleChange = () => {
-		if (!isDisabled) onChange(value);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-			className: containerClassName,
-			onMouseEnter: () => !isDisabled && setIsHovered(true),
-			onMouseLeave: () => setIsHovered(false),
-			"aria-label": label,
-			htmlFor: id,
-			children: label
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "spiffy-tw-relative",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				type: "radio",
-				id,
-				name,
-				value,
-				checked,
-				disabled: isDisabled,
-				onChange: handleChange,
-				className: "spiffy-tw-sr-only"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				width: "24",
-				height: "24",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-					cx: "12",
-					cy: "12",
-					r: "11.5",
-					fill: "white",
-					stroke: getFillColor()
-				}), checked && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-					cx: "12",
-					cy: "12",
-					r: "9",
-					fill: getFillColor()
-				})]
-			})]
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
-			variant: "body3",
-			children: label
-		})
-	] });
-};
-
-//#endregion
-Object.defineProperty(exports, 'RadioButton', {
-  enumerable: true,
-  get: function () {
-    return RadioButton;
-  }
-});