@envive-ai/react-toolkit-v3 0.3.27 → 0.3.29

package/dist/FullPageSalesAgent/components/Layout.cjs

@@ -22,39 +22,36 @@ const Layout = ({ theme, welcomeMessage, footer, chatMessages, answerSuggestions
 		headerContainer,
 		autoHeight
 	});
+	if (overlay) return overlay;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: (0, classnames.default)(containerClasses, "envive-tw-relative"),
 		style: {
 			...containerStyles,
 			...backgroundStyle
 		},
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				ref: scrollContainerRef,
-				className: contentClasses,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
-					direction: "column",
-					justify: "between",
-					children: [welcomeMessage, disclaimer]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
-					direction: "column",
-					gap: "0",
-					className: (0, classnames.default)((!hasWelcomeMessage || hasWelcomeMessage && theme === require_theme.Theme.STANDARD) && !hasAnswerSuggestions && "envive-tw-pb-4", isMobile ? "envive-tw-pt-4" : "envive-tw-pt-6"),
-					children: [chatMessages, answerSuggestions]
-				})]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: footerContainerClasses,
-				children: [scrollToBottomButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "envive-tw-h-[0px]",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "envive-tw-ml-auto envive-tw-table envive-tw-translate-x-[-30px] envive-tw-translate-y-[-50px]",
-						children: scrollToBottomButton
-					})
-				}), footer]
-			}),
-			overlay
-		]
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			ref: scrollContainerRef,
+			className: contentClasses,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
+				direction: "column",
+				justify: "between",
+				children: [welcomeMessage, disclaimer]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
+				direction: "column",
+				gap: "0",
+				className: (0, classnames.default)((!hasWelcomeMessage || hasWelcomeMessage && theme === require_theme.Theme.STANDARD) && !hasAnswerSuggestions && "envive-tw-pb-4", isMobile ? "envive-tw-pt-4" : "envive-tw-pt-6"),
+				children: [chatMessages, answerSuggestions]
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: footerContainerClasses,
+			children: [scrollToBottomButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "envive-tw-h-[0px]",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "envive-tw-ml-auto envive-tw-table envive-tw-translate-x-[-30px] envive-tw-translate-y-[-50px]",
+					children: scrollToBottomButton
+				})
+			}), footer]
+		})]
 	});
 };
 

package/dist/FullPageSalesAgent/components/Layout.js

@@ -20,39 +20,36 @@ const Layout = ({ theme, welcomeMessage, footer, chatMessages, answerSuggestions
 		headerContainer,
 		autoHeight
 	});
+	if (overlay) return overlay;
 	return /* @__PURE__ */ jsxs("div", {
 		className: classNames(containerClasses, "envive-tw-relative"),
 		style: {
 			...containerStyles,
 			...backgroundStyle
 		},
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				ref: scrollContainerRef,
-				className: contentClasses,
-				children: [/* @__PURE__ */ jsxs(Stack, {
-					direction: "column",
-					justify: "between",
-					children: [welcomeMessage, disclaimer]
-				}), /* @__PURE__ */ jsxs(Stack, {
-					direction: "column",
-					gap: "0",
-					className: classNames((!hasWelcomeMessage || hasWelcomeMessage && theme === Theme.STANDARD) && !hasAnswerSuggestions && "envive-tw-pb-4", isMobile ? "envive-tw-pt-4" : "envive-tw-pt-6"),
-					children: [chatMessages, answerSuggestions]
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: footerContainerClasses,
-				children: [scrollToBottomButton && /* @__PURE__ */ jsx("div", {
-					className: "envive-tw-h-[0px]",
-					children: /* @__PURE__ */ jsx("div", {
-						className: "envive-tw-ml-auto envive-tw-table envive-tw-translate-x-[-30px] envive-tw-translate-y-[-50px]",
-						children: scrollToBottomButton
-					})
-				}), footer]
-			}),
-			overlay
-		]
+		children: [/* @__PURE__ */ jsxs("div", {
+			ref: scrollContainerRef,
+			className: contentClasses,
+			children: [/* @__PURE__ */ jsxs(Stack, {
+				direction: "column",
+				justify: "between",
+				children: [welcomeMessage, disclaimer]
+			}), /* @__PURE__ */ jsxs(Stack, {
+				direction: "column",
+				gap: "0",
+				className: classNames((!hasWelcomeMessage || hasWelcomeMessage && theme === Theme.STANDARD) && !hasAnswerSuggestions && "envive-tw-pb-4", isMobile ? "envive-tw-pt-4" : "envive-tw-pt-6"),
+				children: [chatMessages, answerSuggestions]
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: footerContainerClasses,
+			children: [scrollToBottomButton && /* @__PURE__ */ jsx("div", {
+				className: "envive-tw-h-[0px]",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "envive-tw-ml-auto envive-tw-table envive-tw-translate-x-[-30px] envive-tw-translate-y-[-50px]",
+					children: scrollToBottomButton
+				})
+			}), footer]
+		})]
 	});
 };
 

package/dist/FullPageSalesAgent/components/WelcomeOverlay.cjs

@@ -15,25 +15,18 @@ classnames = require_rolldown_runtime.__toESM(classnames);
 let framer_motion = require("framer-motion");
 
 //#region src/components/FullPageSalesAgent/components/WelcomeOverlay.tsx
-const WelcomeOverlay = ({ show, theme, title, promptSuggestions, productCarouselTitle, productIds, chatFooter, suggestionButtonType, sparkleColor, backgroundStyle = { backgroundColor: "white" }, onSuggestionClick }) => {
+const WelcomeOverlay = ({ show, theme, title, promptSuggestions, productCarouselTitle, productIds, chatFooter, suggestionButtonType, sparkleColor, backgroundStyle = { backgroundColor: "white" }, onSuggestionClick, onSuggestionHover, onSuggestionDrag, onSuggestionMouseDown, onSuggestionMouseUp, onSuggestionTouchStart, onSuggestionTouchEnd, onProductCardClick }) => {
 	const { products, isLoading } = require_useWelcomeOverlayProducts.useWelcomeOverlayProducts(productIds);
 	const showProductCarousel = !isLoading && products.length > 0 && !!productCarouselTitle;
 	const welcomeOverlayClassNames = (0, classnames.default)([
+		"envive-overlay",
 		"envive-tw-inset-0",
 		"envive-tw-absolute",
 		"envive-tw-z-20",
 		"envive-tw-flex",
 		"envive-tw-w-full",
-		"envive-tw-h-full",
-		"envive-tw-max-w-[768px]",
 		"envive-tw-flex-col"
 	]);
-	const titleClassNames = (0, classnames.default)([
-		"envive-tw-flex",
-		"envive-tw-flex-row",
-		"envive-tw-gap-2",
-		"envive-tw-items-center"
-	]);
 	const titleBoxClassNames = (0, classnames.default)([
 		"envive-tw-flex",
 		"envive-tw-py-4",
@@ -46,6 +39,22 @@ const WelcomeOverlay = ({ show, theme, title, promptSuggestions, productCarousel
 		"envive-tw-border",
 		"envive-tw-rounded-global-custom"
 	]);
+	const overlayContentClassNames = (0, classnames.default)([
+		"envive-tw-inset-0",
+		"envive-tw-mx-auto",
+		"envive-tw-flex",
+		"envive-tw-w-full",
+		"envive-tw-max-w-[768px]",
+		"envive-tw-flex-1",
+		"envive-tw-flex-col",
+		"envive-tw-gap-6",
+		"envive-tw-overflow-y-auto",
+		"envive-tw-overflow-x-hidden",
+		"envive-tw-px-4",
+		"envive-tw-pb-4",
+		"envive-tw-pt-6",
+		"lg:envive-tw-gap-10"
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.AnimatePresence, { children: show && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
 		className: welcomeOverlayClassNames,
 		style: backgroundStyle,
@@ -58,18 +67,19 @@ const WelcomeOverlay = ({ show, theme, title, promptSuggestions, productCarousel
 			}
 		},
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "envive-tw-flex envive-tw-flex-1 envive-tw-flex-col envive-tw-gap-6 envive-tw-overflow-y-auto envive-tw-overflow-x-hidden envive-tw-px-4 envive-tw-pb-4 envive-tw-pt-6 lg:envive-tw-gap-10",
+			className: overlayContentClassNames,
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: titleBoxClassNames,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: titleClassNames,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
-							variant: require_index.TypographyVariant.T3_MD,
-							children: title
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SparkleAnimation.SparkleAnimation, {
-							color: sparkleColor,
-							animate: false
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Typography.Typography, {
+						variant: require_index.TypographyVariant.T3_MD,
+						as: "span",
+						children: [title, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "envive-tw-ml-1 envive-tw-inline-block envive-tw-align-top",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SparkleAnimation.SparkleAnimation, {
+								color: sparkleColor,
+								animate: false
+							})
 						})]
 					}),
 					chatFooter,
@@ -79,7 +89,13 @@ const WelcomeOverlay = ({ show, theme, title, promptSuggestions, productCarousel
 						promptButtonType: suggestionButtonType,
 						promptCarouselRows: require_PromptCarousel_types_types.PromptCarouselRows.ALWAYS_TWO,
 						animationSpeed: require_PromptCarousel_types_types.AnimationSpeed.NONE,
-						handleButtonClick: onSuggestionClick
+						handleButtonClick: onSuggestionClick,
+						handleButtonHover: onSuggestionHover,
+						handleButtonDrag: onSuggestionDrag,
+						handleButtonMouseDown: onSuggestionMouseDown,
+						handleButtonMouseUp: onSuggestionMouseUp,
+						handleButtonTouchStart: onSuggestionTouchStart,
+						handleButtonTouchEnd: onSuggestionTouchEnd
 					})
 				]
 			}), showProductCarousel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -91,7 +107,8 @@ const WelcomeOverlay = ({ show, theme, title, promptSuggestions, productCarousel
 					theme,
 					hideBadgeCount: true,
 					products,
-					hideNavigation: false
+					hideNavigation: false,
+					onProductCardClick
 				})]
 			})]
 		})

package/dist/FullPageSalesAgent/components/WelcomeOverlay.js

@@ -13,25 +13,18 @@ import classNames from "classnames";
 import { AnimatePresence, motion } from "framer-motion";
 
 //#region src/components/FullPageSalesAgent/components/WelcomeOverlay.tsx
-const WelcomeOverlay = ({ show, theme, title, promptSuggestions, productCarouselTitle, productIds, chatFooter, suggestionButtonType, sparkleColor, backgroundStyle = { backgroundColor: "white" }, onSuggestionClick }) => {
+const WelcomeOverlay = ({ show, theme, title, promptSuggestions, productCarouselTitle, productIds, chatFooter, suggestionButtonType, sparkleColor, backgroundStyle = { backgroundColor: "white" }, onSuggestionClick, onSuggestionHover, onSuggestionDrag, onSuggestionMouseDown, onSuggestionMouseUp, onSuggestionTouchStart, onSuggestionTouchEnd, onProductCardClick }) => {
 	const { products, isLoading } = useWelcomeOverlayProducts(productIds);
 	const showProductCarousel = !isLoading && products.length > 0 && !!productCarouselTitle;
 	const welcomeOverlayClassNames = classNames([
+		"envive-overlay",
 		"envive-tw-inset-0",
 		"envive-tw-absolute",
 		"envive-tw-z-20",
 		"envive-tw-flex",
 		"envive-tw-w-full",
-		"envive-tw-h-full",
-		"envive-tw-max-w-[768px]",
 		"envive-tw-flex-col"
 	]);
-	const titleClassNames = classNames([
-		"envive-tw-flex",
-		"envive-tw-flex-row",
-		"envive-tw-gap-2",
-		"envive-tw-items-center"
-	]);
 	const titleBoxClassNames = classNames([
 		"envive-tw-flex",
 		"envive-tw-py-4",
@@ -44,6 +37,22 @@ const WelcomeOverlay = ({ show, theme, title, promptSuggestions, productCarousel
 		"envive-tw-border",
 		"envive-tw-rounded-global-custom"
 	]);
+	const overlayContentClassNames = classNames([
+		"envive-tw-inset-0",
+		"envive-tw-mx-auto",
+		"envive-tw-flex",
+		"envive-tw-w-full",
+		"envive-tw-max-w-[768px]",
+		"envive-tw-flex-1",
+		"envive-tw-flex-col",
+		"envive-tw-gap-6",
+		"envive-tw-overflow-y-auto",
+		"envive-tw-overflow-x-hidden",
+		"envive-tw-px-4",
+		"envive-tw-pb-4",
+		"envive-tw-pt-6",
+		"lg:envive-tw-gap-10"
+	]);
 	return /* @__PURE__ */ jsx(AnimatePresence, { children: show && /* @__PURE__ */ jsx(motion.div, {
 		className: welcomeOverlayClassNames,
 		style: backgroundStyle,
@@ -56,18 +65,19 @@ const WelcomeOverlay = ({ show, theme, title, promptSuggestions, productCarousel
 			}
 		},
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "envive-tw-flex envive-tw-flex-1 envive-tw-flex-col envive-tw-gap-6 envive-tw-overflow-y-auto envive-tw-overflow-x-hidden envive-tw-px-4 envive-tw-pb-4 envive-tw-pt-6 lg:envive-tw-gap-10",
+			className: overlayContentClassNames,
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: titleBoxClassNames,
 				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: titleClassNames,
-						children: [/* @__PURE__ */ jsx(Typography, {
-							variant: TypographyVariant.T3_MD,
-							children: title
-						}), /* @__PURE__ */ jsx(SparkleAnimation, {
-							color: sparkleColor,
-							animate: false
+					/* @__PURE__ */ jsxs(Typography, {
+						variant: TypographyVariant.T3_MD,
+						as: "span",
+						children: [title, /* @__PURE__ */ jsx("span", {
+							className: "envive-tw-ml-1 envive-tw-inline-block envive-tw-align-top",
+							children: /* @__PURE__ */ jsx(SparkleAnimation, {
+								color: sparkleColor,
+								animate: false
+							})
 						})]
 					}),
 					chatFooter,
@@ -77,7 +87,13 @@ const WelcomeOverlay = ({ show, theme, title, promptSuggestions, productCarousel
 						promptButtonType: suggestionButtonType,
 						promptCarouselRows: PromptCarouselRows.ALWAYS_TWO,
 						animationSpeed: AnimationSpeed.NONE,
-						handleButtonClick: onSuggestionClick
+						handleButtonClick: onSuggestionClick,
+						handleButtonHover: onSuggestionHover,
+						handleButtonDrag: onSuggestionDrag,
+						handleButtonMouseDown: onSuggestionMouseDown,
+						handleButtonMouseUp: onSuggestionMouseUp,
+						handleButtonTouchStart: onSuggestionTouchStart,
+						handleButtonTouchEnd: onSuggestionTouchEnd
 					})
 				]
 			}), showProductCarousel && /* @__PURE__ */ jsxs("div", {
@@ -89,7 +105,8 @@ const WelcomeOverlay = ({ show, theme, title, promptSuggestions, productCarousel
 					theme,
 					hideBadgeCount: true,
 					products,
-					hideNavigation: false
+					hideNavigation: false,
+					onProductCardClick
 				})]
 			})]
 		})

package/dist/FullPageSalesAgent/hooks/useWelcomeOverlayProducts.cjs

@@ -5,6 +5,7 @@ __envive_ai_react_hooks_application_commerce_api = require_rolldown_runtime.__to
 
 //#region src/components/FullPageSalesAgent/hooks/useWelcomeOverlayProducts.ts
 const mapToCardProps = (p) => ({
+	id: p.id,
 	productName: p.title ?? "",
 	currentPrice: p.salePrice ?? 0,
 	previousPrice: p.originalPrice === p.salePrice ? void 0 : p.originalPrice,

package/dist/FullPageSalesAgent/hooks/useWelcomeOverlayProducts.js

@@ -3,6 +3,7 @@ import CommerceApiClient from "@envive-ai/react-hooks/application/commerce-api";
 
 //#region src/components/FullPageSalesAgent/hooks/useWelcomeOverlayProducts.ts
 const mapToCardProps = (p) => ({
+	id: p.id,
 	productName: p.title ?? "",
 	currentPrice: p.salePrice ?? 0,
 	previousPrice: p.originalPrice === p.salePrice ? void 0 : p.originalPrice,

package/dist/Image/Image.d.cts

@@ -1,5 +1,5 @@
 import { ImageProps } from "./types/index.cjs";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/components/Image/Image.d.ts
 
@@ -25,6 +25,6 @@ declare const Image: ({
   role,
   "aria-hidden": ariaHidden,
   ...rest
-}: ImageProps) => react_jsx_runtime29.JSX.Element;
+}: ImageProps) => react_jsx_runtime20.JSX.Element;
 //#endregion
 export { Image };

package/dist/Image/Image.d.ts

@@ -1,5 +1,5 @@
 import { ImageProps } from "./types/index.js";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/components/Image/Image.d.ts
 
@@ -25,6 +25,6 @@ declare const Image: ({
   role,
   "aria-hidden": ariaHidden,
   ...rest
-}: ImageProps) => react_jsx_runtime17.JSX.Element;
+}: ImageProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { Image };

package/dist/ImageGallery/ImageGallery.d.cts

@@ -1,5 +1,5 @@
 import { ImageGalleryProps } from "./types/types.cjs";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/components/ImageGallery/ImageGallery.d.ts
 
@@ -40,6 +40,6 @@ declare const ImageGallery: ({
   "aria-describedby": ariaDescribedBy,
   role,
   "aria-hidden": ariaHidden
-}: ImageGalleryProps) => react_jsx_runtime11.JSX.Element;
+}: ImageGalleryProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 export { ImageGallery };

package/dist/ImageGallery/ImageGallery.d.ts

@@ -1,5 +1,5 @@
 import { ImageGalleryProps } 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/ImageGallery/ImageGallery.d.ts
 
@@ -40,6 +40,6 @@ declare const ImageGallery: ({
   "aria-describedby": ariaDescribedBy,
   role,
   "aria-hidden": ariaHidden
-}: ImageGalleryProps) => react_jsx_runtime18.JSX.Element;
+}: ImageGalleryProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { ImageGallery };

package/dist/ImageGallery/components/Layout.cjs

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
-const require_useResponsiveValue = require('../../utils/useResponsiveValue.cjs');
 const require_Container = require('../../Container/Container.cjs');
+const require_useResponsiveValue = require('../../utils/useResponsiveValue.cjs');
 const require_utils_useCheckIsMobile = require('../../utils/useCheckIsMobile.cjs');
 const require_types = require('../types/types.cjs');
 const require_useGetContainerProperties = require('../hooks/useGetContainerProperties.cjs');

package/dist/ImageGallery/components/Layout.js

@@ -1,6 +1,6 @@
 import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
-import { useResponsiveValue } from "../../utils/useResponsiveValue.js";
 import { Container } from "../../Container/Container.js";
+import { useResponsiveValue } from "../../utils/useResponsiveValue.js";
 import { useCheckIsMobile } from "../../utils/useCheckIsMobile.js";
 import { ImageGalleryLayout } from "../types/types.js";
 import { useGetContainerProperties } from "../hooks/useGetContainerProperties.js";

package/dist/MarkdownProcessor/MarkdownProcessor.d.cts

@@ -1,5 +1,5 @@
 import { MarkdownProcessorProps } from "./types/types.cjs";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/MarkdownProcessor/MarkdownProcessor.d.ts
 declare const MarkdownProcessor: ({
@@ -8,6 +8,6 @@ declare const MarkdownProcessor: ({
   textColor,
   textVariant,
   onLinkClick
-}: MarkdownProcessorProps) => react_jsx_runtime15.JSX.Element;
+}: MarkdownProcessorProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { MarkdownProcessor };

package/dist/MarkdownProcessor/MarkdownProcessor.d.ts

@@ -1,5 +1,5 @@
 import { MarkdownProcessorProps } from "./types/types.js";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/components/MarkdownProcessor/MarkdownProcessor.d.ts
 declare const MarkdownProcessor: ({
@@ -8,6 +8,6 @@ declare const MarkdownProcessor: ({
   textColor,
   textVariant,
   onLinkClick
-}: MarkdownProcessorProps) => react_jsx_runtime24.JSX.Element;
+}: MarkdownProcessorProps) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { MarkdownProcessor };

package/dist/Message/components/LinkButton.cjs

@@ -1,11 +1,11 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_CustomIcon = require('../../utils/CustomIcon.cjs');
 const require_index = require('../../Typography/types/index.cjs');
 const require_Typography = require('../../Typography/Typography.cjs');
 require('../../Typography/index.cjs');
-const require_CustomIcon = require('../../utils/CustomIcon.cjs');
-const require_openUrlInNewTab = require('../utils/openUrlInNewTab.cjs');
 const require_useGetLinkButtonIconProperties = require('../hooks/useGetLinkButtonIconProperties.cjs');
 const require_useGetLinkButtonProperties = require('../hooks/useGetLinkButtonProperties.cjs');
+const require_openUrlInNewTab = require('../utils/openUrlInNewTab.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_icons_VectorUpRight = require("@envive-ai/react-icons/VectorUpRight");
 __envive_ai_react_icons_VectorUpRight = require_rolldown_runtime.__toESM(__envive_ai_react_icons_VectorUpRight);

package/dist/Message/components/LinkButton.js

@@ -1,10 +1,10 @@
+import { CustomIcon } from "../../utils/CustomIcon.js";
 import { TypographyColor, TypographyVariant } from "../../Typography/types/index.js";
 import { Typography } from "../../Typography/Typography.js";
 import "../../Typography/index.js";
-import { CustomIcon } from "../../utils/CustomIcon.js";
-import { openUrlInNewTab } from "../utils/openUrlInNewTab.js";
 import { useGetLinkButtonIconProperties } from "../hooks/useGetLinkButtonIconProperties.js";
 import { useGetLinkButtonProperties } from "../hooks/useGetLinkButtonProperties.js";
+import { openUrlInNewTab } from "../utils/openUrlInNewTab.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import VectorUpRight from "@envive-ai/react-icons/VectorUpRight";
 

package/dist/OrderLookupCard/OrderLookupCard.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
+const require_resolveTheme = require('../utils/resolveTheme.cjs');
 const require_Stack = require('../Stack/Stack.cjs');
 require('../Stack/index.cjs');
-const require_resolveTheme = require('../utils/resolveTheme.cjs');
 const require_useGetImageBorderRadiusProperties = require('./hooks/useGetImageBorderRadiusProperties.cjs');
 const require_index = require('./components/index.cjs');
 const require_useGetContainerProperties = require('./hooks/useGetContainerProperties.cjs');

package/dist/OrderLookupCard/OrderLookupCard.js

@@ -1,7 +1,7 @@
 import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
+import { resolveTheme } from "../utils/resolveTheme.js";
 import { Stack } from "../Stack/Stack.js";
 import "../Stack/index.js";
-import { resolveTheme } from "../utils/resolveTheme.js";
 import { useGetImageBorderRadiusProperties } from "./hooks/useGetImageBorderRadiusProperties.js";
 import { OrderLookupCardComponents } from "./components/index.js";
 import { useGetContainerProperties } from "./hooks/useGetContainerProperties.js";

package/dist/ProductCard/ProductCard.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
-const require_index = require('../Typography/types/index.cjs');
-const require_resolveTheme = require('../utils/resolveTheme.cjs');
 require('../Tokens/index.cjs');
+const require_resolveTheme = require('../utils/resolveTheme.cjs');
+const require_index = require('../Typography/types/index.cjs');
 const require_WidgetTextField = require('../WidgetTextField/WidgetTextField.cjs');
 require('../WidgetTextField/index.cjs');
 const require_index$1 = require('./components/index.cjs');

package/dist/ProductCard/ProductCard.d.cts

@@ -1,5 +1,5 @@
 import { ProductCardProps } from "./types/index.cjs";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/components/ProductCard/ProductCard.d.ts
 declare const ProductCard: ({
@@ -27,6 +27,6 @@ declare const ProductCard: ({
   onInputClick,
   onTranscriptionStarted,
   onTranscriptionCompleted
-}: ProductCardProps) => react_jsx_runtime35.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime16.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_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/components/ProductCard/ProductCard.d.ts
 declare const ProductCard: ({
@@ -27,6 +27,6 @@ declare const ProductCard: ({
   onInputClick,
   onTranscriptionStarted,
   onTranscriptionCompleted
-}: ProductCardProps) => react_jsx_runtime20.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { ProductCard };

package/dist/ProductCard/ProductCard.js

@@ -1,7 +1,7 @@
 import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
-import { TypographyColor } from "../Typography/types/index.js";
-import { resolveTheme } from "../utils/resolveTheme.js";
 import "../Tokens/index.js";
+import { resolveTheme } from "../utils/resolveTheme.js";
+import { TypographyColor } from "../Typography/types/index.js";
 import { WidgetTextField } from "../WidgetTextField/WidgetTextField.js";
 import "../WidgetTextField/index.js";
 import { ProductCardWidgetComponents } from "./components/index.js";

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_runtime18 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_runtime18.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_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime20 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_runtime26.JSX.Element;
+}: PromptButtonProps) => react_jsx_runtime20.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_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime19 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_runtime25.JSX.Element;
+}: PromptButtonCarouselWithImageProps) => react_jsx_runtime19.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_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime16 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_runtime19.JSX.Element;
+}: PromptButtonCarouselWithImageProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { PromptButtonCarouselWithImage };