@envive-ai/react-toolkit 0.2.11 → 0.2.13-arthur-1

package/dist/{Accordion-B8aUlf0q.js → Accordion-8zFBEEaN.js}

@@ -1,10 +1,29 @@
-import { Typography } from "./Typography-C3QmJzFK.js";
-import { motion } from "framer-motion";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { t as Typography } from "./Typography-xehJH05l.js";
+import { t as require_jsx_runtime } from "./jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
 import { useRef, useState } from "react";
+import { motion } from "framer-motion";
 import classNames from "classnames";
-import ChevronDown from "@envive-ai/react-icons/ChevronDown";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ../icons/dist/ChevronDown.js
+var import_jsx_runtime = require_jsx_runtime();
+const SvgChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M5.46783 10.4697C5.76072 10.1768 6.2356 10.1768 6.52849 10.4697L11.655 15.5962L16.7815 10.4697C17.0744 10.1768 17.5493 10.1768 17.8422 10.4697C18.1351 10.7626 18.1351 11.2374 17.8422 11.5303L11.655 17.7175L5.46783 11.5303C5.17494 11.2374 5.17494 10.7626 5.46783 10.4697Z",
+		fill: "#222222"
+	})
+});
+var ChevronDown_default = SvgChevronDown;
 
+//#endregion
 //#region src/components/Accordion/Accordion.tsx
 const ANIMATION_DURATION = .3;
 const Accordion = ({ title, content }) => {
@@ -46,7 +65,7 @@ const Accordion = ({ title, content }) => {
 				duration: ANIMATION_DURATION,
 				ease: "easeOut"
 			},
-			children: /* @__PURE__ */ jsx(ChevronDown, {})
+			children: /* @__PURE__ */ jsx(ChevronDown_default, {})
 		})]
 	}), /* @__PURE__ */ jsx(motion.div, {
 		variants: {
@@ -74,4 +93,4 @@ const Accordion = ({ title, content }) => {
 };
 
 //#endregion
-export { Accordion };
+export { Accordion as t };

package/dist/{Accordion-FyCFBOen.cjs → Accordion-DPUaEXiE.cjs}

@@ -1,16 +1,31 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
 const require_Typography = require('./Typography-Ds4gfOJz.cjs');
-let framer_motion = require("framer-motion");
-framer_motion = require_chunk.__toESM(framer_motion);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+const require_jsx_runtime_Dg2m6dxZ = require('./jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
 let react = require("react");
-react = require_chunk.__toESM(react);
+let framer_motion = require("framer-motion");
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
-let __envive_ai_react_icons_ChevronDown = require("@envive-ai/react-icons/ChevronDown");
-__envive_ai_react_icons_ChevronDown = require_chunk.__toESM(__envive_ai_react_icons_ChevronDown);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region ../icons/dist/ChevronDown.js
+var import_jsx_runtime = require_jsx_runtime_Dg2m6dxZ.require_jsx_runtime();
+const SvgChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M5.46783 10.4697C5.76072 10.1768 6.2356 10.1768 6.52849 10.4697L11.655 15.5962L16.7815 10.4697C17.0744 10.1768 17.5493 10.1768 17.8422 10.4697C18.1351 10.7626 18.1351 11.2374 17.8422 11.5303L11.655 17.7175L5.46783 11.5303C5.17494 11.2374 5.17494 10.7626 5.46783 10.4697Z",
+		fill: "#222222"
+	})
+});
+var ChevronDown_default = SvgChevronDown;
 
+//#endregion
 //#region src/components/Accordion/Accordion.tsx
 const ANIMATION_DURATION = .3;
 const Accordion = ({ title, content }) => {
@@ -52,7 +67,7 @@ const Accordion = ({ title, content }) => {
 				duration: ANIMATION_DURATION,
 				ease: "easeOut"
 			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_ChevronDown.default, {})
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDown_default, {})
 		})]
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
 		variants: {

package/dist/{AnimatedChevron-wpcAHp6d.cjs → AnimatedChevron-CPW5KPLr.cjs}

@@ -1,8 +1,6 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
 let framer_motion = require("framer-motion");
-framer_motion = require_chunk.__toESM(framer_motion);
 let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
 //#region src/components/AnimatedChevron/AnimatedChevron.tsx
 const AnimatedChevron = ({ animationKey, chevronColor }) => {

package/dist/{AnimatedChevron-Dee6Pe81.js → AnimatedChevron-DO_jcnJg.js}

@@ -26,4 +26,4 @@ const AnimatedChevron = ({ animationKey, chevronColor }) => {
 };
 
 //#endregion
-export { AnimatedChevron };
+export { AnimatedChevron as t };

package/dist/{ButtonBase-B6vDKbGQ.cjs → ButtonBase-C44g6llb.cjs}

@@ -1,11 +1,9 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
 const require_Typography = require('./Typography-Ds4gfOJz.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 let react = require("react");
-react = require_chunk.__toESM(react);
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ButtonBase/types.ts
 let ButtonBaseOverrides = /* @__PURE__ */ function(ButtonBaseOverrides$1) {

package/dist/{ButtonBase-Bpc7nOpz.js → ButtonBase-Cjo-fBg2.js}

@@ -1,7 +1,7 @@
-import { Typography } from "./Typography-C3QmJzFK.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { t as Typography } from "./Typography-xehJH05l.js";
 import { createElement, useEffect, useRef } from "react";
 import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/ButtonBase/types.ts
 let ButtonBaseOverrides = /* @__PURE__ */ function(ButtonBaseOverrides$1) {
@@ -57,4 +57,4 @@ const ButtonBase = ({ isDisabled = false, dataAttributes, buttonClass, text, tex
 };
 
 //#endregion
-export { ButtonBase, ButtonBaseOverrides };
+export { ButtonBaseOverrides as n, ButtonBase as t };

package/dist/{DynamicFiltersScrollbar-DIwHWq6v.cjs → DynamicFiltersScrollbar-IO886VXD.cjs}

@@ -1,17 +1,15 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
 const require_Typography = require('./Typography-Ds4gfOJz.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
+let react_jsx_runtime = require("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 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, filterDefaultClasses.replace(/spiffy-tw-bg-\[--spiffy-colors-[^\]]+\]/g, "").trim(), appliedFilterBackgroundClasses);
 	const iconColor = "currentColor";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_indiana_drag_scroll.default, {
 		className: filterBarClassNames,
@@ -48,10 +46,9 @@ const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames,
 	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,
+			className: (0, classnames.default)("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses),
 			onClick: () => {
 				onToggleDynamicFilter({
 					filter: name,

package/dist/{DynamicFiltersScrollbar-D8OqC4DA.js → DynamicFiltersScrollbar-s5yfmMau.js}

@@ -1,13 +1,12 @@
-import { Typography } from "./Typography-C3QmJzFK.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { t as Typography } from "./Typography-xehJH05l.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 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, filterDefaultClasses.replace(/spiffy-tw-bg-\[--spiffy-colors-[^\]]+\]/g, "").trim(), appliedFilterBackgroundClasses);
 	const iconColor = "currentColor";
 	return /* @__PURE__ */ jsx(ScrollContainer, {
 		className: filterBarClassNames,
@@ -44,10 +43,9 @@ const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames,
 	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,
+			className: classNames("spiffy-tw-px-[12px] spiffy-tw-py-2 spiffy-tw-rounded-full spiffy-tw-border spiffy-tw-whitespace-nowrap ", filterHoverClasses, filterDefaultClasses),
 			onClick: () => {
 				onToggleDynamicFilter({
 					filter: name,
@@ -63,4 +61,4 @@ const DynamicFiltersScrollbar = ({ availableDynamicFilters, filterBarClassNames,
 });
 
 //#endregion
-export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };
+export { AppliedFiltersScrollbar as n, DynamicFiltersScrollbar as t };

package/dist/FourPointStar-3DqnYmfN.js

@@ -0,0 +1,21 @@
+import { t as require_jsx_runtime } from "./jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
+
+//#region ../icons/dist/FourPointStar.js
+var import_jsx_runtime = require_jsx_runtime();
+const SvgFourPointStar = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	width: 13,
+	height: 12,
+	viewBox: "0 0 13 12",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		d: "M6.45324 0.546875L7.50401 3.27887C7.67488 3.72314 7.76032 3.94528 7.89318 4.13213C8.01094 4.29774 8.15563 4.44242 8.32123 4.56018C8.50808 4.69304 8.73023 4.77848 9.1745 4.94935L11.9065 6.00012L9.1745 7.05089C8.73023 7.22176 8.50808 7.3072 8.32123 7.44006C8.15563 7.55782 8.01094 7.7025 7.89318 7.86811C7.76032 8.05496 7.67488 8.2771 7.50401 8.72138L6.45324 11.4534L5.40248 8.72138C5.2316 8.2771 5.14616 8.05496 5.0133 7.86811C4.89555 7.7025 4.75086 7.55782 4.58526 7.44006C4.3984 7.3072 4.17627 7.22176 3.73199 7.05089L1 6.00012L3.73199 4.94935C4.17627 4.77848 4.3984 4.69304 4.58526 4.56018C4.75086 4.44242 4.89555 4.29774 5.0133 4.13213C5.14616 3.94528 5.2316 3.72314 5.40248 3.27887L6.45324 0.546875Z",
+		strokeWidth: .908874,
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+});
+var FourPointStar_default = SvgFourPointStar;
+
+//#endregion
+export { FourPointStar_default as t };

package/dist/FourPointStar-AQ9OSu0S.cjs

@@ -0,0 +1,26 @@
+const require_jsx_runtime_Dg2m6dxZ = require('./jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
+
+//#region ../icons/dist/FourPointStar.js
+var import_jsx_runtime = require_jsx_runtime_Dg2m6dxZ.require_jsx_runtime();
+const SvgFourPointStar = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	width: 13,
+	height: 12,
+	viewBox: "0 0 13 12",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		d: "M6.45324 0.546875L7.50401 3.27887C7.67488 3.72314 7.76032 3.94528 7.89318 4.13213C8.01094 4.29774 8.15563 4.44242 8.32123 4.56018C8.50808 4.69304 8.73023 4.77848 9.1745 4.94935L11.9065 6.00012L9.1745 7.05089C8.73023 7.22176 8.50808 7.3072 8.32123 7.44006C8.15563 7.55782 8.01094 7.7025 7.89318 7.86811C7.76032 8.05496 7.67488 8.2771 7.50401 8.72138L6.45324 11.4534L5.40248 8.72138C5.2316 8.2771 5.14616 8.05496 5.0133 7.86811C4.89555 7.7025 4.75086 7.55782 4.58526 7.44006C4.3984 7.3072 4.17627 7.22176 3.73199 7.05089L1 6.00012L3.73199 4.94935C4.17627 4.77848 4.3984 4.69304 4.58526 4.56018C4.75086 4.44242 4.89555 4.29774 5.0133 4.13213C5.14616 3.94528 5.2316 3.72314 5.40248 3.27887L6.45324 0.546875Z",
+		strokeWidth: .908874,
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+});
+var FourPointStar_default = SvgFourPointStar;
+
+//#endregion
+Object.defineProperty(exports, 'FourPointStar_default', {
+  enumerable: true,
+  get: function () {
+    return FourPointStar_default;
+  }
+});

package/dist/{ImageWithFallback-DvaVpR6v.cjs → ImageWithFallback-C-ZQn7tR.cjs}

@@ -1,10 +1,9 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 let react = require("react");
 react = require_chunk.__toESM(react);
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ImageWithFallback/ImageWithFallback.tsx
 const ImageWithFallback = ({ src, alt, dataTestId, fallbackClassnames, fallback, imageClassnames, onLoad, onError }) => {

package/dist/{ImageWithFallback-BW57cQw-.js → ImageWithFallback-DjDNefaG.js}

@@ -1,6 +1,6 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useState } from "react";
 import classNames from "classnames";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/ImageWithFallback/ImageWithFallback.tsx
 const ImageWithFallback = ({ src, alt, dataTestId, fallbackClassnames, fallback, imageClassnames, onLoad, onError }) => {
@@ -39,4 +39,4 @@ const ImageWithFallback = ({ src, alt, dataTestId, fallbackClassnames, fallback,
 };
 
 //#endregion
-export { ImageWithFallback };
+export { ImageWithFallback as t };

package/dist/{ModalSheet-DFva7krP.js → ModalSheet-C5f5abw1.js}

@@ -1,8 +1,8 @@
-import { AnimatedChevron } from "./AnimatedChevron-Dee6Pe81.js";
-import { motion, useMotionValue } from "framer-motion";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { t as AnimatedChevron } from "./AnimatedChevron-DO_jcnJg.js";
 import { useEffect, useState } from "react";
+import { motion, useMotionValue } from "framer-motion";
 import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useIsSmallScreen } from "@envive-ai/react-hooks/hooks/IsSmallScreen";
 
 //#region src/components/ModalSheet/mobile/mobileHeader.tsx
@@ -148,16 +148,15 @@ const modalSheetVariants = { primary: {
 	"spiffy-tw-text-[--spiffy-colors-text-light]": true
 } };
 const ModalSheetDesktopHeader = ({ headerVariant = "primary", headerContent }) => {
-	const headerStyles = classNames({
-		"spiffy-modal-sheet-header": true,
-		"spiffy-tw-flex": true,
-		"spiffy-tw-items-center": true,
-		"spiffy-tw-justify-between": true,
-		"spiffy-tw-w-full": true,
-		...modalSheetVariants[headerVariant]
-	});
 	return /* @__PURE__ */ jsx("div", {
-		className: headerStyles,
+		className: classNames({
+			"spiffy-modal-sheet-header": true,
+			"spiffy-tw-flex": true,
+			"spiffy-tw-items-center": true,
+			"spiffy-tw-justify-between": true,
+			"spiffy-tw-w-full": true,
+			...modalSheetVariants[headerVariant]
+		}),
 		children: headerContent
 	});
 };
@@ -299,4 +298,4 @@ const ModalSheet = ({ children, isOpen, closeModal, animationDuration = ANIMATIO
 };
 
 //#endregion
-export { ModalSheet };
+export { ModalSheet as t };

package/dist/{ModalSheet-BvM2PJbH.cjs → ModalSheet-JZerJZ1T.cjs}

@@ -1,15 +1,11 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_AnimatedChevron = require('./AnimatedChevron-wpcAHp6d.cjs');
-let framer_motion = require("framer-motion");
-framer_motion = require_chunk.__toESM(framer_motion);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+const require_AnimatedChevron = require('./AnimatedChevron-CPW5KPLr.cjs');
 let react = require("react");
-react = require_chunk.__toESM(react);
+let framer_motion = require("framer-motion");
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
+let react_jsx_runtime = require("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/ModalSheet/mobile/mobileHeader.tsx
 const modalSheetVariants$1 = { primary: {
@@ -154,16 +150,15 @@ const modalSheetVariants = { primary: {
 	"spiffy-tw-text-[--spiffy-colors-text-light]": true
 } };
 const ModalSheetDesktopHeader = ({ headerVariant = "primary", headerContent }) => {
-	const headerStyles = (0, classnames.default)({
-		"spiffy-modal-sheet-header": true,
-		"spiffy-tw-flex": true,
-		"spiffy-tw-items-center": true,
-		"spiffy-tw-justify-between": true,
-		"spiffy-tw-w-full": true,
-		...modalSheetVariants[headerVariant]
-	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: headerStyles,
+		className: (0, classnames.default)({
+			"spiffy-modal-sheet-header": true,
+			"spiffy-tw-flex": true,
+			"spiffy-tw-items-center": true,
+			"spiffy-tw-justify-between": true,
+			"spiffy-tw-w-full": true,
+			...modalSheetVariants[headerVariant]
+		}),
 		children: headerContent
 	});
 };

package/dist/OutlinedStar-CC0V_jAK.cjs

@@ -0,0 +1,26 @@
+const require_jsx_runtime_Dg2m6dxZ = require('./jsx-runtime-Dg2m6dxZ-B-pkyyHT.cjs');
+
+//#region ../icons/dist/OutlinedStar.js
+var import_jsx_runtime = require_jsx_runtime_Dg2m6dxZ.require_jsx_runtime();
+const SvgOutlinedStar = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	width: 10,
+	height: 10,
+	viewBox: "0 0 10 10",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		d: "M5 1L5.30785 2.36664C5.56897 3.52576 6.4742 4.43104 7.63336 4.69216L9 5L7.63336 5.30784C6.4742 5.56896 5.56897 6.47416 5.30785 7.63336L5 9L4.69215 7.63336C4.43103 6.47416 3.5258 5.56896 2.36662 5.30784L1 5L2.36662 4.69216C3.5258 4.43104 4.43103 3.52584 4.69215 2.36664L5 1Z",
+		strokeWidth: .75,
+		strokeLinejoin: "round"
+	})
+});
+var OutlinedStar_default = SvgOutlinedStar;
+
+//#endregion
+Object.defineProperty(exports, 'OutlinedStar_default', {
+  enumerable: true,
+  get: function () {
+    return OutlinedStar_default;
+  }
+});

package/dist/OutlinedStar-WWs3gRwt.js

@@ -0,0 +1,21 @@
+import { t as require_jsx_runtime } from "./jsx-runtime-Dg2m6dxZ-CU_SzTu4.js";
+
+//#region ../icons/dist/OutlinedStar.js
+var import_jsx_runtime = require_jsx_runtime();
+const SvgOutlinedStar = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+	width: 10,
+	height: 10,
+	viewBox: "0 0 10 10",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		d: "M5 1L5.30785 2.36664C5.56897 3.52576 6.4742 4.43104 7.63336 4.69216L9 5L7.63336 5.30784C6.4742 5.56896 5.56897 6.47416 5.30785 7.63336L5 9L4.69215 7.63336C4.43103 6.47416 3.5258 5.56896 2.36662 5.30784L1 5L2.36662 4.69216C3.5258 4.43104 4.43103 3.52584 4.69215 2.36664L5 1Z",
+		strokeWidth: .75,
+		strokeLinejoin: "round"
+	})
+});
+var OutlinedStar_default = SvgOutlinedStar;
+
+//#endregion
+export { OutlinedStar_default as t };

package/dist/{ProductCard-C2KvH4MN.cjs → ProductCard-C7rZyWpj.cjs}

@@ -1,17 +1,14 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_formatPrice = require('./formatPrice-CyfkjZ3R.cjs');
 const require_Typography = require('./Typography-Ds4gfOJz.cjs');
-const require_ImageWithFallback = require('./ImageWithFallback-DvaVpR6v.cjs');
-const require_Spinner = require('./Spinner-Ccy6VFEp.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+const require_ImageWithFallback = require('./ImageWithFallback-C-ZQn7tR.cjs');
+const require_Spinner = require('./Spinner-7HblFCja.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
 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);
 let __envive_ai_react_hooks_config = require("@envive-ai/react-hooks/config");
-__envive_ai_react_hooks_config = require_chunk.__toESM(__envive_ai_react_hooks_config);
 
 //#region src/logging/logger.ts
 var Logger = class {
@@ -30,18 +27,6 @@ var Logger = class {
 };
 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
 /**
@@ -93,14 +78,12 @@ const formatReviews = (stars) => String(Number(stars).toLocaleString("en-US", {
 	maximumFractionDigits: 1
 }));
 const RatingSummary = ({ stars, reviewCount, className }) => {
-	const group = (0, classnames.default)("spiffy-product-card-rating", "spiffy-product-card-text-color", "spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-items-center", "spiffy-tw-gap-1", "spiffy-tw-text-[--spiffy-colors-text-primary]", "spiffy-tw-tracking-[0.8px]");
-	const starClassnames = (0, classnames.default)("spiffy-product-card-rating-star-color", "spiffy-tw-fill-[--spiffy-colors-accent-primary]", "spiffy-tw-w-[14px]", "spiffy-tw-h-[14px]");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: group,
+			className: (0, classnames.default)("spiffy-product-card-rating", "spiffy-product-card-text-color", "spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-items-center", "spiffy-tw-gap-1", "spiffy-tw-text-[--spiffy-colors-text-primary]", "spiffy-tw-tracking-[0.8px]"),
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_md.MdStar, { className: starClassnames }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_md.MdStar, { className: (0, classnames.default)("spiffy-product-card-rating-star-color", "spiffy-tw-fill-[--spiffy-colors-accent-primary]", "spiffy-tw-w-[14px]", "spiffy-tw-h-[14px]") }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
 					variant: "body3",
 					children: formatReviews(stars)
@@ -207,8 +190,8 @@ const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, ur
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: priceAndRatingContainerClassnames,
 						children: [(originalPrice || salePrice) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PriceSection, {
-							originalPrice: formatPrice(originalPrice),
-							salePrice: formatPrice(salePrice),
+							originalPrice: require_formatPrice.formatPrice(originalPrice),
+							salePrice: require_formatPrice.formatPrice(salePrice),
 							pricePrefix
 						}), averageRating && numberReviews && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RatingSummary, {
 							stars: averageRating,
@@ -222,12 +205,20 @@ const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, ur
 };
 
 //#endregion
-//#region src/components/ProductCard/ProductCardSkeleton.tsx
-var ProductCardSkeletonOverrides = /* @__PURE__ */ function(ProductCardSkeletonOverrides$1) {
+//#region src/components/ProductCard/types.ts
+let ProductCardSkeletonOverrides = /* @__PURE__ */ function(ProductCardSkeletonOverrides$1) {
 	ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON_CONTAINER"] = "spiffy-product-card-skeleton-container";
 	ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON"] = "spiffy-product-card-skeleton";
 	return ProductCardSkeletonOverrides$1;
-}(ProductCardSkeletonOverrides || {});
+}({});
+let AnimatedProductCardOverrides = /* @__PURE__ */ function(AnimatedProductCardOverrides$1) {
+	AnimatedProductCardOverrides$1["PRODUCT_CARD_ANIMATED_CONTAINER"] = "spiffy-product-card-animated-container";
+	AnimatedProductCardOverrides$1["PRODUCT_CARD_ANIMATED_IMAGE_CONTAINER"] = "spiffy-product-card-animated";
+	return AnimatedProductCardOverrides$1;
+}({});
+
+//#endregion
+//#region src/components/ProductCard/ProductCardSkeleton.tsx
 const ProductCardSkeleton = ({ layoutVariant, aspectRatio, growWithContainer = false }) => {
 	const layoutClasses = productCardLayoutVariantClasses[layoutVariant || "normal"];
 	const containerClasses = (0, classnames.default)(ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON_CONTAINER, "spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-inherit", "spiffy-tw-bg-transparent", !growWithContainer ? layoutClasses.container : "");
@@ -252,6 +243,12 @@ const ProductCardSkeleton = ({ layoutVariant, aspectRatio, growWithContainer = f
 };
 
 //#endregion
+Object.defineProperty(exports, 'AnimatedProductCardOverrides', {
+  enumerable: true,
+  get: function () {
+    return AnimatedProductCardOverrides;
+  }
+});
 Object.defineProperty(exports, 'PriceSection', {
   enumerable: true,
   get: function () {
@@ -270,6 +267,12 @@ Object.defineProperty(exports, 'ProductCardSkeleton', {
     return ProductCardSkeleton;
   }
 });
+Object.defineProperty(exports, 'ProductCardSkeletonOverrides', {
+  enumerable: true,
+  get: function () {
+    return ProductCardSkeletonOverrides;
+  }
+});
 Object.defineProperty(exports, 'RatingSummary', {
   enumerable: true,
   get: function () {

package/dist/{ProductCard-BiWAcPO4.js → ProductCard-GxpFxjh0.js}

@@ -1,8 +1,9 @@
-import { Typography } from "./Typography-C3QmJzFK.js";
-import { ImageWithFallback } from "./ImageWithFallback-BW57cQw-.js";
-import { Spinner } from "./Spinner-D2HbRsuw.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { t as formatPrice } from "./formatPrice-DexQu2aZ.js";
+import { t as Typography } from "./Typography-xehJH05l.js";
+import { t as ImageWithFallback } from "./ImageWithFallback-DjDNefaG.js";
+import { t as Spinner } from "./Spinner-OFbXMms8.js";
 import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { MdStar } from "react-icons/md";
 import { useImageResolver } from "@envive-ai/react-hooks/hooks/ImageResolver";
 import { PRODUCT_CARD_TESTID } from "@envive-ai/react-hooks/config";
@@ -24,18 +25,6 @@ var Logger = class {
 };
 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
 /**
@@ -87,14 +76,12 @@ const formatReviews = (stars) => String(Number(stars).toLocaleString("en-US", {
 	maximumFractionDigits: 1
 }));
 const RatingSummary = ({ stars, reviewCount, className }) => {
-	const group = classNames("spiffy-product-card-rating", "spiffy-product-card-text-color", "spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-items-center", "spiffy-tw-gap-1", "spiffy-tw-text-[--spiffy-colors-text-primary]", "spiffy-tw-tracking-[0.8px]");
-	const starClassnames = classNames("spiffy-product-card-rating-star-color", "spiffy-tw-fill-[--spiffy-colors-accent-primary]", "spiffy-tw-w-[14px]", "spiffy-tw-h-[14px]");
 	return /* @__PURE__ */ jsx("div", {
 		className,
 		children: /* @__PURE__ */ jsxs("div", {
-			className: group,
+			className: classNames("spiffy-product-card-rating", "spiffy-product-card-text-color", "spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-items-center", "spiffy-tw-gap-1", "spiffy-tw-text-[--spiffy-colors-text-primary]", "spiffy-tw-tracking-[0.8px]"),
 			children: [
-				/* @__PURE__ */ jsx(MdStar, { className: starClassnames }),
+				/* @__PURE__ */ jsx(MdStar, { className: classNames("spiffy-product-card-rating-star-color", "spiffy-tw-fill-[--spiffy-colors-accent-primary]", "spiffy-tw-w-[14px]", "spiffy-tw-h-[14px]") }),
 				/* @__PURE__ */ jsx(Typography, {
 					variant: "body3",
 					children: formatReviews(stars)
@@ -216,12 +203,20 @@ const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, ur
 };
 
 //#endregion
-//#region src/components/ProductCard/ProductCardSkeleton.tsx
-var ProductCardSkeletonOverrides = /* @__PURE__ */ function(ProductCardSkeletonOverrides$1) {
+//#region src/components/ProductCard/types.ts
+let ProductCardSkeletonOverrides = /* @__PURE__ */ function(ProductCardSkeletonOverrides$1) {
 	ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON_CONTAINER"] = "spiffy-product-card-skeleton-container";
 	ProductCardSkeletonOverrides$1["PRODUCT_CARD_SKELETON"] = "spiffy-product-card-skeleton";
 	return ProductCardSkeletonOverrides$1;
-}(ProductCardSkeletonOverrides || {});
+}({});
+let AnimatedProductCardOverrides = /* @__PURE__ */ function(AnimatedProductCardOverrides$1) {
+	AnimatedProductCardOverrides$1["PRODUCT_CARD_ANIMATED_CONTAINER"] = "spiffy-product-card-animated-container";
+	AnimatedProductCardOverrides$1["PRODUCT_CARD_ANIMATED_IMAGE_CONTAINER"] = "spiffy-product-card-animated";
+	return AnimatedProductCardOverrides$1;
+}({});
+
+//#endregion
+//#region src/components/ProductCard/ProductCardSkeleton.tsx
 const ProductCardSkeleton = ({ layoutVariant, aspectRatio, growWithContainer = false }) => {
 	const layoutClasses = productCardLayoutVariantClasses[layoutVariant || "normal"];
 	const containerClasses = classNames(ProductCardSkeletonOverrides.PRODUCT_CARD_SKELETON_CONTAINER, "spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-inherit", "spiffy-tw-bg-transparent", !growWithContainer ? layoutClasses.container : "");
@@ -246,4 +241,4 @@ const ProductCardSkeleton = ({ layoutVariant, aspectRatio, growWithContainer = f
 };
 
 //#endregion
-export { PriceSection, ProductCard, ProductCardSkeleton, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };
+export { ProductCard as a, variantClassMap as c, PriceSection as i, variantHoverClassMap as l, AnimatedProductCardOverrides as n, RatingSummary as o, ProductCardSkeletonOverrides as r, productCardLayoutVariantClasses as s, ProductCardSkeleton as t, variantTitleColorMap as u };

package/dist/{ProductGrid-DkOyRAEg.cjs → ProductGrid-0A8vml2y.cjs}

@@ -1,9 +1,8 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ProductCard = require('./ProductCard-C2KvH4MN.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+const require_ProductCard = require('./ProductCard-C7rZyWpj.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ProductGrid/productGridVariants.ts
 const productGridVariantClasses = {