@envive-ai/react-toolkit 0.1.13 → 0.2.0

package/dist/Accordion/index.d.cts

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

package/dist/Accordion/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime22 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_runtime3.JSX.Element;
+}: AccordionProps) => react_jsx_runtime22.JSX.Element;
 //#endregion
 export { Accordion };

package/dist/AnimatedChevron/index.cjs

@@ -0,0 +1,3 @@
+const require_AnimatedChevron = require('../AnimatedChevron-e_UzWBl0.cjs');
+
+exports.AnimatedChevron = require_AnimatedChevron.AnimatedChevron;

package/dist/AnimatedChevron/index.d.cts

@@ -0,0 +1,11 @@
+import { MotionValue } from "framer-motion";
+import { FC } from "react";
+
+//#region src/components/AnimatedChevron/AnimatedChevron.d.ts
+interface AnimatedChevronProps {
+  animationKey: MotionValue;
+  chevronColor: string;
+}
+declare const AnimatedChevron: FC<AnimatedChevronProps>;
+//#endregion
+export { AnimatedChevron };

package/dist/AnimatedChevron/index.d.ts

@@ -0,0 +1,11 @@
+import { MotionValue } from "framer-motion";
+import { FC } from "react";
+
+//#region src/components/AnimatedChevron/AnimatedChevron.d.ts
+interface AnimatedChevronProps {
+  animationKey: MotionValue;
+  chevronColor: string;
+}
+declare const AnimatedChevron: FC<AnimatedChevronProps>;
+//#endregion
+export { AnimatedChevron };

package/dist/AnimatedChevron/index.js

@@ -0,0 +1,3 @@
+import { AnimatedChevron } from "../AnimatedChevron-CwuXgR2r.js";
+
+export { AnimatedChevron };

package/dist/AnimatedChevron-CwuXgR2r.js

@@ -0,0 +1,29 @@
+import { motion, useTransform } from "framer-motion";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#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
+export { AnimatedChevron };

package/dist/AnimatedChevron-e_UzWBl0.cjs

@@ -0,0 +1,37 @@
+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 }) => {
+	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
+Object.defineProperty(exports, 'AnimatedChevron', {
+  enumerable: true,
+  get: function () {
+    return AnimatedChevron;
+  }
+});

package/dist/AppliedFiltersScrollbar/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime15 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_runtime19.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar };

package/dist/AppliedFiltersScrollbar/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime5 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_runtime5.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar };

package/dist/ButtonBase/index.cjs

@@ -1,7 +1,7 @@
 require('../textVariantClasses-CBre7vXv.cjs');
 require('../Text-DllCE9_D.cjs');
-const require_ButtonBase = require('../ButtonBase-DrIwVGTR.cjs');
-require('../ButtonBase-BIXx56hq.cjs');
+const require_ButtonBase = require('../ButtonBase-VIv-tn7H.cjs');
+require('../ButtonBase-Cb6Iec6f.cjs');
 
 exports.ButtonBase = require_ButtonBase.ButtonBase;
 exports.ButtonBaseOverrides = require_ButtonBase.ButtonBaseOverrides;

package/dist/ButtonBase/index.d.cts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime20 from "react/jsx-runtime";
-import { TestProps } from "@envive-ai/react-hooks/types";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 import { ButtonHTMLAttributes, CSSProperties } from "react";
+import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/ButtonBase/types.d.ts
 interface ButtonHoverStyles extends CSSProperties {
@@ -37,6 +37,6 @@ declare const ButtonBase: ({
   dataTestId,
   onClick,
   disablePadding
-}: ButtonBaseProps) => react_jsx_runtime20.JSX.Element;
+}: ButtonBaseProps) => react_jsx_runtime16.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_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime0 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_runtime19.JSX.Element;
+}: ButtonBaseProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/ButtonBase/index.js

@@ -1,6 +1,6 @@
 import "../textVariantClasses-CRrTb43V.js";
 import "../Text-BLzNhX4H.js";
-import { ButtonBase, ButtonBaseOverrides } from "../ButtonBase-DgRupM53.js";
-import "../ButtonBase-0NN6wmX-.js";
+import { ButtonBase, ButtonBaseOverrides } from "../ButtonBase-BJ0qXMWD.js";
+import "../ButtonBase-BktteD9c.js";
 
 export { ButtonBase, ButtonBaseOverrides };

package/dist/DynamicFiltersScrollbar/index.d.cts

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

package/dist/DynamicFiltersScrollbar/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/DynamicFiltersScrollbar/DynamicFiltersScrollbar.d.ts
 interface DynamicFiltersScrollbarProps {
@@ -23,6 +23,6 @@ declare const DynamicFiltersScrollbar: ({
   filterDefaultClasses,
   filterHoverClasses,
   onToggleDynamicFilter
-}: DynamicFiltersScrollbarProps) => react_jsx_runtime15.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.cjs

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

package/dist/FilterScrollbar/index.js

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

package/dist/Headline/index.cjs

@@ -1,4 +1,4 @@
 require('../textVariantClasses-CBre7vXv.cjs');
-const require_Headline = require('../Headline-Cp79THVF.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_runtime23 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_runtime23.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_runtime24 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_runtime24.JSX.Element;
+}: HeadlineProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { Headline, HeadlineProps, HeadlineVariant };

package/dist/Headline/index.js

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

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_runtime7 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_runtime7.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_runtime25 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_runtime25.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_runtime16 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_runtime16.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_runtime23 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_runtime23.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-CBre7vXv.cjs');
 require('../Text-DllCE9_D.cjs');
-require('../Headline-Cp79THVF.cjs');
-require('../ImageWithFallback-Cx-KNi-D.cjs');
-const require_ProductCard = require('../ProductCard-EmdDy2af.cjs');
-require('../Spinner-DFor2Szi.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-DDp-fLgm.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-DADHwW6M.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-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-CNwmHggx.js";
-import "../Spinner-CjGLIRgs.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-EmdDy2af.cjs → ProductCard-BDz80MCQ.cjs}

@@ -1,8 +1,8 @@
 const require_chunk = require('./chunk-CUT6urMc.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');
+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");

package/dist/{ProductCard-CNwmHggx.js → ProductCard-CqhNJShq.js}

@@ -1,7 +1,7 @@
 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 { Headline } from "./Headline-DtjTB4xS.js";
+import { ImageWithFallback } from "./ImageWithFallback-CbYsD1_a.js";
+import { Spinner } from "./Spinner-bg6jb_ks.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MdStar } from "react-icons/md";

package/dist/ProductGrid/index.cjs

@@ -1,10 +1,10 @@
 require('../textVariantClasses-CBre7vXv.cjs');
 require('../Text-DllCE9_D.cjs');
-require('../Headline-Cp79THVF.cjs');
-require('../ImageWithFallback-Cx-KNi-D.cjs');
-require('../ProductCard-EmdDy2af.cjs');
-require('../Spinner-DFor2Szi.cjs');
-const require_ProductGrid = require('../ProductGrid-CMoomZLc.cjs');
+require('../Headline-CKJmd2w4.cjs');
+require('../ImageWithFallback-Km9h16Vz.cjs');
+require('../ProductCard-BDz80MCQ.cjs');
+require('../Spinner-rcWX566W.cjs');
+const require_ProductGrid = require('../ProductGrid-RRcdkY5J.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-DDp-fLgm.cjs";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-B9WeFNlO.cjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
@@ -18,7 +18,7 @@ declare const ProductGrid: ({
   productCardConfig,
   merchantShortName,
   cardsGrowWithContainer
-}: ProductGridProps) => react_jsx_runtime5.JSX.Element;
+}: ProductGridProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ProductGrid/productGridVariants.d.ts
 interface ProductGridVariantClasses {