@envive-ai/react-toolkit 0.1.5 → 0.1.6

package/dist/Accordion/index.cjs

@@ -0,0 +1,84 @@
+const require_chunk = require('../chunk-CUT6urMc.cjs');
+let framer_motion = require("framer-motion");
+framer_motion = require_chunk.__toESM(framer_motion);
+let react = require("react");
+react = require_chunk.__toESM(react);
+let classnames = require("classnames");
+classnames = require_chunk.__toESM(classnames);
+let __envive_ai_react_toolkit_Text = require("@envive-ai/react-toolkit/Text");
+__envive_ai_react_toolkit_Text = require_chunk.__toESM(__envive_ai_react_toolkit_Text);
+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");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+
+//#region src/components/Accordion/Accordion.tsx
+const ANIMATION_DURATION = .3;
+const Accordion = ({ title, content }) => {
+	const [isOpen, setIsOpen] = (0, react.useState)(false);
+	const contentRef = (0, react.useRef)(null);
+	const titleWrapperClasses = (0, classnames.default)({
+		"spiffy-tw-border-b": true,
+		"spiffy-tw-border-[--spiffy-colors-border-light]": true,
+		"spiffy-tw-pb-2": true,
+		"spiffy-tw-flex": true,
+		"spiffy-tw-justify-between": true,
+		"spiffy-tw-items-center": true,
+		"spiffy-tw-w-full": true,
+		"spiffy-tw-group": true
+	});
+	const titleClasses = (0, classnames.default)({
+		"spiffy-tw-uppercase": true,
+		"spiffy-tw-text-[--spiffy-colors-text-primary]": true,
+		"!spiffy-tw-font-[400]": true,
+		"group-aria-expanded:!spiffy-tw-font-medium": true
+	});
+	const contentClasses = (0, classnames.default)({ "spiffy-tw-overflow-hidden": true });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		"aria-expanded": isOpen,
+		type: "button",
+		className: titleWrapperClasses,
+		onClick: () => setIsOpen(!isOpen),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_Text.Text, {
+			variant: "body4",
+			className: titleClasses,
+			children: title
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+			variants: {
+				open: { rotate: 180 },
+				closed: { rotate: 360 }
+			},
+			animate: isOpen ? "open" : "closed",
+			transition: {
+				duration: ANIMATION_DURATION,
+				ease: "easeOut"
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_ChevronDown.default, {})
+		})]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+		variants: {
+			open: {
+				height: "auto",
+				marginTop: "24px",
+				marginBottom: "24px"
+			},
+			closed: {
+				height: "0px",
+				marginTop: "0px",
+				marginBottom: "0px"
+			}
+		},
+		className: contentClasses,
+		initial: { height: 0 },
+		animate: isOpen ? "open" : "closed",
+		transition: {
+			duration: ANIMATION_DURATION,
+			ease: "easeOut"
+		},
+		ref: contentRef,
+		children: content
+	})] });
+};
+
+//#endregion
+exports.Accordion = Accordion;

package/dist/Accordion/index.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Accordion/Accordion.d.ts
+interface AccordionProps {
+  title: string;
+  content: React.ReactNode;
+}
+declare const Accordion: ({
+  title,
+  content
+}: AccordionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Accordion };

package/dist/Accordion/index.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#region src/components/Accordion/Accordion.d.ts
+interface AccordionProps {
+  title: string;
+  content: React.ReactNode;
+}
+declare const Accordion: ({
+  title,
+  content
+}: AccordionProps) => react_jsx_runtime7.JSX.Element;
+//#endregion
+export { Accordion };

package/dist/Accordion/index.js

@@ -0,0 +1,77 @@
+import { motion } from "framer-motion";
+import { useRef, useState } from "react";
+import classNames from "classnames";
+import { Text } from "@envive-ai/react-toolkit/Text";
+import ChevronDown from "@envive-ai/react-icons/ChevronDown";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Accordion/Accordion.tsx
+const ANIMATION_DURATION = .3;
+const Accordion = ({ title, content }) => {
+	const [isOpen, setIsOpen] = useState(false);
+	const contentRef = useRef(null);
+	const titleWrapperClasses = classNames({
+		"spiffy-tw-border-b": true,
+		"spiffy-tw-border-[--spiffy-colors-border-light]": true,
+		"spiffy-tw-pb-2": true,
+		"spiffy-tw-flex": true,
+		"spiffy-tw-justify-between": true,
+		"spiffy-tw-items-center": true,
+		"spiffy-tw-w-full": true,
+		"spiffy-tw-group": true
+	});
+	const titleClasses = classNames({
+		"spiffy-tw-uppercase": true,
+		"spiffy-tw-text-[--spiffy-colors-text-primary]": true,
+		"!spiffy-tw-font-[400]": true,
+		"group-aria-expanded:!spiffy-tw-font-medium": true
+	});
+	const contentClasses = classNames({ "spiffy-tw-overflow-hidden": true });
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("button", {
+		"aria-expanded": isOpen,
+		type: "button",
+		className: titleWrapperClasses,
+		onClick: () => setIsOpen(!isOpen),
+		children: [/* @__PURE__ */ jsx(Text, {
+			variant: "body4",
+			className: titleClasses,
+			children: title
+		}), /* @__PURE__ */ jsx(motion.div, {
+			variants: {
+				open: { rotate: 180 },
+				closed: { rotate: 360 }
+			},
+			animate: isOpen ? "open" : "closed",
+			transition: {
+				duration: ANIMATION_DURATION,
+				ease: "easeOut"
+			},
+			children: /* @__PURE__ */ jsx(ChevronDown, {})
+		})]
+	}), /* @__PURE__ */ jsx(motion.div, {
+		variants: {
+			open: {
+				height: "auto",
+				marginTop: "24px",
+				marginBottom: "24px"
+			},
+			closed: {
+				height: "0px",
+				marginTop: "0px",
+				marginBottom: "0px"
+			}
+		},
+		className: contentClasses,
+		initial: { height: 0 },
+		animate: isOpen ? "open" : "closed",
+		transition: {
+			duration: ANIMATION_DURATION,
+			ease: "easeOut"
+		},
+		ref: contentRef,
+		children: content
+	})] });
+};
+
+//#endregion
+export { Accordion };

package/dist/ButtonBase/index.cjs

@@ -1,6 +1,7 @@
-const require_ButtonBase = require('../ButtonBase-Dlh3bpR3.cjs');
+const require_ButtonBase = require('../ButtonBase-DcyxOe2v.cjs');
 require('../textVariantClasses-BnV4wXaw.cjs');
 require('../Text-CgOYTs8D.cjs');
+require('../ButtonBase-BleAVeo-.cjs');
 
 exports.ButtonBase = require_ButtonBase.ButtonBase;
 exports.ButtonBaseOverrides = require_ButtonBase.ButtonBaseOverrides;

package/dist/ButtonBase/index.d.cts

@@ -1,5 +1,5 @@
 import { TestProps } from "../types-BQYpWDJ4.cjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 import { ButtonHTMLAttributes, CSSProperties } from "react";
 
 //#region src/components/ButtonBase/types.d.ts
@@ -38,6 +38,6 @@ declare const ButtonBase: ({
   dataTestId,
   onClick,
   disablePadding
-}: ButtonBaseProps) => react_jsx_runtime0.JSX.Element;
+}: ButtonBaseProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/ButtonBase/index.d.ts

@@ -1,6 +1,6 @@
-import { TestProps } from "../types-DpfHwTzY.js";
+import { TestProps } from "../types-BruEHw-X.js";
 import { ButtonHTMLAttributes, CSSProperties } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/ButtonBase/types.d.ts
 interface ButtonHoverStyles extends CSSProperties {
@@ -38,6 +38,6 @@ declare const ButtonBase: ({
   dataTestId,
   onClick,
   disablePadding
-}: ButtonBaseProps) => react_jsx_runtime0.JSX.Element;
+}: ButtonBaseProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/ButtonBase/index.js

@@ -1,5 +1,6 @@
-import { ButtonBase, ButtonBaseOverrides } from "../ButtonBase-CpmFsiUf.js";
+import { ButtonBase, ButtonBaseOverrides } from "../ButtonBase-BIAu5fIG.js";
 import "../textVariantClasses-CnjwO2Fv.js";
 import "../Text-BMg3d10t.js";
+import "../ButtonBase-BRfuPPzN.js";
 
 export { ButtonBase, ButtonBaseOverrides };

package/dist/{ButtonBase-CpmFsiUf.js → ButtonBase-BIAu5fIG.js}

@@ -1,6 +1,6 @@
 import { Text } from "./Text-BMg3d10t.js";
-import classNames from "classnames";
 import { createElement, useEffect, useRef } from "react";
+import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/ButtonBase/types.ts

package/dist/ButtonBase-BRfuPPzN.js

@@ -0,0 +1 @@
+export {  };

package/dist/{ButtonBase-Dlh3bpR3.cjs → ButtonBase-DcyxOe2v.cjs}

@@ -1,9 +1,9 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
 const require_Text = require('./Text-CgOYTs8D.cjs');
-let classnames = require("classnames");
-classnames = require_chunk.__toESM(classnames);
 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");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 

package/dist/FilterScrollbar/index.cjs

@@ -1,6 +1,6 @@
 require('../textVariantClasses-BnV4wXaw.cjs');
 require('../Text-CgOYTs8D.cjs');
-const require_DynamicFiltersScrollbar = require('../DynamicFiltersScrollbar-D8Lms7Ox.cjs');
+const require_DynamicFiltersScrollbar = require('../DynamicFiltersScrollbar-BTopFhyl.cjs');
 
 exports.AppliedFiltersScrollbar = require_DynamicFiltersScrollbar.AppliedFiltersScrollbar;
 exports.DynamicFiltersScrollbar = require_DynamicFiltersScrollbar.DynamicFiltersScrollbar;

package/dist/FilterScrollbar/index.d.cts

@@ -1,5 +1,5 @@
 import { SelectedFilterOption } from "../types-C-Jrlw5Z.cjs";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
 interface AppliedFiltersScrollbarProps {
@@ -17,7 +17,7 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime6.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime9.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_runtime6.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.d.ts

@@ -1,5 +1,5 @@
-import { SelectedFilterOption } from "../types-B19i3fxM.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import { SelectedFilterOption } from "../types-Bm-qQyO3.js";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
 interface AppliedFiltersScrollbarProps {
@@ -17,7 +17,7 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime6.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime13.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_runtime6.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.js

@@ -1,5 +1,5 @@
 import "../textVariantClasses-CnjwO2Fv.js";
 import "../Text-BMg3d10t.js";
-import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "../DynamicFiltersScrollbar-t_JASmYC.js";
+import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "../DynamicFiltersScrollbar-BmPTqym5.js";
 
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/Headline/index.cjs

@@ -1,4 +1,4 @@
 require('../textVariantClasses-BnV4wXaw.cjs');
-const require_Headline = require('../Headline-CdddUGwy.cjs');
+const require_Headline = require('../Headline-iP_MckEO.cjs');
 
 exports.Headline = require_Headline.Headline;

package/dist/Headline/index.d.cts

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

package/dist/Headline/index.d.ts

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

package/dist/Headline/index.js

@@ -1,4 +1,4 @@
 import "../textVariantClasses-CnjwO2Fv.js";
-import { Headline } from "../Headline-COAnonc2.js";
+import { Headline } from "../Headline-XpaAeTSR.js";
 
 export { Headline };

package/dist/ImageWithFallback/index.cjs

@@ -1,3 +1,3 @@
-const require_ImageWithFallback = require('../ImageWithFallback-By6QdlCR.cjs');
+const require_ImageWithFallback = require('../ImageWithFallback-1LqhQK1q.cjs');
 
 exports.ImageWithFallback = require_ImageWithFallback.ImageWithFallback;

package/dist/ImageWithFallback/index.d.cts

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

package/dist/ImageWithFallback/index.d.ts

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

package/dist/ImageWithFallback/index.js

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

package/dist/{ImageWithFallback-By6QdlCR.cjs → ImageWithFallback-1LqhQK1q.cjs}

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

package/dist/{ImageWithFallback-DtUrq_bk.js → ImageWithFallback-Ckwsmd8P.js}

@@ -1,5 +1,5 @@
-import classNames from "classnames";
 import React, { useState } from "react";
+import classNames from "classnames";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/ImageWithFallback/ImageWithFallback.tsx

package/dist/ProductCard/index.cjs

@@ -1,16 +1,15 @@
 require('../textVariantClasses-BnV4wXaw.cjs');
 require('../Text-CgOYTs8D.cjs');
-require('../Headline-CdddUGwy.cjs');
-require('../ImageWithFallback-By6QdlCR.cjs');
-const require_ProductCard = require('../ProductCard-CvTRvhm7.cjs');
-require('../Spinner-DX35Epv3.cjs');
-const require_ProductCardSkeleton = require('../ProductCardSkeleton-BzBK36m-.cjs');
+require('../Headline-iP_MckEO.cjs');
+require('../ImageWithFallback-1LqhQK1q.cjs');
+const require_ProductCard = require('../ProductCard-DZZKutY-.cjs');
+require('../Spinner-DzdIkS6t.cjs');
 
-exports.AnimatedProductCardOverrides = require_ProductCardSkeleton.AnimatedProductCardOverrides;
+exports.AnimatedProductCardOverrides = require_ProductCard.AnimatedProductCardOverrides;
 exports.PriceSection = require_ProductCard.PriceSection;
 exports.ProductCard = require_ProductCard.ProductCard;
-exports.ProductCardSkeleton = require_ProductCardSkeleton.ProductCardSkeleton;
-exports.ProductCardSkeletonOverrides = require_ProductCardSkeleton.ProductCardSkeletonOverrides;
+exports.ProductCardSkeleton = require_ProductCard.ProductCardSkeleton;
+exports.ProductCardSkeletonOverrides = require_ProductCard.ProductCardSkeletonOverrides;
 exports.RatingSummary = require_ProductCard.RatingSummary;
 exports.productCardLayoutVariantClasses = require_ProductCard.productCardLayoutVariantClasses;
 exports.variantClassMap = require_ProductCard.variantClassMap;

package/dist/ProductCard/index.d.cts

@@ -1,109 +1,3 @@
-import { TestProps } from "../types-BQYpWDJ4.cjs";
-import { AnimatedProductCardOverrides, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, SearchResponseProductAttributes } from "../types-Dvgr3ZeV.cjs";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
-import { FC } from "react";
-
-//#region src/config/chatElementDisplayLocation.d.ts
-declare enum ChatElementDisplayLocation {
-  IN_CHAT = "in_chat",
-  CHAT_PREVIEW = "chat_preview",
-  FLOATING_BUTTON = "floating_button",
-  HELP_ME_CHOOSE = "help_me_choose",
-  PLP_IMAGE_BANNER = "plp_image_banner",
-  TOP_REVIEWS_SNIPPET = "top_reviews_snippet",
-  BOTTOM_REVIEWS_SNIPPET = "bottom_reviews_snippet",
-  BLOCK_BACK_BUTTON = "block_back_button",
-  SWITCH_TO_AGENT = "switch_to_agent",
-  CONVERSATIONAL_SEARCH = "conversational_search",
-  GLOBAL_SEARCH_ENTRYPOINT = "global_search_entrypoint",
-  SEARCH_NAV_ENTRYPOINT = "search_nav_entrypoint",
-  SEARCH_PROMPT = "search_prompt",
-  SEARCH_PROMPT_BUTTON = "search_prompt_button",
-  PRODUCT_GRID = "product_grid",
-  UNSPECIFIED = "unspecified",
-  FILTER_MODAL = "filter_modal",
-  PROMPT_CARD = "prompt_card",
-  WINDOW_API_CALL = "window_api_call",
-}
-//#endregion
-//#region src/components/ProductCard/ProductCard.d.ts
-interface RatingSummaryProps {
-  stars: number;
-  reviewCount: number;
-  className?: string;
-}
-declare const RatingSummary: ({
-  stars,
-  reviewCount,
-  className
-}: RatingSummaryProps) => react_jsx_runtime12.JSX.Element;
-interface PriceSectionProps {
-  originalPrice?: string;
-  salePrice?: string;
-  pricePrefix?: string;
-}
-declare const PriceSection: ({
-  originalPrice,
-  salePrice,
-  pricePrefix
-}: PriceSectionProps) => react_jsx_runtime12.JSX.Element;
-interface ProductCardProps extends TestProps {
-  productCardConfig?: ProductCardConfig;
-  merchantShortName: string;
-  title: string;
-  url?: string;
-  searchResponseId?: string;
-  productResponseId?: string;
-  cardDisplayLocation: ChatElementDisplayLocation.IN_CHAT | ChatElementDisplayLocation.PRODUCT_GRID;
-  imageUrl?: string;
-  originalPrice?: number;
-  averageRating?: number;
-  numberReviews?: number;
-  salePrice?: number;
-  variant?: ProductCardVariant;
-  hoverVariant?: ProductCardHoverVariant;
-  layoutVariant?: ProductCardLayoutVariant;
-  zoomOnHover?: boolean;
-  aspectRatio?: '3:4' | 'square' | 'none';
-  clickPosition?: number | null;
-  growWithContainer?: boolean;
-  handleClick: (clickedUrl: string) => void;
-}
-declare const ProductCard: ({
-  productCardConfig,
-  merchantShortName,
-  imageUrl,
-  title,
-  url,
-  originalPrice,
-  averageRating,
-  numberReviews,
-  salePrice,
-  variant,
-  hoverVariant,
-  dataTestId,
-  layoutVariant,
-  zoomOnHover,
-  aspectRatio,
-  growWithContainer,
-  handleClick
-}: ProductCardProps) => react_jsx_runtime12.JSX.Element;
-//#endregion
-//#region src/components/ProductCard/ProductCardSkeleton.d.ts
-interface ProductCardSkeletonProps$1 {
-  layoutVariant: ProductCardLayoutVariant;
-  aspectRatio?: '3:4' | 'square' | 'none';
-  growWithContainer?: boolean;
-}
-declare const ProductCardSkeleton: FC<ProductCardSkeletonProps$1>;
-//#endregion
-//#region src/components/ProductCard/productCardVariants.d.ts
-/**
- * Shared variant mapping configurations for ProductCard components
- */
-declare const variantClassMap: Map<ProductCardVariant, string[]>;
-declare const variantHoverClassMap: Map<ProductCardHoverVariant, string[]>;
-declare const variantTitleColorMap: Map<ProductCardVariant, string>;
-declare const productCardLayoutVariantClasses: Record<ProductCardLayoutVariant, Record<string, string[]>>;
-//#endregion
+import "../types-BQYpWDJ4.cjs";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-wYn2mEDm.cjs";
 export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };