@envive-ai/react-toolkit-v3 0.3.15 → 0.3.17

package/dist/ProductCard/types/index.d.cts

@@ -20,6 +20,40 @@ interface CarouselProps {
    * Callback function invoked when a prompt is selected.
    */
   onSelect: (prompt: string) => void;
+  /**
+   * Callback invoked when the user drags/swipes the carousel.
+   * Typically used for analytics or to pause other interactions while dragging.
+   */
+  onDrag?: () => void;
+  /**
+   * Callback invoked when the user hovers a specific prompt item.
+   *
+   * @param prompt The prompt currently being hovered.
+   */
+  onHover?: (prompt: string) => void;
+  /**
+   * Callback invoked when the user presses down on a specific prompt item.
+   * Useful for distinguishing a click/tap from a drag and for interaction tracking.
+   *
+   * @param prompt The prompt the user pressed down on.
+   */
+  onMouseDown?: (prompt: string) => void;
+  /**
+   * Callback invoked when the user releases the mouse button after interacting
+   * with the carousel or a prompt item.
+   */
+  onMouseUp?: () => void;
+  /**
+   * Callback invoked when the user starts a touch gesture on a specific prompt.
+   *
+   * @param prompt The prompt the user touched.
+   */
+  onTouchStart?: (prompt: string) => void;
+  /**
+   * Callback invoked when the user ends a touch gesture after interacting with
+   * the carousel or a prompt item.
+   */
+  onTouchEnd?: () => void;
 }
 /**
  * Props for the Header component.

package/dist/ProductCard/types/index.d.ts

@@ -20,6 +20,40 @@ interface CarouselProps {
    * Callback function invoked when a prompt is selected.
    */
   onSelect: (prompt: string) => void;
+  /**
+   * Callback invoked when the user drags/swipes the carousel.
+   * Typically used for analytics or to pause other interactions while dragging.
+   */
+  onDrag?: () => void;
+  /**
+   * Callback invoked when the user hovers a specific prompt item.
+   *
+   * @param prompt The prompt currently being hovered.
+   */
+  onHover?: (prompt: string) => void;
+  /**
+   * Callback invoked when the user presses down on a specific prompt item.
+   * Useful for distinguishing a click/tap from a drag and for interaction tracking.
+   *
+   * @param prompt The prompt the user pressed down on.
+   */
+  onMouseDown?: (prompt: string) => void;
+  /**
+   * Callback invoked when the user releases the mouse button after interacting
+   * with the carousel or a prompt item.
+   */
+  onMouseUp?: () => void;
+  /**
+   * Callback invoked when the user starts a touch gesture on a specific prompt.
+   *
+   * @param prompt The prompt the user touched.
+   */
+  onTouchStart?: (prompt: string) => void;
+  /**
+   * Callback invoked when the user ends a touch gesture after interacting with
+   * the carousel or a prompt item.
+   */
+  onTouchEnd?: () => void;
 }
 /**
  * Props for the Header component.

package/dist/PromptButton/PromptButton.d.cts

@@ -1,5 +1,5 @@
 import { PromptButtonProps } from "./types/index.cjs";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime16 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_runtime2.JSX.Element;
+}: PromptButtonProps) => react_jsx_runtime16.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_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime22 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_runtime16.JSX.Element;
+}: PromptButtonProps) => react_jsx_runtime22.JSX.Element;
 //#endregion
 export { PromptButton };

package/dist/PromptButtonCarouselWithImage/PromptButtonCarouselWithImage.d.cts

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

package/dist/PromptButtonCarouselWithImage/PromptButtonCarouselWithImage.d.ts

@@ -1,5 +1,5 @@
 import { PromptButtonCarouselWithImageProps } from "./types/types.js";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/components/PromptButtonCarouselWithImage/PromptButtonCarouselWithImage.d.ts
 declare const PromptButtonCarouselWithImage: ({
@@ -24,6 +24,6 @@ declare const PromptButtonCarouselWithImage: ({
   handlePromptButtonTouchEnd,
   textFieldPlaceholder,
   handleTextFieldClick
-}: PromptButtonCarouselWithImageProps) => react_jsx_runtime1.JSX.Element;
+}: PromptButtonCarouselWithImageProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { PromptButtonCarouselWithImage };

package/dist/PromptButtonCarouselWithImage/components/PromptButtonsCarousel.cjs

@@ -42,10 +42,10 @@ const PromptButtonsCarousel = ({ theme, isLoading, promptButtonsTexts, promptBut
 		"Loading 2...",
 		"Loading 3..."
 	] : promptButtonsTexts || [];
-	const renderButton = (text) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	const renderButton = ([index, text]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "envive-tw-flex-shrink-0",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PromptButton.PromptButton, {
-			id: `prompt-button-${text}`,
+			id: `prompt-button-${index}`,
 			isLoading,
 			label: text,
 			variant: promptButtonType,
@@ -58,26 +58,20 @@ const PromptButtonsCarousel = ({ theme, isLoading, promptButtonsTexts, promptBut
 			onTouchStart: () => handlePromptButtonTouchStart(text),
 			onTouchEnd: () => handlePromptButtonTouchEnd()
 		})
-	}, text);
-	if (isMobile) {
-		const [row0, row1, row2] = distributeInThreeRows(promptButtonsTextsFinal);
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, {
-			direction: "column",
+	}, `${text}-${index}`);
+	const indexedTexts = Array.from(promptButtonsTextsFinal.entries());
+	if (isMobile) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, {
+		direction: "column",
+		gap: "4",
+		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",
 			gap: "4",
-			className: "envive-tw-w-full",
-			children: [
-				row0,
-				row1,
-				row2
-			].filter((row) => row.length > 0).map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, {
-				direction: "row",
-				gap: "4",
-				className: "envive-tw-w-full envive-tw-flex-nowrap",
-				children: row.map(renderButton)
-			}, row.join("-")))
-		});
-	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: promptButtonsTextsFinal.map(renderButton) });
+			className: "envive-tw-w-full envive-tw-flex-nowrap",
+			children: row.map(renderButton)
+		}, rowIndex))
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: indexedTexts.map(renderButton) });
 };
 
 //#endregion

package/dist/PromptButtonCarouselWithImage/components/PromptButtonsCarousel.js

@@ -41,10 +41,10 @@ const PromptButtonsCarousel = ({ theme, isLoading, promptButtonsTexts, promptBut
 		"Loading 2...",
 		"Loading 3..."
 	] : promptButtonsTexts || [];
-	const renderButton = (text) => /* @__PURE__ */ jsx("div", {
+	const renderButton = ([index, text]) => /* @__PURE__ */ jsx("div", {
 		className: "envive-tw-flex-shrink-0",
 		children: /* @__PURE__ */ jsx(PromptButton, {
-			id: `prompt-button-${text}`,
+			id: `prompt-button-${index}`,
 			isLoading,
 			label: text,
 			variant: promptButtonType,
@@ -57,26 +57,20 @@ const PromptButtonsCarousel = ({ theme, isLoading, promptButtonsTexts, promptBut
 			onTouchStart: () => handlePromptButtonTouchStart(text),
 			onTouchEnd: () => handlePromptButtonTouchEnd()
 		})
-	}, text);
-	if (isMobile) {
-		const [row0, row1, row2] = distributeInThreeRows(promptButtonsTextsFinal);
-		return /* @__PURE__ */ jsx(Stack, {
-			direction: "column",
+	}, `${text}-${index}`);
+	const indexedTexts = Array.from(promptButtonsTextsFinal.entries());
+	if (isMobile) return /* @__PURE__ */ jsx(Stack, {
+		direction: "column",
+		gap: "4",
+		className: "envive-tw-w-full",
+		children: distributeInThreeRows(indexedTexts).filter((row) => row.length > 0).map((row, rowIndex) => /* @__PURE__ */ jsx(Stack, {
+			direction: "row",
 			gap: "4",
-			className: "envive-tw-w-full",
-			children: [
-				row0,
-				row1,
-				row2
-			].filter((row) => row.length > 0).map((row) => /* @__PURE__ */ jsx(Stack, {
-				direction: "row",
-				gap: "4",
-				className: "envive-tw-w-full envive-tw-flex-nowrap",
-				children: row.map(renderButton)
-			}, row.join("-")))
-		});
-	}
-	return /* @__PURE__ */ jsx(Fragment, { children: promptButtonsTextsFinal.map(renderButton) });
+			className: "envive-tw-w-full envive-tw-flex-nowrap",
+			children: row.map(renderButton)
+		}, rowIndex))
+	});
+	return /* @__PURE__ */ jsx(Fragment, { children: indexedTexts.map(renderButton) });
 };
 
 //#endregion

package/dist/PromptCarousel/PromptCarousel.d.cts

@@ -1,5 +1,5 @@
 import { PromptCarouselProps } from "./types/types.cjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime20 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_runtime0.JSX.Element;
+}: PromptCarouselProps) => react_jsx_runtime20.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_runtime18 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_runtime18.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_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/ReviewCard/ReviewCard.d.ts
 
@@ -27,6 +27,6 @@ declare const ReviewCard: ({
   verifiedBuyerLabel,
   onExpand,
   onCollapse
-}: ReviewCardProps) => react_jsx_runtime11.JSX.Element;
+}: ReviewCardProps) => react_jsx_runtime4.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_runtime5 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_runtime5.JSX.Element;
 //#endregion
 export { ReviewCard };

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

@@ -2,8 +2,8 @@ import { Theme } from "../../tokens/theme/theme.cjs";
 import { ContainerProps } from "./Container.cjs";
 import { RatingProps } from "./Rating.cjs";
 import { ReadMoreButtonProps } from "./ReadMoreButton.cjs";
-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/ReviewCard/components/index.d.ts
 declare const ReviewCardComponents: {
@@ -31,12 +31,12 @@ declare const ReviewCardComponents: {
     verifiedBuyerLabel?: string;
     className?: string;
     style?: React.CSSProperties;
-  }) => react_jsx_runtime12.JSX.Element;
+  }) => react_jsx_runtime5.JSX.Element;
   Rating: ({
     rating,
     theme,
     style
-  }: RatingProps) => react_jsx_runtime12.JSX.Element;
+  }: RatingProps) => react_jsx_runtime5.JSX.Element;
   StarIcon: ({
     theme,
     style,
@@ -45,7 +45,7 @@ declare const ReviewCardComponents: {
     theme: Theme;
     style?: React.CSSProperties;
     className?: string;
-  }) => react7.ReactElement<react7.SVGProps<SVGSVGElement>, string | react7.JSXElementConstructor<any>>;
+  }) => react1.ReactElement<react1.SVGProps<SVGSVGElement>, string | react1.JSXElementConstructor<any>>;
   ReviewText: ({
     reviewText,
     isExpanded,
@@ -56,7 +56,7 @@ declare const ReviewCardComponents: {
     isExpanded: boolean;
     className?: string;
     style?: React.CSSProperties;
-  }) => react_jsx_runtime12.JSX.Element;
+  }) => react_jsx_runtime5.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 react2 from "react";
+import * as react_jsx_runtime6 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_runtime6.JSX.Element;
   Rating: ({
     rating,
     theme,
     style
-  }: RatingProps) => react_jsx_runtime7.JSX.Element;
+  }: RatingProps) => react_jsx_runtime6.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>>;
+  }) => react2.ReactElement<react2.SVGProps<SVGSVGElement>, string | react2.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_runtime6.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_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/components/SalesAgentProductCard/SalesAgentProductCard.d.ts
 
@@ -30,6 +30,6 @@ declare const SalesAgentProductCard: ({
   url,
   target,
   onClick
-}: SalesAgentProductCardProps) => react_jsx_runtime8.JSX.Element;
+}: SalesAgentProductCardProps) => react_jsx_runtime9.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_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/components/SalesAgentProductCard/SalesAgentProductCard.d.ts
 
@@ -30,6 +30,6 @@ declare const SalesAgentProductCard: ({
   url,
   target,
   onClick
-}: SalesAgentProductCardProps) => react_jsx_runtime15.JSX.Element;
+}: SalesAgentProductCardProps) => react_jsx_runtime17.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_runtime3 from "react/jsx-runtime";
+import * as react7 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_runtime3.JSX.Element;
+  }: ContainerProps) => react_jsx_runtime10.JSX.Element;
   ProductName: ({
     label,
     theme,
     style,
     className
-  }: ProductNameProps) => react_jsx_runtime3.JSX.Element;
+  }: ProductNameProps) => react_jsx_runtime10.JSX.Element;
   Price: ({
     previousPrice,
     currentPrice,
     pricePrefix,
     forceShowCurrentPriceSpace
-  }: PriceProps) => react_jsx_runtime3.JSX.Element;
+  }: PriceProps) => react_jsx_runtime10.JSX.Element;
   Rate: ({
     rate,
     numberOfReviews,
     theme
-  }: RateProps) => react_jsx_runtime3.JSX.Element;
+  }: RateProps) => react_jsx_runtime10.JSX.Element;
   ProductImage: ({
     src,
     alt,
@@ -48,14 +48,14 @@ declare const SalesAgentProductCardComponents: {
     aspectRatio,
     className,
     ...props
-  }: ProductImageProps) => react_jsx_runtime3.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>>;
+  }) => react7.ReactElement<react7.SVGProps<SVGSVGElement>, string | react7.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_runtime10 from "react/jsx-runtime";
+import * as react5 from "react";
+import * as react_jsx_runtime12 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_runtime10.JSX.Element;
+  }: ContainerProps) => react_jsx_runtime12.JSX.Element;
   ProductName: ({
     label,
     theme,
     style,
     className
-  }: ProductNameProps) => react_jsx_runtime10.JSX.Element;
+  }: ProductNameProps) => react_jsx_runtime12.JSX.Element;
   Price: ({
     previousPrice,
     currentPrice,
     pricePrefix,
     forceShowCurrentPriceSpace
-  }: PriceProps) => react_jsx_runtime10.JSX.Element;
+  }: PriceProps) => react_jsx_runtime12.JSX.Element;
   Rate: ({
     rate,
     numberOfReviews,
     theme
-  }: RateProps) => react_jsx_runtime10.JSX.Element;
+  }: RateProps) => react_jsx_runtime12.JSX.Element;
   ProductImage: ({
     src,
     alt,
@@ -48,14 +48,14 @@ declare const SalesAgentProductCardComponents: {
     aspectRatio,
     className,
     ...props
-  }: ProductImageProps) => react_jsx_runtime10.JSX.Element;
+  }: ProductImageProps) => react_jsx_runtime12.JSX.Element;
   StarIcon: ({
     theme,
     style
   }: {
     theme: Theme;
     style?: React.CSSProperties;
-  }) => react7.ReactElement<react7.SVGProps<SVGSVGElement>, string | react7.JSXElementConstructor<any>>;
+  }) => react5.ReactElement<react5.SVGProps<SVGSVGElement>, string | react5.JSXElementConstructor<any>>;
 };
 //#endregion
 export { SalesAgentProductCardComponents };

package/dist/SocialProof/SocialProof.cjs

@@ -7,8 +7,8 @@ require('../PromptButton/index.cjs');
 const require_useCheckIsMobile = require('../utils/useCheckIsMobile.cjs');
 const require_PromptCarousel_types_types = require('../PromptCarousel/types/types.cjs');
 require('../PromptCarousel/index.cjs');
-const require_types = require('../WidgetWrapper/types/types.cjs');
-const require_types$1 = require('../WidgetTextField/types/types.cjs');
+const require_types = require('../WidgetTextField/types/types.cjs');
+const require_types$1 = require('../WidgetWrapper/types/types.cjs');
 require('../WidgetWrapper/index.cjs');
 const require_WidgetWrapperWithTitle = require('../WidgetWrapperWithTitle/WidgetWrapperWithTitle.cjs');
 const require_types$2 = require('../ImageGallery/types/types.cjs');
@@ -22,7 +22,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/SocialProof/SocialProof.tsx
 const SocialProof = ({ baseProps, widgetContentProps, widgetStyleProps, widgetEventProps }) => {
 	const { id, testId, className, style, pageVariant, countKey } = baseProps ?? {};
-	const { theme = require_theme.Theme.GLOBAL_CUSTOM, variant = require_types.WidgetWrapperVariant.CARD_WITH_BORDER, kind = require_types$3.WidgetKind.STATIC, hexCardColor, promptCarouselRows = require_PromptCarousel_types_types.PromptCarouselRows.TWO_ON_MOBILE_ONE_ON_DESKTOP, hideImage, imageGalleryLayout, hideTextField, primaryButtonVariant = require_PromptButton_types_index.PromptButtonVariant.DARK, secondaryButtonVariant = require_PromptButton_types_index.PromptButtonVariant.LIGHT, hideLogo, dynamicLayout } = widgetStyleProps ?? {};
+	const { theme = require_theme.Theme.GLOBAL_CUSTOM, variant = require_types$1.WidgetWrapperVariant.CARD_WITH_BORDER, kind = require_types$3.WidgetKind.STATIC, hexCardColor, promptCarouselRows = require_PromptCarousel_types_types.PromptCarouselRows.TWO_ON_MOBILE_ONE_ON_DESKTOP, hideImage, imageGalleryLayout, hideTextField, primaryButtonVariant = require_PromptButton_types_index.PromptButtonVariant.DARK, secondaryButtonVariant = require_PromptButton_types_index.PromptButtonVariant.LIGHT, hideLogo, dynamicLayout } = widgetStyleProps ?? {};
 	const { customerQueryText, primaryButtonText, secondaryButtonTitleText, secondaryButtonTexts, textFieldPlaceholderText, images, logoSrc, titleLabel } = widgetContentProps ?? {};
 	const numberOfCustomersText = require_useSocialProofCount.useSocialProofCount({
 		pageVariant,
@@ -67,7 +67,7 @@ const SocialProof = ({ baseProps, widgetContentProps, widgetStyleProps, widgetEv
 		theme: finalTheme,
 		placeholder: textFieldPlaceholderText,
 		handleTextFieldClick,
-		iconVariant: hasDynamicLayout ? require_types$1.IconVariant.DEFAULT : require_types$1.IconVariant.SEARCH
+		iconVariant: hasDynamicLayout ? require_types.IconVariant.DEFAULT : require_types.IconVariant.SEARCH
 	});
 	if (isFourGridLayout) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_WidgetWrapperWithTitle.WidgetWrapperWithTitle, {
 		id,

package/dist/SocialProof/SocialProof.d.cts

@@ -1,5 +1,5 @@
 import { SocialProofProps } from "./types/types.cjs";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/components/SocialProof/SocialProof.d.ts
 declare const SocialProof: ({
@@ -7,6 +7,6 @@ declare const SocialProof: ({
   widgetContentProps,
   widgetStyleProps,
   widgetEventProps
-}: SocialProofProps) => react_jsx_runtime10.JSX.Element;
+}: SocialProofProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { SocialProof };

package/dist/SocialProof/SocialProof.d.ts

@@ -1,5 +1,5 @@
 import { SocialProofProps } from "./types/types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/components/SocialProof/SocialProof.d.ts
 declare const SocialProof: ({
@@ -7,6 +7,6 @@ declare const SocialProof: ({
   widgetContentProps,
   widgetStyleProps,
   widgetEventProps
-}: SocialProofProps) => react_jsx_runtime3.JSX.Element;
+}: SocialProofProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { SocialProof };

package/dist/SocialProof/SocialProof.js

@@ -6,8 +6,8 @@ import "../PromptButton/index.js";
 import { useCheckIsMobile } from "../utils/useCheckIsMobile.js";
 import { PromptCarouselRows } from "../PromptCarousel/types/types.js";
 import "../PromptCarousel/index.js";
-import { WidgetWrapperVariant } from "../WidgetWrapper/types/types.js";
 import { IconVariant } from "../WidgetTextField/types/types.js";
+import { WidgetWrapperVariant } from "../WidgetWrapper/types/types.js";
 import "../WidgetWrapper/index.js";
 import { WidgetWrapperWithTitle } from "../WidgetWrapperWithTitle/WidgetWrapperWithTitle.js";
 import { ImageGalleryLayout } from "../ImageGallery/types/types.js";

package/dist/SparkleAnimation/SparkleAnimation.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/SparkleAnimation/SparkleAnimation.d.ts
 interface SparkleAnimationProps {
@@ -10,6 +10,6 @@ declare const SparkleAnimation: ({
   color,
   className,
   animate
-}: SparkleAnimationProps) => react_jsx_runtime18.JSX.Element;
+}: SparkleAnimationProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SparkleAnimation };

package/dist/SparkleAnimation/SparkleAnimation.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/components/SparkleAnimation/SparkleAnimation.d.ts
 interface SparkleAnimationProps {
@@ -10,6 +10,6 @@ declare const SparkleAnimation: ({
   color,
   className,
   animate
-}: SparkleAnimationProps) => react_jsx_runtime0.JSX.Element;
+}: SparkleAnimationProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { SparkleAnimation };