@envive-ai/react-toolkit 0.1.11 → 0.1.13

package/dist/FilterScrollbar/index.cjs

@@ -1,6 +1,6 @@
-require('../textVariantClasses-Dgz7Zaql.cjs');
-require('../Text-MQjxqgZZ.cjs');
-const require_DynamicFiltersScrollbar = require('../DynamicFiltersScrollbar-CVw1PINp.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+require('../Text-DllCE9_D.cjs');
+const require_DynamicFiltersScrollbar = require('../DynamicFiltersScrollbar-B1j53y2q.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_runtime17 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_runtime17.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_runtime17.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime22.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime21 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/FilterScrollbar/AppliedFiltersScrollbar.d.ts
@@ -17,7 +17,7 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime21.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime20.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_runtime20.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.js

@@ -1,5 +1,5 @@
-import "../textVariantClasses-D77TGEy1.js";
-import "../Text-Bod4OMPk.js";
-import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "../DynamicFiltersScrollbar-C4kdNSJ9.js";
+import "../textVariantClasses-CRrTb43V.js";
+import "../Text-BLzNhX4H.js";
+import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "../DynamicFiltersScrollbar-D7WYp6x9.js";
 
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/Headline/index.cjs

@@ -1,4 +1,4 @@
-require('../textVariantClasses-Dgz7Zaql.cjs');
-const require_Headline = require('../Headline-DTT4RSv2.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+const require_Headline = require('../Headline-Cp79THVF.cjs');
 
 exports.Headline = require_Headline.Headline;

package/dist/Headline/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/components/Headline/Headline.d.ts
 type HeadlineVariant = 't1' | 't2' | 't3' | 'h1' | 'h2' | 'h3' | 'h4';
@@ -16,6 +16,6 @@ declare const Headline: ({
   style,
   testId,
   variant
-}: HeadlineProps) => react_jsx_runtime19.JSX.Element;
+}: HeadlineProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 export { Headline, HeadlineProps, HeadlineVariant };

package/dist/Headline/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/Headline/Headline.d.ts
 type HeadlineVariant = 't1' | 't2' | 't3' | 'h1' | 'h2' | 'h3' | 'h4';
@@ -16,6 +16,6 @@ declare const Headline: ({
   style,
   testId,
   variant
-}: HeadlineProps) => react_jsx_runtime8.JSX.Element;
+}: HeadlineProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { Headline, HeadlineProps, HeadlineVariant };

package/dist/Headline/index.js

@@ -1,4 +1,4 @@
-import "../textVariantClasses-D77TGEy1.js";
-import { Headline } from "../Headline-DNEWF8ly.js";
+import "../textVariantClasses-CRrTb43V.js";
+import { Headline } from "../Headline-COv0Jbn8.js";
 
 export { Headline };

package/dist/{Headline-DNEWF8ly.js → Headline-COv0Jbn8.js}

@@ -1,4 +1,4 @@
-import { HeadlineVariantMap } from "./textVariantClasses-D77TGEy1.js";
+import { HeadlineVariantMap } from "./textVariantClasses-CRrTb43V.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 

package/dist/{Headline-DTT4RSv2.cjs → Headline-Cp79THVF.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_textVariantClasses = require('./textVariantClasses-Dgz7Zaql.cjs');
+const require_textVariantClasses = require('./textVariantClasses-CBre7vXv.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/ImageWithFallback/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime7 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_runtime9.JSX.Element;
+}: ImageWithFallbackProps) => react_jsx_runtime7.JSX.Element;
 //#endregion
 export { ImageWithFallback, ImageWithFallbackProps };

package/dist/ImageWithFallback/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime25 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_runtime10.JSX.Element;
+}: ImageWithFallbackProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { ImageWithFallback, ImageWithFallbackProps };

package/dist/ModalSheet/index.cjs

@@ -1,3 +1,3 @@
-const require_ModalSheet = require('../ModalSheet-CXZgyZ4a.cjs');
+const require_ModalSheet = require('../ModalSheet-Csz8HIxs.cjs');
 
 exports.ModalSheet = require_ModalSheet.ModalSheet;

package/dist/ModalSheet/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime16 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_runtime16.JSX.Element;
 //#endregion
 export { ModalSheet };

package/dist/ModalSheet/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime23 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_runtime23.JSX.Element;
 //#endregion
 export { ModalSheet };

package/dist/ModalSheet/index.js

@@ -1,3 +1,3 @@
-import { ModalSheet } from "../ModalSheet-CZd5pssv.js";
+import { ModalSheet } from "../ModalSheet-01pxpy_K.js";
 
 export { ModalSheet };

package/dist/{ModalSheet-CZd5pssv.js → ModalSheet-01pxpy_K.js}

@@ -2,7 +2,7 @@ import { motion, useMotionValue, useTransform } from "framer-motion";
 import { useEffect, useState } from "react";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useIsSmallScreen } from "@envive-ai/react-hooks/hooks";
+import { useIsSmallScreen } from "@envive-ai/react-hooks/hooks/IsSmallScreen";
 
 //#region src/components/AnimatedChevron/AnimatedChevron.tsx
 const AnimatedChevron = ({ animationKey, chevronColor }) => {
@@ -149,7 +149,8 @@ const ModalSheetMobile = ({ children, isOpen, closeModal, mobileFullHeight = 180
 						children: /* @__PURE__ */ jsx(ModalSheetMobileHeader, {
 							headerContent: headerProps.headerContent,
 							headerVariant: headerProps?.headerVariant,
-							handleHeaderClick: closeModal
+							handleHeaderClick: closeModal,
+							chevronColor: "#000"
 						})
 					}),
 					children,
@@ -282,7 +283,8 @@ const ModalSheetDesktop = ({ children, isOpen, closeModal, desktopWidth = 512, a
 						className: headerClassNames,
 						children: /* @__PURE__ */ jsx(ModalSheetDesktopHeader, {
 							headerContent: headerProps.headerContent,
-							headerVariant: headerProps?.headerVariant
+							headerVariant: headerProps?.headerVariant,
+							chevronColor: "#000"
 						})
 					}),
 					children,

package/dist/{ModalSheet-CXZgyZ4a.cjs → ModalSheet-Csz8HIxs.cjs}

@@ -7,8 +7,8 @@ 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);
-let __envive_ai_react_hooks_hooks = require("@envive-ai/react-hooks/hooks");
-__envive_ai_react_hooks_hooks = require_chunk.__toESM(__envive_ai_react_hooks_hooks);
+let __envive_ai_react_hooks_hooks_IsSmallScreen = require("@envive-ai/react-hooks/hooks/IsSmallScreen");
+__envive_ai_react_hooks_hooks_IsSmallScreen = require_chunk.__toESM(__envive_ai_react_hooks_hooks_IsSmallScreen);
 
 //#region src/components/AnimatedChevron/AnimatedChevron.tsx
 const AnimatedChevron = ({ animationKey, chevronColor }) => {
@@ -155,7 +155,8 @@ const ModalSheetMobile = ({ children, isOpen, closeModal, mobileFullHeight = 180
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalSheetMobileHeader, {
 							headerContent: headerProps.headerContent,
 							headerVariant: headerProps?.headerVariant,
-							handleHeaderClick: closeModal
+							handleHeaderClick: closeModal,
+							chevronColor: "#000"
 						})
 					}),
 					children,
@@ -288,7 +289,8 @@ const ModalSheetDesktop = ({ children, isOpen, closeModal, desktopWidth = 512, a
 						className: headerClassNames,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalSheetDesktopHeader, {
 							headerContent: headerProps.headerContent,
-							headerVariant: headerProps?.headerVariant
+							headerVariant: headerProps?.headerVariant,
+							chevronColor: "#000"
 						})
 					}),
 					children,
@@ -307,7 +309,7 @@ const ModalSheetDesktop = ({ children, isOpen, closeModal, desktopWidth = 512, a
 //#region src/components/ModalSheet/ModalSheet.tsx
 const ANIMATION_DURATION = .3;
 const ModalSheet = ({ children, isOpen, closeModal, animationDuration = ANIMATION_DURATION, desktopWidth = 512, headerProps, footerProps }) => {
-	return (0, __envive_ai_react_hooks_hooks.useIsSmallScreen)() ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalSheetMobile, {
+	return (0, __envive_ai_react_hooks_hooks_IsSmallScreen.useIsSmallScreen)() ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalSheetMobile, {
 		isOpen,
 		closeModal,
 		desktopWidth,

package/dist/ProductCard/index.cjs

@@ -1,8 +1,8 @@
-require('../textVariantClasses-Dgz7Zaql.cjs');
-require('../Text-MQjxqgZZ.cjs');
-require('../Headline-DTT4RSv2.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+require('../Text-DllCE9_D.cjs');
+require('../Headline-Cp79THVF.cjs');
 require('../ImageWithFallback-Cx-KNi-D.cjs');
-const require_ProductCard = require('../ProductCard-F49krjHk.cjs');
+const require_ProductCard = require('../ProductCard-EmdDy2af.cjs');
 require('../Spinner-DFor2Szi.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-1x_hMlEf.cjs";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-DDp-fLgm.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-QMTPxKA9.js";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-DADHwW6M.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,8 +1,8 @@
-import "../textVariantClasses-D77TGEy1.js";
-import "../Text-Bod4OMPk.js";
-import "../Headline-DNEWF8ly.js";
+import "../textVariantClasses-CRrTb43V.js";
+import "../Text-BLzNhX4H.js";
+import "../Headline-COv0Jbn8.js";
 import "../ImageWithFallback-DqxjwO3i.js";
-import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../ProductCard-D-lyh8uV.js";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../ProductCard-CNwmHggx.js";
 import "../Spinner-CjGLIRgs.js";
 
 export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/{ProductCard-D-lyh8uV.js → ProductCard-CNwmHggx.js}

@@ -1,12 +1,42 @@
-import { Text } from "./Text-Bod4OMPk.js";
-import { Headline } from "./Headline-DNEWF8ly.js";
+import { Text } from "./Text-BLzNhX4H.js";
+import { Headline } from "./Headline-COv0Jbn8.js";
 import { ImageWithFallback } from "./ImageWithFallback-DqxjwO3i.js";
 import { Spinner } from "./Spinner-CjGLIRgs.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useImageResolver } from "@envive-ai/react-hooks/hooks";
 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
@@ -50,36 +80,6 @@ const productCardLayoutVariantClasses = {
 	}
 };
 
-//#endregion
-//#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/ProductCard.tsx
 const formatReviews = (stars) => String(Number(stars).toLocaleString("en-US", {

package/dist/{ProductCard-F49krjHk.cjs → ProductCard-EmdDy2af.cjs}

@@ -1,17 +1,47 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Text = require('./Text-MQjxqgZZ.cjs');
-const require_Headline = require('./Headline-DTT4RSv2.cjs');
+const require_Text = require('./Text-DllCE9_D.cjs');
+const require_Headline = require('./Headline-Cp79THVF.cjs');
 const require_ImageWithFallback = require('./ImageWithFallback-Cx-KNi-D.cjs');
 const require_Spinner = require('./Spinner-DFor2Szi.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);
-let __envive_ai_react_hooks_hooks = require("@envive-ai/react-hooks/hooks");
-__envive_ai_react_hooks_hooks = require_chunk.__toESM(__envive_ai_react_hooks_hooks);
 let react_icons_md = require("react-icons/md");
 react_icons_md = require_chunk.__toESM(react_icons_md);
+let __envive_ai_react_hooks_hooks_ImageResolver = require("@envive-ai/react-hooks/hooks/ImageResolver");
+__envive_ai_react_hooks_hooks_ImageResolver = require_chunk.__toESM(__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
@@ -55,36 +85,6 @@ const productCardLayoutVariantClasses = {
 	}
 };
 
-//#endregion
-//#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/ProductCard.tsx
 const formatReviews = (stars) => String(Number(stars).toLocaleString("en-US", {
@@ -133,7 +133,7 @@ const PriceSection = ({ originalPrice, salePrice, pricePrefix }) => {
 	});
 };
 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 } = (0, __envive_ai_react_hooks_hooks.useImageResolver)();
+	const { resolve } = (0, __envive_ai_react_hooks_hooks_ImageResolver.useImageResolver)();
 	const finalVariant = variant ?? productCardConfig?.variant ?? "filled";
 	const finalHoverVariant = hoverVariant ?? productCardConfig?.hoverVariant ?? "backgroundDark";
 	const finalLayoutVariant = layoutVariant ?? productCardConfig?.layoutVariant ?? "normal";

package/dist/ProductGrid/index.cjs

@@ -1,10 +1,10 @@
-require('../textVariantClasses-Dgz7Zaql.cjs');
-require('../Text-MQjxqgZZ.cjs');
-require('../Headline-DTT4RSv2.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+require('../Text-DllCE9_D.cjs');
+require('../Headline-Cp79THVF.cjs');
 require('../ImageWithFallback-Cx-KNi-D.cjs');
-require('../ProductCard-F49krjHk.cjs');
+require('../ProductCard-EmdDy2af.cjs');
 require('../Spinner-DFor2Szi.cjs');
-const require_ProductGrid = require('../ProductGrid-QeoaIfcq.cjs');
+const require_ProductGrid = require('../ProductGrid-CMoomZLc.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-1x_hMlEf.cjs";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-DDp-fLgm.cjs";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
@@ -9,9 +9,7 @@ interface ProductGridProps {
   productGridClasses: string;
   productCardConfig?: ProductCardConfig;
   merchantShortName: string;
-  searchResponseId: string;
   cardsGrowWithContainer?: boolean;
-  cardDisplayLocation: string;
 }
 declare const ProductGrid: ({
   productList,
@@ -19,10 +17,8 @@ declare const ProductGrid: ({
   productGridClasses,
   productCardConfig,
   merchantShortName,
-  searchResponseId,
-  cardsGrowWithContainer,
-  cardDisplayLocation
-}: ProductGridProps) => react_jsx_runtime3.JSX.Element;
+  cardsGrowWithContainer
+}: ProductGridProps) => react_jsx_runtime5.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-QMTPxKA9.js";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-DADHwW6M.js";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
@@ -9,9 +9,7 @@ interface ProductGridProps {
   productGridClasses: string;
   productCardConfig?: ProductCardConfig;
   merchantShortName: string;
-  searchResponseId: string;
   cardsGrowWithContainer?: boolean;
-  cardDisplayLocation: string;
 }
 declare const ProductGrid: ({
   productList,
@@ -19,10 +17,8 @@ declare const ProductGrid: ({
   productGridClasses,
   productCardConfig,
   merchantShortName,
-  searchResponseId,
-  cardsGrowWithContainer,
-  cardDisplayLocation
-}: ProductGridProps) => react_jsx_runtime26.JSX.Element;
+  cardsGrowWithContainer
+}: ProductGridProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/components/ProductGrid/productGridVariants.d.ts
 interface ProductGridVariantClasses {

package/dist/ProductGrid/index.js

@@ -1,9 +1,9 @@
-import "../textVariantClasses-D77TGEy1.js";
-import "../Text-Bod4OMPk.js";
-import "../Headline-DNEWF8ly.js";
+import "../textVariantClasses-CRrTb43V.js";
+import "../Text-BLzNhX4H.js";
+import "../Headline-COv0Jbn8.js";
 import "../ImageWithFallback-DqxjwO3i.js";
-import "../ProductCard-D-lyh8uV.js";
+import "../ProductCard-CNwmHggx.js";
 import "../Spinner-CjGLIRgs.js";
-import { ProductGrid, productGridVariantClasses } from "../ProductGrid-FIf5wFQx.js";
+import { ProductGrid, productGridVariantClasses } from "../ProductGrid-nmWSp0qX.js";
 
 export { ProductGrid, productGridVariantClasses };

package/dist/{ProductGrid-QeoaIfcq.cjs → ProductGrid-CMoomZLc.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ProductCard = require('./ProductCard-F49krjHk.cjs');
+const require_ProductCard = require('./ProductCard-EmdDy2af.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, searchResponseId, cardsGrowWithContainer = true, cardDisplayLocation }) => {
+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,
@@ -33,7 +33,7 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: productGridClasses,
-		children: productList.map((product, index) => {
+		children: productList.map((product) => {
 			const camelCasedProduct = product;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: cardContainerClasses,
@@ -41,21 +41,17 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 					productCardConfig,
 					merchantShortName,
 					imageUrl: camelCasedProduct.imageUrl,
-					searchResponseId,
-					productResponseId: camelCasedProduct.responseId,
 					title: camelCasedProduct.title,
 					url: camelCasedProduct.url,
 					originalPrice: camelCasedProduct.originalPrice,
 					salePrice: camelCasedProduct.salePrice,
 					averageRating: camelCasedProduct.averageRating,
 					numberReviews: camelCasedProduct.numberReviews,
-					cardDisplayLocation,
 					layoutVariant: productCardLayoutVariant,
 					variant: productCardVariant,
 					hoverVariant: productCardHoverVariant,
 					zoomOnHover,
 					aspectRatio: productCardImageAspectRatio,
-					clickPosition: index,
 					growWithContainer: cardsGrowWithContainer
 				}, camelCasedProduct.id)
 			}, camelCasedProduct.id);