@envive-ai/react-toolkit-v3 0.3.40 → 0.3.42

package/dist/ProductCard/ProductCard.d.cts

@@ -1,5 +1,5 @@
 import { ProductCardProps } from "./types/index.cjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/components/ProductCard/ProductCard.d.ts
 declare const ProductCard: ({
@@ -28,6 +28,6 @@ declare const ProductCard: ({
   onInputClick,
   onTranscriptionStarted,
   onTranscriptionCompleted
-}: ProductCardProps) => react_jsx_runtime0.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { ProductCard };

package/dist/ProductCard/ProductCard.d.ts

@@ -1,5 +1,5 @@
 import { ProductCardProps } from "./types/index.js";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/components/ProductCard/ProductCard.d.ts
 declare const ProductCard: ({
@@ -28,6 +28,6 @@ declare const ProductCard: ({
   onInputClick,
   onTranscriptionStarted,
   onTranscriptionCompleted
-}: ProductCardProps) => react_jsx_runtime11.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { ProductCard };

package/dist/PromptButton/PromptButton.d.cts

@@ -1,5 +1,5 @@
 import { PromptButtonProps } from "./types/index.cjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 
 //#region src/components/PromptButton/PromptButton.d.ts
 declare const PromptButton: ({
@@ -22,6 +22,6 @@ declare const PromptButton: ({
   onTouchEnd,
   ariaLabel,
   ariaDescribedBy
-}: PromptButtonProps) => react_jsx_runtime0.JSX.Element;
+}: PromptButtonProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 export { PromptButton };

package/dist/PromptButton/PromptButton.d.ts

@@ -1,5 +1,5 @@
 import { PromptButtonProps } from "./types/index.js";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 
 //#region src/components/PromptButton/PromptButton.d.ts
 declare const PromptButton: ({
@@ -22,6 +22,6 @@ declare const PromptButton: ({
   onTouchEnd,
   ariaLabel,
   ariaDescribedBy
-}: PromptButtonProps) => react_jsx_runtime19.JSX.Element;
+}: PromptButtonProps) => react_jsx_runtime27.JSX.Element;
 //#endregion
 export { PromptButton };

package/dist/PromptButton/hooks/useGetBorderColorsProperties.cjs

@@ -4,7 +4,7 @@ const require_PromptButton_types_index = require('../types/index.cjs');
 const useGetBorderColorsProperties = (variant) => {
 	return {
 		borderColorClass: {
-			[require_PromptButton_types_index.PromptButtonVariant.LIGHT]: "envive-tw-border-[color-mix(in_srgb,var(--envive-colors-button-light-background-color)_90%,#000000)] envive-tw-border-[1px] envive-tw-border-solid",
+			[require_PromptButton_types_index.PromptButtonVariant.LIGHT]: "envive-tw-border-[var(--envive-colors-button-light-border-color,color-mix(in_srgb,var(--envive-colors-button-light-background-color)_90%,#000000))] envive-tw-border-[1px] envive-tw-border-solid",
 			[require_PromptButton_types_index.PromptButtonVariant.DARK]: "envive-tw-border-button-dark-background-color envive-tw-border-[1px] envive-tw-border-solid",
 			[require_PromptButton_types_index.PromptButtonVariant.GHOST]: "envive-tw-border-background-light envive-tw-border-[1px] envive-tw-border-solid",
 			[require_PromptButton_types_index.PromptButtonVariant.SUGGESTED_RESPONSE]: "envive-tw-border-border-dark envive-tw-border-[1px] envive-tw-border-solid"

package/dist/PromptButton/hooks/useGetBorderColorsProperties.js

@@ -4,7 +4,7 @@ import { PromptButtonVariant } from "../types/index.js";
 const useGetBorderColorsProperties = (variant) => {
 	return {
 		borderColorClass: {
-			[PromptButtonVariant.LIGHT]: "envive-tw-border-[color-mix(in_srgb,var(--envive-colors-button-light-background-color)_90%,#000000)] envive-tw-border-[1px] envive-tw-border-solid",
+			[PromptButtonVariant.LIGHT]: "envive-tw-border-[var(--envive-colors-button-light-border-color,color-mix(in_srgb,var(--envive-colors-button-light-background-color)_90%,#000000))] envive-tw-border-[1px] envive-tw-border-solid",
 			[PromptButtonVariant.DARK]: "envive-tw-border-button-dark-background-color envive-tw-border-[1px] envive-tw-border-solid",
 			[PromptButtonVariant.GHOST]: "envive-tw-border-background-light envive-tw-border-[1px] envive-tw-border-solid",
 			[PromptButtonVariant.SUGGESTED_RESPONSE]: "envive-tw-border-border-dark envive-tw-border-[1px] envive-tw-border-solid"

package/dist/PromptButtonCarouselWithImage/PromptButtonCarouselWithImage.cjs

@@ -18,6 +18,8 @@ const PromptButtonCarouselWithImage = ({ id, testId, className, style, theme = r
 		textField: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.PromptButtonCarouselWithImageComponents.TextField, {
 			isLoading,
 			placeholder: textFieldPlaceholder,
+			minimalFrame: finalTheme === require_theme.Theme.MINIMAL ? "bottom-only" : "full",
+			minimalBorderVariant: "primary",
 			className: finalTheme === require_theme.Theme.MINIMAL ? "!envive-tw-border-border-medium" : void 0,
 			onClick: () => handleTextFieldClick(textFieldPlaceholder),
 			theme: finalTheme,

package/dist/PromptButtonCarouselWithImage/PromptButtonCarouselWithImage.d.cts

@@ -1,5 +1,5 @@
 import { PromptButtonCarouselWithImageProps } from "./types/types.cjs";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/components/PromptButtonCarouselWithImage/PromptButtonCarouselWithImage.d.ts
 declare const PromptButtonCarouselWithImage: ({
@@ -27,6 +27,6 @@ declare const PromptButtonCarouselWithImage: ({
   handleTextFieldClick,
   onTranscriptionStarted,
   onTranscriptionCompleted
-}: PromptButtonCarouselWithImageProps) => react_jsx_runtime4.JSX.Element;
+}: PromptButtonCarouselWithImageProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { PromptButtonCarouselWithImage };

package/dist/PromptButtonCarouselWithImage/PromptButtonCarouselWithImage.js

@@ -17,6 +17,8 @@ const PromptButtonCarouselWithImage = ({ id, testId, className, style, theme = T
 		textField: /* @__PURE__ */ jsx(PromptButtonCarouselWithImageComponents.TextField, {
 			isLoading,
 			placeholder: textFieldPlaceholder,
+			minimalFrame: finalTheme === Theme.MINIMAL ? "bottom-only" : "full",
+			minimalBorderVariant: "primary",
 			className: finalTheme === Theme.MINIMAL ? "!envive-tw-border-border-medium" : void 0,
 			onClick: () => handleTextFieldClick(textFieldPlaceholder),
 			theme: finalTheme,

package/dist/PromptButtonCarouselWithImage/components/Layout.cjs

@@ -26,6 +26,11 @@ const Layout = ({ id, testId, className, style, title, promptButtons, image, tex
 		wheelScrollRef.current = node;
 	};
 	const imageWidth = require_functions.calculateWidthImageGallery(height, 1, 1);
+	const textFieldElement = (0, react.useMemo)(() => !hideTextField && (0, react.isValidElement)(textField) && (0, react.cloneElement)(textField, { className: (0, classnames.default)(isMobile ? "envive-tw-w-full" : "envive-tw-min-w-[276px]", textField.props.className) }), [
+		textField,
+		hideTextField,
+		isMobile
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
 		id,
 		testId,
@@ -39,18 +44,18 @@ const Layout = ({ id, testId, className, style, title, promptButtons, image, tex
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
 				direction: "row",
 				gap: "4",
-				children: [isMobile && (0, react.cloneElement)(image, { imageWidth }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, {
+				children: [isMobile && (0, react.cloneElement)(image, { imageWidth }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
 					ref: combinedRef,
 					direction: isMobile ? "column" : "row",
 					style: {
 						msOverflowStyle: "none",
 						scrollbarWidth: "none"
 					},
-					gap: 4,
+					gap: isMobile ? 2 : 4,
 					className: (0, classnames.default)("[&::-webkit-scrollbar]:hidden envive-tw-h-fit", isMobile ? "envive-tw-w-full envive-tw-overflow-y-auto" : "envive-tw-overflow-x-auto", isMobile || hideTextField ? "envive-tw-w-full" : "envive-tw-max-w-[300px] md:envive-tw-max-w-[450px] lg:envive-tw-max-w-[900px]"),
-					children: promptButtons
+					children: [promptButtons, isMobile ? textFieldElement : null]
 				})]
-			}), !hideTextField && (0, react.isValidElement)(textField) && (0, react.cloneElement)(textField, { className: (0, classnames.default)(isMobile ? "envive-tw-w-full" : "envive-tw-min-w-[276px]", textField.props.className) })]
+			}), isMobile ? null : textFieldElement]
 		})]
 	});
 };

package/dist/PromptButtonCarouselWithImage/components/Layout.js

@@ -5,8 +5,8 @@ import { useGetContentSize } from "../../utils/useGetContentSize.js";
 import { calculateWidthImageGallery } from "../../SocialProof/utils/functions.js";
 import { useDragToScroll } from "../../utils/useDragToScroll.js";
 import { useHorizontalWheelScroll } from "../../utils/useHorizontalWheelScroll.js";
-import { cloneElement, isValidElement } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { cloneElement, isValidElement, useMemo } from "react";
+import { jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
 
 //#region src/components/PromptButtonCarouselWithImage/components/Layout.tsx
@@ -24,6 +24,11 @@ const Layout = ({ id, testId, className, style, title, promptButtons, image, tex
 		wheelScrollRef.current = node;
 	};
 	const imageWidth = calculateWidthImageGallery(height, 1, 1);
+	const textFieldElement = useMemo(() => !hideTextField && isValidElement(textField) && cloneElement(textField, { className: classNames(isMobile ? "envive-tw-w-full" : "envive-tw-min-w-[276px]", textField.props.className) }), [
+		textField,
+		hideTextField,
+		isMobile
+	]);
 	return /* @__PURE__ */ jsxs(Stack, {
 		id,
 		testId,
@@ -37,18 +42,18 @@ const Layout = ({ id, testId, className, style, title, promptButtons, image, tex
 			children: [/* @__PURE__ */ jsxs(Stack, {
 				direction: "row",
 				gap: "4",
-				children: [isMobile && cloneElement(image, { imageWidth }), /* @__PURE__ */ jsx(Stack, {
+				children: [isMobile && cloneElement(image, { imageWidth }), /* @__PURE__ */ jsxs(Stack, {
 					ref: combinedRef,
 					direction: isMobile ? "column" : "row",
 					style: {
 						msOverflowStyle: "none",
 						scrollbarWidth: "none"
 					},
-					gap: 4,
+					gap: isMobile ? 2 : 4,
 					className: classNames("[&::-webkit-scrollbar]:hidden envive-tw-h-fit", isMobile ? "envive-tw-w-full envive-tw-overflow-y-auto" : "envive-tw-overflow-x-auto", isMobile || hideTextField ? "envive-tw-w-full" : "envive-tw-max-w-[300px] md:envive-tw-max-w-[450px] lg:envive-tw-max-w-[900px]"),
-					children: promptButtons
+					children: [promptButtons, isMobile ? textFieldElement : null]
 				})]
-			}), !hideTextField && isValidElement(textField) && cloneElement(textField, { className: classNames(isMobile ? "envive-tw-w-full" : "envive-tw-min-w-[276px]", textField.props.className) })]
+			}), isMobile ? null : textFieldElement]
 		})]
 	});
 };

package/dist/PromptButtonCarouselWithImage/components/PromptButtonsCarousel.cjs

@@ -62,7 +62,7 @@ const PromptButtonsCarousel = ({ theme, isLoading, promptButtonsTexts, promptBut
 	const indexedTexts = Array.from(promptButtonsTextsFinal.entries());
 	if (isMobile) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, {
 		direction: "column",
-		gap: "4",
+		gap: "2",
 		className: "envive-tw-w-full",
 		children: distributeInThreeRows(indexedTexts).filter((row) => row.length > 0).map((row, rowIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, {
 			direction: "row",

package/dist/PromptButtonCarouselWithImage/components/PromptButtonsCarousel.js

@@ -61,7 +61,7 @@ const PromptButtonsCarousel = ({ theme, isLoading, promptButtonsTexts, promptBut
 	const indexedTexts = Array.from(promptButtonsTextsFinal.entries());
 	if (isMobile) return /* @__PURE__ */ jsx(Stack, {
 		direction: "column",
-		gap: "4",
+		gap: "2",
 		className: "envive-tw-w-full",
 		children: distributeInThreeRows(indexedTexts).filter((row) => row.length > 0).map((row, rowIndex) => /* @__PURE__ */ jsx(Stack, {
 			direction: "row",

package/dist/PromptCarousel/PromptCarousel.d.cts

@@ -1,5 +1,5 @@
 import { PromptCarouselProps } from "./types/types.cjs";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/components/PromptCarousel/PromptCarousel.d.ts
 declare const PromptCarousel: ({
@@ -26,6 +26,6 @@ declare const PromptCarousel: ({
   "aria-labelledby": ariaLabelledBy,
   "aria-describedby": ariaDescribedBy,
   role
-}: PromptCarouselProps) => react_jsx_runtime5.JSX.Element;
+}: PromptCarouselProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { PromptCarousel };

package/dist/PromptCarousel/PromptCarousel.d.ts

@@ -1,5 +1,5 @@
 import { PromptCarouselProps } from "./types/types.js";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/components/PromptCarousel/PromptCarousel.d.ts
 declare const PromptCarousel: ({
@@ -26,6 +26,6 @@ declare const PromptCarousel: ({
   "aria-labelledby": ariaLabelledBy,
   "aria-describedby": ariaDescribedBy,
   role
-}: PromptCarouselProps) => react_jsx_runtime10.JSX.Element;
+}: PromptCarouselProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { PromptCarousel };

package/dist/ReviewCard/ReviewCard.d.cts

@@ -1,5 +1,5 @@
 import { ReviewCardProps } from "./types/types.cjs";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/ReviewCard/ReviewCard.d.ts
 
@@ -27,6 +27,6 @@ declare const ReviewCard: ({
   verifiedBuyerLabel,
   onExpand,
   onCollapse
-}: ReviewCardProps) => react_jsx_runtime9.JSX.Element;
+}: ReviewCardProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ReviewCard };

package/dist/ReviewCard/ReviewCard.d.ts

@@ -1,5 +1,5 @@
 import { ReviewCardProps } from "./types/types.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/components/ReviewCard/ReviewCard.d.ts
 
@@ -27,6 +27,6 @@ declare const ReviewCard: ({
   verifiedBuyerLabel,
   onExpand,
   onCollapse
-}: ReviewCardProps) => react_jsx_runtime6.JSX.Element;
+}: ReviewCardProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { ReviewCard };

package/dist/ReviewCard/components/Name.cjs

@@ -22,7 +22,7 @@ const Name = ({ name, showVerifiedBuyer, verifiedBuyerLabel, className, style })
 		className,
 		style,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
-			variant: require_index.TypographyVariant.H2_MD,
+			variant: require_index.TypographyVariant.H3_MD,
 			color: require_index.TypographyColor.TEXT_PRIMARY,
 			className,
 			style: nameStyle,

package/dist/ReviewCard/components/Name.js

@@ -21,7 +21,7 @@ const Name = ({ name, showVerifiedBuyer, verifiedBuyerLabel, className, style })
 		className,
 		style,
 		children: [/* @__PURE__ */ jsx(Typography, {
-			variant: TypographyVariant.H2_MD,
+			variant: TypographyVariant.H3_MD,
 			color: TypographyColor.TEXT_PRIMARY,
 			className,
 			style: nameStyle,

package/dist/ReviewCard/components/index.d.cts

@@ -3,7 +3,7 @@ import { ContainerProps } from "./Container.cjs";
 import { RatingProps } from "./Rating.cjs";
 import { ReadMoreButtonProps } from "./ReadMoreButton.cjs";
 import * as react0 from "react";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/ReviewCard/components/index.d.ts
 declare const ReviewCardComponents: {
@@ -31,12 +31,12 @@ declare const ReviewCardComponents: {
     verifiedBuyerLabel?: string;
     className?: string;
     style?: React.CSSProperties;
-  }) => react_jsx_runtime10.JSX.Element;
+  }) => react_jsx_runtime0.JSX.Element;
   Rating: ({
     rating,
     theme,
     style
-  }: RatingProps) => react_jsx_runtime10.JSX.Element;
+  }: RatingProps) => react_jsx_runtime0.JSX.Element;
   StarIcon: ({
     theme,
     style,
@@ -56,7 +56,7 @@ declare const ReviewCardComponents: {
     isExpanded: boolean;
     className?: string;
     style?: React.CSSProperties;
-  }) => react_jsx_runtime10.JSX.Element;
+  }) => react_jsx_runtime0.JSX.Element;
   ReadMoreButton: ({
     isExpanded,
     onToggle,

package/dist/ReviewCard/components/index.d.ts

@@ -2,8 +2,8 @@ import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { ContainerProps } from "./Container.js";
 import { RatingProps } from "./Rating.js";
 import { ReadMoreButtonProps } from "./ReadMoreButton.js";
-import * as react4 from "react";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react7 from "react";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/ReviewCard/components/index.d.ts
 declare const ReviewCardComponents: {
@@ -31,12 +31,12 @@ declare const ReviewCardComponents: {
     verifiedBuyerLabel?: string;
     className?: string;
     style?: React.CSSProperties;
-  }) => react_jsx_runtime7.JSX.Element;
+  }) => react_jsx_runtime15.JSX.Element;
   Rating: ({
     rating,
     theme,
     style
-  }: RatingProps) => react_jsx_runtime7.JSX.Element;
+  }: RatingProps) => react_jsx_runtime15.JSX.Element;
   StarIcon: ({
     theme,
     style,
@@ -45,7 +45,7 @@ declare const ReviewCardComponents: {
     theme: Theme;
     style?: React.CSSProperties;
     className?: string;
-  }) => react4.ReactElement<react4.SVGProps<SVGSVGElement>, string | react4.JSXElementConstructor<any>>;
+  }) => react7.ReactElement<react7.SVGProps<SVGSVGElement>, string | react7.JSXElementConstructor<any>>;
   ReviewText: ({
     reviewText,
     isExpanded,
@@ -56,7 +56,7 @@ declare const ReviewCardComponents: {
     isExpanded: boolean;
     className?: string;
     style?: React.CSSProperties;
-  }) => react_jsx_runtime7.JSX.Element;
+  }) => react_jsx_runtime15.JSX.Element;
   ReadMoreButton: ({
     isExpanded,
     onToggle,

package/dist/SalesAgentProductCard/SalesAgentProductCard.d.cts

@@ -1,5 +1,5 @@
 import { SalesAgentProductCardProps } from "./types/types.cjs";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/SalesAgentProductCard/SalesAgentProductCard.d.ts
 
@@ -30,6 +30,6 @@ declare const SalesAgentProductCard: ({
   url,
   target,
   onClick
-}: SalesAgentProductCardProps) => react_jsx_runtime18.JSX.Element;
+}: SalesAgentProductCardProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { SalesAgentProductCard };

package/dist/SalesAgentProductCard/SalesAgentProductCard.d.ts

@@ -1,5 +1,5 @@
 import { SalesAgentProductCardProps } from "./types/types.js";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/SalesAgentProductCard/SalesAgentProductCard.d.ts
 
@@ -30,6 +30,6 @@ declare const SalesAgentProductCard: ({
   url,
   target,
   onClick
-}: SalesAgentProductCardProps) => react_jsx_runtime17.JSX.Element;
+}: SalesAgentProductCardProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { SalesAgentProductCard };

package/dist/SalesAgentProductCard/components/index.d.cts

@@ -4,8 +4,8 @@ import { ProductNameProps } from "./ProductName.cjs";
 import { PriceProps } from "./Price.cjs";
 import { RateProps } from "./Rate.cjs";
 import { ProductImageProps } from "./ProductImage.cjs";
-import * as react2 from "react";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react5 from "react";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/components/SalesAgentProductCard/components/index.d.ts
 declare const SalesAgentProductCardComponents: {
@@ -23,24 +23,24 @@ declare const SalesAgentProductCardComponents: {
     url,
     target,
     onClick
-  }: ContainerProps) => react_jsx_runtime13.JSX.Element;
+  }: ContainerProps) => react_jsx_runtime10.JSX.Element;
   ProductName: ({
     label,
     theme,
     style,
     className
-  }: ProductNameProps) => react_jsx_runtime13.JSX.Element;
+  }: ProductNameProps) => react_jsx_runtime10.JSX.Element;
   Price: ({
     previousPrice,
     currentPrice,
     pricePrefix,
     forceShowCurrentPriceSpace
-  }: PriceProps) => react_jsx_runtime13.JSX.Element;
+  }: PriceProps) => react_jsx_runtime10.JSX.Element;
   Rate: ({
     rate,
     numberOfReviews,
     theme
-  }: RateProps) => react_jsx_runtime13.JSX.Element;
+  }: RateProps) => react_jsx_runtime10.JSX.Element;
   ProductImage: ({
     src,
     alt,
@@ -48,14 +48,14 @@ declare const SalesAgentProductCardComponents: {
     aspectRatio,
     className,
     ...props
-  }: ProductImageProps) => react_jsx_runtime13.JSX.Element;
+  }: ProductImageProps) => react_jsx_runtime10.JSX.Element;
   StarIcon: ({
     theme,
     style
   }: {
     theme: Theme;
     style?: React.CSSProperties;
-  }) => react2.ReactElement<react2.SVGProps<SVGSVGElement>, string | react2.JSXElementConstructor<any>>;
+  }) => react5.ReactElement<react5.SVGProps<SVGSVGElement>, string | react5.JSXElementConstructor<any>>;
 };
 //#endregion
 export { SalesAgentProductCardComponents };

package/dist/SalesAgentProductCard/components/index.d.ts

@@ -4,8 +4,8 @@ import { ProductNameProps } from "./ProductName.js";
 import { PriceProps } from "./Price.js";
 import { RateProps } from "./Rate.js";
 import { ProductImageProps } from "./ProductImage.js";
-import * as react7 from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react1 from "react";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/SalesAgentProductCard/components/index.d.ts
 declare const SalesAgentProductCardComponents: {
@@ -23,24 +23,24 @@ declare const SalesAgentProductCardComponents: {
     url,
     target,
     onClick
-  }: ContainerProps) => react_jsx_runtime12.JSX.Element;
+  }: ContainerProps) => react_jsx_runtime5.JSX.Element;
   ProductName: ({
     label,
     theme,
     style,
     className
-  }: ProductNameProps) => react_jsx_runtime12.JSX.Element;
+  }: ProductNameProps) => react_jsx_runtime5.JSX.Element;
   Price: ({
     previousPrice,
     currentPrice,
     pricePrefix,
     forceShowCurrentPriceSpace
-  }: PriceProps) => react_jsx_runtime12.JSX.Element;
+  }: PriceProps) => react_jsx_runtime5.JSX.Element;
   Rate: ({
     rate,
     numberOfReviews,
     theme
-  }: RateProps) => react_jsx_runtime12.JSX.Element;
+  }: RateProps) => react_jsx_runtime5.JSX.Element;
   ProductImage: ({
     src,
     alt,
@@ -48,14 +48,14 @@ declare const SalesAgentProductCardComponents: {
     aspectRatio,
     className,
     ...props
-  }: ProductImageProps) => react_jsx_runtime12.JSX.Element;
+  }: ProductImageProps) => react_jsx_runtime5.JSX.Element;
   StarIcon: ({
     theme,
     style
   }: {
     theme: Theme;
     style?: React.CSSProperties;
-  }) => react7.ReactElement<react7.SVGProps<SVGSVGElement>, string | react7.JSXElementConstructor<any>>;
+  }) => react1.ReactElement<react1.SVGProps<SVGSVGElement>, string | react1.JSXElementConstructor<any>>;
 };
 //#endregion
 export { SalesAgentProductCardComponents };