@envive-ai/react-toolkit 0.1.12 → 0.2.0

package/dist/DynamicFiltersScrollbar-HCYZjI14.cjs

@@ -0,0 +1,81 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_Text = require('./Text-DllCE9_D.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 react_indiana_drag_scroll = require("react-indiana-drag-scroll");
+react_indiana_drag_scroll = require_chunk.__toESM(react_indiana_drag_scroll);
+
+//#region src/components/FilterScrollbar/AppliedFiltersScrollbar.tsx
+const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses, onRemoveFilter }) => {
+	if (selectedFilterOptions.length === 0) return null;
+	const filterDefaultWithoutBg = filterDefaultClasses.replace(/spiffy-tw-bg-\[--spiffy-colors-[^\]]+\]/g, "").trim();
+	const buttonClasses = (0, classnames.default)(" spiffy-tw-flex spiffy-tw-items-center spiffy-tw-rounded-full spiffy-tw-px-[8px] spiffy-tw-py-[4px] spiffy-tw-whitespace-nowrap", filterHoverClasses, filterDefaultWithoutBg, appliedFilterBackgroundClasses);
+	const iconColor = "currentColor";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_indiana_drag_scroll.default, {
+		className: filterBarClassNames,
+		hideScrollbars: true,
+		children: selectedFilterOptions.map((filter) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			className: buttonClasses,
+			type: "button",
+			onClick: () => onRemoveFilter(filter),
+			"aria-label": `Remove filter: ${filter.displayName}`,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-[8px]",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+					variant: "body3",
+					children: filter.displayName
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					width: "10",
+					height: "10",
+					viewBox: "0 0 10 10",
+					fill: "none",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M4.59766 4.29297L8.48535 0.405273L9.19238 1.1123L5.30469 5L9.19238 8.8877L8.48535 9.59473L4.59766 5.70703L0.707031 9.59766L0 8.89062L3.89062 5L0 1.10938L0.707031 0.402344L4.59766 4.29297Z",
+						fill: iconColor
+					})
+				})]
+			})
+		}, filter.id))
+	});
+};
+
+//#endregion
+//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.tsx
+const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_indiana_drag_scroll.default, {
+	className: filterBarClassNames,
+	hideScrollbars: true,
+	children: availableDynamicFilters.map(({ name, displayName }) => {
+		const buttonClasses = (0, classnames.default)("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: buttonClasses,
+			onClick: () => {
+				onToggleDynamicFilter({
+					filter: name,
+					dynamicFilterDisplayName: displayName
+				});
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+				variant: "body3",
+				children: displayName
+			})
+		}, name);
+	})
+});
+
+//#endregion
+Object.defineProperty(exports, 'AppliedFiltersScrollbar', {
+  enumerable: true,
+  get: function () {
+    return AppliedFiltersScrollbar;
+  }
+});
+Object.defineProperty(exports, 'DynamicFiltersScrollbar', {
+  enumerable: true,
+  get: function () {
+    return DynamicFiltersScrollbar;
+  }
+});

package/dist/DynamicFiltersScrollbar-O0ai3cIG.js

@@ -0,0 +1,66 @@
+import { Text } from "./Text-BLzNhX4H.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import ScrollContainer from "react-indiana-drag-scroll";
+
+//#region src/components/FilterScrollbar/AppliedFiltersScrollbar.tsx
+const AppliedFiltersScrollbar = ({ selectedFilterOptions, filterBarClassNames, filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses, onRemoveFilter }) => {
+	if (selectedFilterOptions.length === 0) return null;
+	const filterDefaultWithoutBg = filterDefaultClasses.replace(/spiffy-tw-bg-\[--spiffy-colors-[^\]]+\]/g, "").trim();
+	const buttonClasses = classNames(" spiffy-tw-flex spiffy-tw-items-center spiffy-tw-rounded-full spiffy-tw-px-[8px] spiffy-tw-py-[4px] spiffy-tw-whitespace-nowrap", filterHoverClasses, filterDefaultWithoutBg, appliedFilterBackgroundClasses);
+	const iconColor = "currentColor";
+	return /* @__PURE__ */ jsx(ScrollContainer, {
+		className: filterBarClassNames,
+		hideScrollbars: true,
+		children: selectedFilterOptions.map((filter) => /* @__PURE__ */ jsx("button", {
+			className: buttonClasses,
+			type: "button",
+			onClick: () => onRemoveFilter(filter),
+			"aria-label": `Remove filter: ${filter.displayName}`,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-[8px]",
+				children: [/* @__PURE__ */ jsx(Text, {
+					variant: "body3",
+					children: filter.displayName
+				}), /* @__PURE__ */ jsx("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					width: "10",
+					height: "10",
+					viewBox: "0 0 10 10",
+					fill: "none",
+					children: /* @__PURE__ */ jsx("path", {
+						d: "M4.59766 4.29297L8.48535 0.405273L9.19238 1.1123L5.30469 5L9.19238 8.8877L8.48535 9.59473L4.59766 5.70703L0.707031 9.59766L0 8.89062L3.89062 5L0 1.10938L0.707031 0.402344L4.59766 4.29297Z",
+						fill: iconColor
+					})
+				})]
+			})
+		}, filter.id))
+	});
+};
+
+//#endregion
+//#region src/components/FilterScrollbar/DynamicFiltersScrollbar.tsx
+const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames, filterDefaultClasses, filterHoverClasses, onToggleDynamicFilter }) => /* @__PURE__ */ jsx(ScrollContainer, {
+	className: filterBarClassNames,
+	hideScrollbars: true,
+	children: availableDynamicFilters.map(({ name, displayName }) => {
+		const buttonClasses = classNames("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses);
+		return /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: buttonClasses,
+			onClick: () => {
+				onToggleDynamicFilter({
+					filter: name,
+					dynamicFilterDisplayName: displayName
+				});
+			},
+			children: /* @__PURE__ */ jsx(Text, {
+				variant: "body3",
+				children: displayName
+			})
+		}, name);
+	})
+});
+
+//#endregion
+export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

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-HCYZjI14.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_runtime3 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_runtime3.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_runtime3.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_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime3 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_runtime11.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime3.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_runtime11.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime3.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-O0ai3cIG.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-CKJmd2w4.cjs');
 
 exports.Headline = require_Headline.Headline;

package/dist/Headline/index.d.cts

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

package/dist/Headline/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime16 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_runtime21.JSX.Element;
+}: HeadlineProps) => react_jsx_runtime16.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-DtjTB4xS.js";
 
 export { Headline };

package/dist/{Headline-DTT4RSv2.cjs → Headline-CKJmd2w4.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/{Headline-DNEWF8ly.js → Headline-DtjTB4xS.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/ImageWithFallback/index.cjs

@@ -1,3 +1,3 @@
-const require_ImageWithFallback = require('../ImageWithFallback-Cx-KNi-D.cjs');
+const require_ImageWithFallback = require('../ImageWithFallback-Km9h16Vz.cjs');
 
 exports.ImageWithFallback = require_ImageWithFallback.ImageWithFallback;

package/dist/ImageWithFallback/index.d.cts

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

package/dist/ImageWithFallback/index.d.ts

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

package/dist/ImageWithFallback/index.js

@@ -1,3 +1,3 @@
-import { ImageWithFallback } from "../ImageWithFallback-DqxjwO3i.js";
+import { ImageWithFallback } from "../ImageWithFallback-CbYsD1_a.js";
 
 export { ImageWithFallback };

package/dist/ModalSheet/index.cjs

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

package/dist/ModalSheet/index.d.cts

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

package/dist/ModalSheet/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime12 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_runtime8.JSX.Element;
+}: ModalSheetProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { ModalSheet };

package/dist/ModalSheet/index.js

@@ -1,3 +1,4 @@
-import { ModalSheet } from "../ModalSheet-01pxpy_K.js";
+import "../AnimatedChevron-CwuXgR2r.js";
+import { ModalSheet } from "../ModalSheet-sMg44OLz.js";
 
 export { ModalSheet };

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

@@ -1,4 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_AnimatedChevron = require('./AnimatedChevron-e_UzWBl0.cjs');
 let framer_motion = require("framer-motion");
 framer_motion = require_chunk.__toESM(framer_motion);
 let react = require("react");
@@ -10,31 +11,6 @@ react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 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 }) => {
-	const leftRotation = (0, framer_motion.useTransform)(animationKey, [300, 0], [-12, 0]);
-	const rightRotation = (0, framer_motion.useTransform)(animationKey, [300, 0], [12, 0]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		style: { display: "flex" },
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, { style: {
-			x: 1,
-			width: "25px",
-			height: "4px",
-			background: chevronColor,
-			borderRadius: "8px",
-			rotate: leftRotation
-		} }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, { style: {
-			x: -1,
-			width: "25px",
-			height: "4px",
-			background: chevronColor,
-			borderRadius: "8px",
-			rotate: rightRotation
-		} })]
-	});
-};
-
-//#endregion
 //#region src/components/ModalSheet/mobile/mobileHeader.tsx
 const modalSheetVariants$1 = { primary: {
 	"spiffy-tw-bg-[--spiffy-colors-background-primary]": true,
@@ -57,7 +33,7 @@ const ModalSheetMobileHeader = ({ headerVariant = "primary", headerContent, hand
 		className: headerClassName,
 		onTouchStart: handleHeaderClick,
 		onMouseDown: handleHeaderClick,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnimatedChevron, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AnimatedChevron.AnimatedChevron, {
 			animationKey,
 			chevronColor
 		}), headerContent]

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

@@ -1,34 +1,10 @@
-import { motion, useMotionValue, useTransform } from "framer-motion";
+import { AnimatedChevron } from "./AnimatedChevron-CwuXgR2r.js";
+import { motion, useMotionValue } 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/IsSmallScreen";
 
-//#region src/components/AnimatedChevron/AnimatedChevron.tsx
-const AnimatedChevron = ({ animationKey, chevronColor }) => {
-	const leftRotation = useTransform(animationKey, [300, 0], [-12, 0]);
-	const rightRotation = useTransform(animationKey, [300, 0], [12, 0]);
-	return /* @__PURE__ */ jsxs("div", {
-		style: { display: "flex" },
-		children: [/* @__PURE__ */ jsx(motion.div, { style: {
-			x: 1,
-			width: "25px",
-			height: "4px",
-			background: chevronColor,
-			borderRadius: "8px",
-			rotate: leftRotation
-		} }), /* @__PURE__ */ jsx(motion.div, { style: {
-			x: -1,
-			width: "25px",
-			height: "4px",
-			background: chevronColor,
-			borderRadius: "8px",
-			rotate: rightRotation
-		} })]
-	});
-};
-
-//#endregion
 //#region src/components/ModalSheet/mobile/mobileHeader.tsx
 const modalSheetVariants$1 = { primary: {
 	"spiffy-tw-bg-[--spiffy-colors-background-primary]": true,

package/dist/ProductCard/index.cjs

@@ -1,9 +1,9 @@
-require('../textVariantClasses-Dgz7Zaql.cjs');
-require('../Text-MQjxqgZZ.cjs');
-require('../Headline-DTT4RSv2.cjs');
-require('../ImageWithFallback-Cx-KNi-D.cjs');
-const require_ProductCard = require('../ProductCard-FDyIMnZs.cjs');
-require('../Spinner-DFor2Szi.cjs');
+require('../textVariantClasses-CBre7vXv.cjs');
+require('../Text-DllCE9_D.cjs');
+require('../Headline-CKJmd2w4.cjs');
+require('../ImageWithFallback-Km9h16Vz.cjs');
+const require_ProductCard = require('../ProductCard-BDz80MCQ.cjs');
+require('../Spinner-rcWX566W.cjs');
 
 exports.AnimatedProductCardOverrides = require_ProductCard.AnimatedProductCardOverrides;
 exports.PriceSection = require_ProductCard.PriceSection;

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-CFH3KUVw.cjs";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-B9WeFNlO.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-Vck3pox6.js";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-CeECGrFM.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 "../ImageWithFallback-DqxjwO3i.js";
-import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../ProductCard-C3MjnfZJ.js";
-import "../Spinner-CjGLIRgs.js";
+import "../textVariantClasses-CRrTb43V.js";
+import "../Text-BLzNhX4H.js";
+import "../Headline-DtjTB4xS.js";
+import "../ImageWithFallback-CbYsD1_a.js";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../ProductCard-CqhNJShq.js";
+import "../Spinner-bg6jb_ks.js";
 
 export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/{ProductCard-FDyIMnZs.cjs → ProductCard-BDz80MCQ.cjs}

@@ -1,8 +1,8 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_Text = require('./Text-MQjxqgZZ.cjs');
-const require_Headline = require('./Headline-DTT4RSv2.cjs');
-const require_ImageWithFallback = require('./ImageWithFallback-Cx-KNi-D.cjs');
-const require_Spinner = require('./Spinner-DFor2Szi.cjs');
+const require_Text = require('./Text-DllCE9_D.cjs');
+const require_Headline = require('./Headline-CKJmd2w4.cjs');
+const require_ImageWithFallback = require('./ImageWithFallback-Km9h16Vz.cjs');
+const require_Spinner = require('./Spinner-rcWX566W.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -12,6 +12,36 @@ 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", {