@envive-ai/react-toolkit 0.2.8 → 0.2.10

package/dist/Accordion/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/Accordion/Accordion.d.ts
 interface AccordionProps {
@@ -8,6 +8,6 @@ interface AccordionProps {
 declare const Accordion: ({
   title,
   content
-}: AccordionProps) => react_jsx_runtime26.JSX.Element;
+}: AccordionProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { Accordion };

package/dist/Accordion/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/components/Accordion/Accordion.d.ts
 interface AccordionProps {
@@ -8,6 +8,6 @@ interface AccordionProps {
 declare const Accordion: ({
   title,
   content
-}: AccordionProps) => react_jsx_runtime25.JSX.Element;
+}: AccordionProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 export { Accordion };

package/dist/AnimatedChevron/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { MotionValue } from "framer-motion";
 
 //#region src/components/AnimatedChevron/AnimatedChevron.d.ts
@@ -9,6 +9,6 @@ interface AnimatedChevronProps {
 declare const AnimatedChevron: ({
   animationKey,
   chevronColor
-}: AnimatedChevronProps) => react_jsx_runtime18.JSX.Element;
+}: AnimatedChevronProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { AnimatedChevron };

package/dist/AnimatedChevron/index.d.ts

@@ -1,5 +1,5 @@
 import { MotionValue } from "framer-motion";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 
 //#region src/components/AnimatedChevron/AnimatedChevron.d.ts
 interface AnimatedChevronProps {
@@ -9,6 +9,6 @@ interface AnimatedChevronProps {
 declare const AnimatedChevron: ({
   animationKey,
   chevronColor
-}: AnimatedChevronProps) => react_jsx_runtime19.JSX.Element;
+}: AnimatedChevronProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 export { AnimatedChevron };

package/dist/AppliedFiltersScrollbar/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
 //#region src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.d.ts
@@ -17,6 +17,6 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime25.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime20.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar };

package/dist/AppliedFiltersScrollbar/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
 //#region src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.d.ts
@@ -17,6 +17,6 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime24.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar };

package/dist/ButtonBase/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 import { ButtonHTMLAttributes, CSSProperties } from "react";
 
@@ -37,6 +37,6 @@ declare const ButtonBase: ({
   dataTestId,
   onClick,
   disablePadding
-}: ButtonBaseProps) => react_jsx_runtime19.JSX.Element;
+}: ButtonBaseProps) => react_jsx_runtime22.JSX.Element;
 //#endregion
 export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/ButtonBase/index.d.ts

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, CSSProperties } from "react";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/ButtonBase/types.d.ts
@@ -37,6 +37,6 @@ declare const ButtonBase: ({
   dataTestId,
   onClick,
   disablePadding
-}: ButtonBaseProps) => react_jsx_runtime21.JSX.Element;
+}: ButtonBaseProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/DynamicFiltersScrollbar/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.d.ts
 interface DynamicFiltersScrollbarProps {
@@ -23,6 +23,6 @@ declare const DynamicFiltersScrollbar: ({
   filterDefaultClasses,
   filterHoverClasses,
   onToggleDynamicFilter
-}: DynamicFiltersScrollbarProps) => react_jsx_runtime14.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.cjs

@@ -1,5 +1,5 @@
 require('../Typography-CFNWgbM5.cjs');
-const require_DynamicFiltersScrollbar = require('../DynamicFiltersScrollbar-50i_InZz.cjs');
+const require_DynamicFiltersScrollbar = require('../DynamicFiltersScrollbar-DgS9gpdg.cjs');
 
 exports.AppliedFiltersScrollbar = require_DynamicFiltersScrollbar.AppliedFiltersScrollbar;
 exports.DynamicFiltersScrollbar = require_DynamicFiltersScrollbar.DynamicFiltersScrollbar;

package/dist/FilterScrollbar/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
 //#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
@@ -17,7 +17,7 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime21.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 //#region src/components/FilterScrollbar/DynamicFiltersScrollbar.d.ts
 interface DynamicFiltersScrollbarProps {
@@ -42,6 +42,6 @@ declare const DynamicFiltersScrollbar: ({
   filterDefaultClasses,
   filterHoverClasses,
   onToggleDynamicFilter
-}: DynamicFiltersScrollbarProps) => react_jsx_runtime21.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
 //#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
@@ -17,7 +17,7 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime23.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime22.JSX.Element;
 //#endregion
 //#region src/components/FilterScrollbar/DynamicFiltersScrollbar.d.ts
 interface DynamicFiltersScrollbarProps {
@@ -42,6 +42,6 @@ declare const DynamicFiltersScrollbar: ({
   filterDefaultClasses,
   filterHoverClasses,
   onToggleDynamicFilter
-}: DynamicFiltersScrollbarProps) => react_jsx_runtime23.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime22.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.js

@@ -1,4 +1,4 @@
 import "../Typography-D3vDkBMS.js";
-import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "../DynamicFiltersScrollbar-AhyHehrB.js";
+import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "../DynamicFiltersScrollbar-CJG4K0PH.js";
 
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/ImageWithFallback/index.cjs

@@ -1,3 +1,3 @@
-const require_ImageWithFallback = require('../ImageWithFallback-1LqhQK1q.cjs');
+const require_ImageWithFallback = require('../ImageWithFallback-Bx17VPmQ.cjs');
 
 exports.ImageWithFallback = require_ImageWithFallback.ImageWithFallback;

package/dist/ImageWithFallback/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ImageWithFallback/ImageWithFallback.d.ts
@@ -21,6 +21,6 @@ declare const ImageWithFallback: ({
   imageClassnames,
   onLoad,
   onError
-}: ImageWithFallbackProps) => react_jsx_runtime17.JSX.Element;
+}: ImageWithFallbackProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { ImageWithFallback, ImageWithFallbackProps };

package/dist/ImageWithFallback/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/components/ImageWithFallback/ImageWithFallback.d.ts
 interface ImageWithFallbackProps {
@@ -21,6 +21,6 @@ declare const ImageWithFallback: ({
   imageClassnames,
   onLoad,
   onError
-}: ImageWithFallbackProps) => react_jsx_runtime20.JSX.Element;
+}: ImageWithFallbackProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { ImageWithFallback, ImageWithFallbackProps };

package/dist/ImageWithFallback/index.js

@@ -1,3 +1,3 @@
-import { ImageWithFallback } from "../ImageWithFallback-Ckwsmd8P.js";
+import { ImageWithFallback } from "../ImageWithFallback-c-DTsBH-.js";
 
 export { ImageWithFallback };

package/dist/ModalSheet/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/components/ModalSheet/types.d.ts
 type ModalSheetProps = {
@@ -33,6 +33,6 @@ declare const ModalSheet: ({
   desktopWidth,
   headerProps,
   footerProps
-}: ModalSheetProps) => react_jsx_runtime13.JSX.Element;
+}: ModalSheetProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { ModalSheet };

package/dist/ModalSheet/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/ModalSheet/types.d.ts
 type ModalSheetProps = {
@@ -33,6 +33,6 @@ declare const ModalSheet: ({
   desktopWidth,
   headerProps,
   footerProps
-}: ModalSheetProps) => react_jsx_runtime26.JSX.Element;
+}: ModalSheetProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { ModalSheet };

package/dist/ProductCard/index.cjs

@@ -1,6 +1,6 @@
 require('../Typography-CFNWgbM5.cjs');
-require('../ImageWithFallback-1LqhQK1q.cjs');
-const require_ProductCard = require('../ProductCard-DksbHI3v.cjs');
+require('../ImageWithFallback-Bx17VPmQ.cjs');
+const require_ProductCard = require('../ProductCard-C-8ie9Lf.cjs');
 require('../Spinner-DjK8ts9E.cjs');
 
 exports.AnimatedProductCardOverrides = require_ProductCard.AnimatedProductCardOverrides;

package/dist/ProductCard/index.d.cts

@@ -1,2 +1,2 @@
-import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-CY3-7i6i.cjs";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-BqARXvZ6.cjs";
 export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/ProductCard/index.d.ts

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

package/dist/ProductCard/index.js

@@ -1,6 +1,6 @@
 import "../Typography-D3vDkBMS.js";
-import "../ImageWithFallback-Ckwsmd8P.js";
-import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../ProductCard-DRczevG8.js";
+import "../ImageWithFallback-c-DTsBH-.js";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../ProductCard-n-PAth5m.js";
 import "../Spinner-BqTt55uu.js";
 
 export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/{ProductCard-DksbHI3v.cjs → ProductCard-C-8ie9Lf.cjs}

@@ -1,6 +1,6 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
 const require_Typography = require('./Typography-CFNWgbM5.cjs');
-const require_ImageWithFallback = require('./ImageWithFallback-1LqhQK1q.cjs');
+const require_ImageWithFallback = require('./ImageWithFallback-Bx17VPmQ.cjs');
 const require_Spinner = require('./Spinner-DjK8ts9E.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);

package/dist/{ProductCard-DRczevG8.js → ProductCard-n-PAth5m.js}

@@ -1,5 +1,5 @@
 import { Typography } from "./Typography-D3vDkBMS.js";
-import { ImageWithFallback } from "./ImageWithFallback-Ckwsmd8P.js";
+import { ImageWithFallback } from "./ImageWithFallback-c-DTsBH-.js";
 import { Spinner } from "./Spinner-BqTt55uu.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/ProductGrid/index.cjs

@@ -1,8 +1,8 @@
 require('../Typography-CFNWgbM5.cjs');
-require('../ImageWithFallback-1LqhQK1q.cjs');
-require('../ProductCard-DksbHI3v.cjs');
+require('../ImageWithFallback-Bx17VPmQ.cjs');
+require('../ProductCard-C-8ie9Lf.cjs');
 require('../Spinner-DjK8ts9E.cjs');
-const require_ProductGrid = require('../ProductGrid-DxbFvnNs.cjs');
+const require_ProductGrid = require('../ProductGrid-Ba2tUgmC.cjs');
 
 exports.ProductGrid = require_ProductGrid.ProductGrid;
 exports.productGridVariantClasses = require_ProductGrid.productGridVariantClasses;

package/dist/ProductGrid/index.d.cts

@@ -1,5 +1,5 @@
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-CY3-7i6i.cjs";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-BqARXvZ6.cjs";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 import { SearchResponseProductAttributes } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
@@ -10,6 +10,7 @@ interface ProductGridProps {
   productCardConfig: ProductCardConfig;
   merchantShortName: string;
   cardsGrowWithContainer?: boolean;
+  onProductClick?: (product: SearchResponseProductAttributes['attributes'], index: number) => void;
 }
 declare const ProductGrid: ({
   productList,
@@ -17,8 +18,9 @@ declare const ProductGrid: ({
   productGridClasses,
   productCardConfig,
   merchantShortName,
-  cardsGrowWithContainer
-}: ProductGridProps) => react_jsx_runtime16.JSX.Element;
+  cardsGrowWithContainer,
+  onProductClick
+}: ProductGridProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 //#region src/components/ProductGrid/productGridVariants.d.ts
 interface ProductGridVariantClasses {

package/dist/ProductGrid/index.d.ts

@@ -1,5 +1,5 @@
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-DELwJODl.js";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-BB4Qbpmg.js";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { SearchResponseProductAttributes } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
@@ -10,6 +10,7 @@ interface ProductGridProps {
   productCardConfig: ProductCardConfig;
   merchantShortName: string;
   cardsGrowWithContainer?: boolean;
+  onProductClick?: (product: SearchResponseProductAttributes['attributes'], index: number) => void;
 }
 declare const ProductGrid: ({
   productList,
@@ -17,8 +18,9 @@ declare const ProductGrid: ({
   productGridClasses,
   productCardConfig,
   merchantShortName,
-  cardsGrowWithContainer
-}: ProductGridProps) => react_jsx_runtime14.JSX.Element;
+  cardsGrowWithContainer,
+  onProductClick
+}: ProductGridProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 //#region src/components/ProductGrid/productGridVariants.d.ts
 interface ProductGridVariantClasses {

package/dist/ProductGrid/index.js

@@ -1,7 +1,7 @@
 import "../Typography-D3vDkBMS.js";
-import "../ImageWithFallback-Ckwsmd8P.js";
-import "../ProductCard-DRczevG8.js";
+import "../ImageWithFallback-c-DTsBH-.js";
+import "../ProductCard-n-PAth5m.js";
 import "../Spinner-BqTt55uu.js";
-import { ProductGrid, productGridVariantClasses } from "../ProductGrid-CGHDHthe.js";
+import { ProductGrid, productGridVariantClasses } from "../ProductGrid-xXkWzvR2.js";
 
 export { ProductGrid, productGridVariantClasses };

package/dist/{ProductGrid-DxbFvnNs.cjs → ProductGrid-Ba2tUgmC.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ProductCard = require('./ProductCard-DksbHI3v.cjs');
+const require_ProductCard = require('./ProductCard-C-8ie9Lf.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -25,7 +25,7 @@ const productGridVariantClasses = {
 
 //#endregion
 //#region src/components/ProductGrid/ProductGrid.tsx
-const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, cardsGrowWithContainer = true }) => {
+const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, cardsGrowWithContainer = true, onProductClick }) => {
 	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = productGridVariantClasses[productGridVariant];
 	const cardContainerClasses = (0, classnames.default)({
 		"spiffy-tw-w-full": cardsGrowWithContainer,
@@ -33,7 +33,7 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: productGridClasses,
-		children: productList.map((product) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		children: productList.map((product, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: cardContainerClasses,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductCard.ProductCard, {
 				productCardConfig,
@@ -50,7 +50,8 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 				hoverVariant: productCardHoverVariant,
 				zoomOnHover,
 				aspectRatio: productCardImageAspectRatio,
-				growWithContainer: cardsGrowWithContainer
+				growWithContainer: cardsGrowWithContainer,
+				onClick: () => onProductClick?.(product, index)
 			})
 		}, product.id))
 	});

package/dist/{ProductGrid-CGHDHthe.js → ProductGrid-xXkWzvR2.js}

@@ -1,4 +1,4 @@
-import { ProductCard } from "./ProductCard-DRczevG8.js";
+import { ProductCard } from "./ProductCard-n-PAth5m.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 
@@ -22,7 +22,7 @@ const productGridVariantClasses = {
 
 //#endregion
 //#region src/components/ProductGrid/ProductGrid.tsx
-const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, cardsGrowWithContainer = true }) => {
+const ProductGrid = ({ productList, productGridVariant, productGridClasses, productCardConfig, merchantShortName, cardsGrowWithContainer = true, onProductClick }) => {
 	const { productCardVariant, productCardHoverVariant, productCardLayoutVariant, productCardImageAspectRatio, zoomOnHover } = productGridVariantClasses[productGridVariant];
 	const cardContainerClasses = classNames({
 		"spiffy-tw-w-full": cardsGrowWithContainer,
@@ -30,7 +30,7 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 	});
 	return /* @__PURE__ */ jsx("div", {
 		className: productGridClasses,
-		children: productList.map((product) => /* @__PURE__ */ jsx("div", {
+		children: productList.map((product, index) => /* @__PURE__ */ jsx("div", {
 			className: cardContainerClasses,
 			children: /* @__PURE__ */ jsx(ProductCard, {
 				productCardConfig,
@@ -47,7 +47,8 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 				hoverVariant: productCardHoverVariant,
 				zoomOnHover,
 				aspectRatio: productCardImageAspectRatio,
-				growWithContainer: cardsGrowWithContainer
+				growWithContainer: cardsGrowWithContainer,
+				onClick: () => onProductClick?.(product, index)
 			})
 		}, product.id))
 	});

package/dist/RadioButton/index.cjs

@@ -1,3 +1,4 @@
-const require_RadioButton = require('../RadioButton-BzZTrq-i.cjs');
+require('../Typography-CFNWgbM5.cjs');
+const require_RadioButton = require('../RadioButton-BBc1b5vX.cjs');
 
 exports.RadioButton = require_RadioButton.RadioButton;

package/dist/RadioButton/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/RadioButton/RadioButton.d.ts
@@ -27,6 +27,6 @@ declare const RadioButton: ({
   checked,
   onChange,
   id
-}: RadioButtonProps) => react_jsx_runtime12.JSX.Element;
+}: RadioButtonProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { RadioButton };

package/dist/RadioButton/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/RadioButton/RadioButton.d.ts
@@ -27,6 +27,6 @@ declare const RadioButton: ({
   checked,
   onChange,
   id
-}: RadioButtonProps) => react_jsx_runtime28.JSX.Element;
+}: RadioButtonProps) => react_jsx_runtime7.JSX.Element;
 //#endregion
 export { RadioButton };

package/dist/RadioButton/index.js

@@ -1,3 +1,4 @@
-import { RadioButton } from "../RadioButton-DRdlp-HC.js";
+import "../Typography-D3vDkBMS.js";
+import { RadioButton } from "../RadioButton-gnFz0TWN.js";
 
 export { RadioButton };

package/dist/{RadioButton-BzZTrq-i.cjs → RadioButton-BBc1b5vX.cjs}

@@ -1,4 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_Typography = require('./Typography-CFNWgbM5.cjs');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let classnames = require("classnames");
@@ -27,44 +28,47 @@ const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "
 	const handleChange = () => {
 		if (!isDisabled) onChange(value);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__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)("label", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 		className: containerClassName,
 		onMouseEnter: () => !isDisabled && setIsHovered(true),
 		onMouseLeave: () => setIsHovered(false),
 		"aria-label": label,
 		htmlFor: id,
-		children: label
-	})] });
+		children: [/* @__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_Typography.Typography, {
+			variant: "body3",
+			children: label
+		})]
+	});
 };
 
 //#endregion