@envive-ai/react-toolkit 0.2.9 → 0.2.10

package/dist/Accordion/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime23 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_runtime23.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_runtime27 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_runtime27.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_runtime25 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_runtime25.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_runtime26 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_runtime26.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_runtime0 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_runtime0.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime20.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar };

package/dist/ButtonBase/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 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_runtime18.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_runtime10 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_runtime10.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_runtime24 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_runtime24.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DynamicFiltersScrollbar };

package/dist/DynamicFiltersScrollbar/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime27 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_runtime23.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime27.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_runtime14 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_runtime14.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_runtime14.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_runtime20 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_runtime20.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_runtime20.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_runtime22 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_runtime22.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_runtime27 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_runtime27.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_runtime15 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_runtime15.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-Dz7MKQfH.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-Wd_cQHmW.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-CStAsiRj.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-Dz7MKQfH.cjs";
-import * as react_jsx_runtime19 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_runtime19.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-Wd_cQHmW.js";
-import * as react_jsx_runtime19 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_runtime19.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-B36atUp5.js";
+import { ProductGrid, productGridVariantClasses } from "../ProductGrid-xXkWzvR2.js";
 
 export { ProductGrid, productGridVariantClasses };

package/dist/{ProductGrid-CStAsiRj.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-B36atUp5.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,4 +1,4 @@
 require('../Typography-CFNWgbM5.cjs');
-const require_RadioButton = require('../RadioButton-OqwNhq7S.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_runtime15 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_runtime15.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_runtime24 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_runtime24.JSX.Element;
+}: RadioButtonProps) => react_jsx_runtime7.JSX.Element;
 //#endregion
 export { RadioButton };

package/dist/RadioButton/index.js

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

package/dist/RadioButtonGroup/index.cjs

@@ -1,6 +1,6 @@
 require('../Typography-CFNWgbM5.cjs');
-require('../RadioButton-OqwNhq7S.cjs');
-const require_RadioButtonGroup = require('../RadioButtonGroup-DwMWFYga.cjs');
+require('../RadioButton-BBc1b5vX.cjs');
+const require_RadioButtonGroup = require('../RadioButtonGroup-DxOtcIdO.cjs');
 
 exports.RadioButtonGroup = require_RadioButtonGroup.RadioButtonGroup;
 exports.SPIFFY_RADIO_BUTTON_GROUP_CLASS = require_RadioButtonGroup.SPIFFY_RADIO_BUTTON_GROUP_CLASS;

package/dist/RadioButtonGroup/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/RadioButtonGroup/RadioButtonGroup.d.ts
@@ -31,6 +31,6 @@ declare const RadioButtonGroup: ({
   gap,
   textButtonGap,
   onChange
-}: RadioButtonGroupProps) => react_jsx_runtime16.JSX.Element;
+}: RadioButtonGroupProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/RadioButtonGroup/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/RadioButtonGroup/RadioButtonGroup.d.ts
@@ -31,6 +31,6 @@ declare const RadioButtonGroup: ({
   gap,
   textButtonGap,
   onChange
-}: RadioButtonGroupProps) => react_jsx_runtime9.JSX.Element;
+}: RadioButtonGroupProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/RadioButtonGroup/index.js

@@ -1,5 +1,5 @@
 import "../Typography-D3vDkBMS.js";
-import "../RadioButton-DoqlQgeW.js";
-import { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS } from "../RadioButtonGroup-BP4aECu6.js";
+import "../RadioButton-gnFz0TWN.js";
+import { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS } from "../RadioButtonGroup-DLLleeDX.js";
 
 export { RadioButtonGroup, SPIFFY_RADIO_BUTTON_GROUP_CLASS };

package/dist/{RadioButtonGroup-BP4aECu6.js → RadioButtonGroup-DLLleeDX.js}

@@ -1,4 +1,4 @@
-import { RadioButton } from "./RadioButton-DoqlQgeW.js";
+import { RadioButton } from "./RadioButton-gnFz0TWN.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 

package/dist/{RadioButtonGroup-DwMWFYga.cjs → RadioButtonGroup-DxOtcIdO.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_RadioButton = require('./RadioButton-OqwNhq7S.cjs');
+const require_RadioButton = require('./RadioButton-BBc1b5vX.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/SearchAutocomplete/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/SearchAutocomplete/SearchAutocomplete.d.ts
 interface GlobalSearchAutocompleteProps {
@@ -16,6 +16,6 @@ declare const SearchAutocomplete: ({
   searchText,
   onSuggestionSelect,
   iconColor
-}: GlobalSearchAutocompleteProps) => react_jsx_runtime12.JSX.Element;
+}: GlobalSearchAutocompleteProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { SearchAutocomplete };

package/dist/SearchAutocomplete/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/components/SearchAutocomplete/SearchAutocomplete.d.ts
 interface GlobalSearchAutocompleteProps {
@@ -16,6 +16,6 @@ declare const SearchAutocomplete: ({
   searchText,
   onSuggestionSelect,
   iconColor
-}: GlobalSearchAutocompleteProps) => react_jsx_runtime18.JSX.Element;
+}: GlobalSearchAutocompleteProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { SearchAutocomplete };

package/dist/SearchFilter/index.cjs

@@ -4,10 +4,10 @@ require('../AnimatedChevron-Q96FneFy.cjs');
 require('../ButtonBase-AU23oGQr.cjs');
 require('../ButtonBase-DbWQ25n-.cjs');
 require('../ModalSheet-CcthFeMD.cjs');
-require('../RadioButton-OqwNhq7S.cjs');
-require('../RadioButtonGroup-DwMWFYga.cjs');
-const require_SearchFilter = require('../SearchFilter-Yk01V_VO.cjs');
-require('../ToggleButton-DCiR4sB5.cjs');
+require('../RadioButton-BBc1b5vX.cjs');
+require('../RadioButtonGroup-DxOtcIdO.cjs');
+const require_SearchFilter = require('../SearchFilter-ylBowO7T.cjs');
+require('../ToggleButton-CJ74eu-N.cjs');
 
 exports.SearchFilter = require_SearchFilter.SearchFilter;
 exports.SearchFilterFooter = require_SearchFilter.SearchFilterFooter;