@envive-ai/react-toolkit-v3 0.3.6 → 0.3.7

package/dist/AnimatedText/AnimatedText.d.cts

@@ -1,13 +1,13 @@
 import { AnimatedTextProps } from "./types/types.cjs";
-import * as react182 from "react";
+import * as react184 from "react";
 
 //#region src/components/AnimatedText/AnimatedText.d.ts
-declare const AnimatedText: react182.MemoExoticComponent<({
+declare const AnimatedText: react184.MemoExoticComponent<({
   sequence,
   typingDuration,
   transition,
   loop,
   getNodeWrapper
-}: AnimatedTextProps) => react182.ReactNode>;
+}: AnimatedTextProps) => react184.ReactNode>;
 //#endregion
 export { AnimatedText };

package/dist/AnimatedText/AnimatedText.d.ts

@@ -1,13 +1,13 @@
 import { AnimatedTextProps } from "./types/types.js";
-import * as react10 from "react";
+import * as react184 from "react";
 
 //#region src/components/AnimatedText/AnimatedText.d.ts
-declare const AnimatedText: react10.MemoExoticComponent<({
+declare const AnimatedText: react184.MemoExoticComponent<({
   sequence,
   typingDuration,
   transition,
   loop,
   getNodeWrapper
-}: AnimatedTextProps) => react10.ReactNode>;
+}: AnimatedTextProps) => react184.ReactNode>;
 //#endregion
 export { AnimatedText };

package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/components/CSSVariablesEditor/CssVariablesEditorComponent.d.ts
 declare const CssVariablesEditorComponent: ({
   selectedMerchantName
 }: {
   selectedMerchantName: string;
-}) => react_jsx_runtime30.JSX.Element;
+}) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { CssVariablesEditorComponent };

package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/components/CSSVariablesEditor/CssVariablesEditorComponent.d.ts
 declare const CssVariablesEditorComponent: ({
   selectedMerchantName
 }: {
   selectedMerchantName: string;
-}) => react_jsx_runtime27.JSX.Element;
+}) => react_jsx_runtime33.JSX.Element;
 //#endregion
 export { CssVariablesEditorComponent };

package/dist/Carousel/Carousel.d.cts

@@ -1,5 +1,5 @@
 import { CarouselProps } from "./types/types.cjs";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/components/Carousel/Carousel.d.ts
 declare const Carousel: ({
@@ -11,6 +11,6 @@ declare const Carousel: ({
   badgeLabel,
   theme,
   hideNavigation
-}: CarouselProps) => react_jsx_runtime31.JSX.Element;
+}: CarouselProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { Carousel };

package/dist/Carousel/Carousel.d.ts

@@ -1,5 +1,5 @@
 import { CarouselProps } from "./types/types.js";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 
 //#region src/components/Carousel/Carousel.d.ts
 declare const Carousel: ({
@@ -11,6 +11,6 @@ declare const Carousel: ({
   badgeLabel,
   theme,
   hideNavigation
-}: CarouselProps) => react_jsx_runtime29.JSX.Element;
+}: CarouselProps) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { Carousel };

package/dist/ChatFooter/ChatFooter.d.cts

@@ -1,5 +1,5 @@
 import { ChatFooterProps } from "./types/types.cjs";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 
 //#region src/components/ChatFooter/ChatFooter.d.ts
 declare const ChatFooter: ({
@@ -18,6 +18,6 @@ declare const ChatFooter: ({
   disabled,
   isLoadingPromptSuggestions,
   disabledInput
-}: ChatFooterProps) => react_jsx_runtime27.JSX.Element;
+}: ChatFooterProps) => react_jsx_runtime32.JSX.Element;
 //#endregion
 export { ChatFooter };

package/dist/ChatFooter/ChatFooter.d.ts

@@ -1,5 +1,5 @@
 import { ChatFooterProps } from "./types/types.js";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/components/ChatFooter/ChatFooter.d.ts
 declare const ChatFooter: ({
@@ -18,6 +18,6 @@ declare const ChatFooter: ({
   disabled,
   isLoadingPromptSuggestions,
   disabledInput
-}: ChatFooterProps) => react_jsx_runtime31.JSX.Element;
+}: ChatFooterProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 export { ChatFooter };

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

@@ -1,8 +1,8 @@
 import { LayoutProps } from "./Layout.cjs";
 import { PromptSuggestionsProps } from "./PromptSuggestions.cjs";
 import { TextFieldProps } from "../../TextField/types/index.cjs";
-import * as react179 from "react";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react181 from "react";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 
 //#region src/components/ChatFooter/components/index.d.ts
 declare const ChatFooterComponents: {
@@ -17,13 +17,13 @@ declare const ChatFooterComponents: {
     testId,
     className,
     style
-  }: LayoutProps) => react_jsx_runtime25.JSX.Element;
+  }: LayoutProps) => react_jsx_runtime30.JSX.Element;
   EnviveLogo: ({
     style
   }: {
     className?: string;
     style?: React.CSSProperties;
-  }) => react179.ReactElement<react179.SVGProps<SVGSVGElement>, string | react179.JSXElementConstructor<any>>;
+  }) => react181.ReactElement<react181.SVGProps<SVGSVGElement>, string | react181.JSXElementConstructor<any>>;
   PromptSuggestions: ({
     theme,
     suggestions,
@@ -31,7 +31,7 @@ declare const ChatFooterComponents: {
     className,
     style,
     disabled
-  }: PromptSuggestionsProps) => react_jsx_runtime25.JSX.Element;
+  }: PromptSuggestionsProps) => react_jsx_runtime30.JSX.Element;
   TextField: ({
     theme,
     placeholder,

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

@@ -1,8 +1,8 @@
 import { LayoutProps } from "./Layout.js";
 import { PromptSuggestionsProps } from "./PromptSuggestions.js";
 import { TextFieldProps } from "../../TextField/types/index.js";
-import * as react12 from "react";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react10 from "react";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/ChatFooter/components/index.d.ts
 declare const ChatFooterComponents: {
@@ -17,13 +17,13 @@ declare const ChatFooterComponents: {
     testId,
     className,
     style
-  }: LayoutProps) => react_jsx_runtime32.JSX.Element;
+  }: LayoutProps) => react_jsx_runtime24.JSX.Element;
   EnviveLogo: ({
     style
   }: {
     className?: string;
     style?: React.CSSProperties;
-  }) => react12.ReactElement<react12.SVGProps<SVGSVGElement>, string | react12.JSXElementConstructor<any>>;
+  }) => react10.ReactElement<react10.SVGProps<SVGSVGElement>, string | react10.JSXElementConstructor<any>>;
   PromptSuggestions: ({
     theme,
     suggestions,
@@ -31,7 +31,7 @@ declare const ChatFooterComponents: {
     className,
     style,
     disabled
-  }: PromptSuggestionsProps) => react_jsx_runtime32.JSX.Element;
+  }: PromptSuggestionsProps) => react_jsx_runtime24.JSX.Element;
   TextField: ({
     theme,
     placeholder,

package/dist/ChatFooter/hooks/useGetContainerProperties.cjs

@@ -8,8 +8,8 @@ const useGetContainerProperties = ({ isScrolled, theme }) => {
 		baseClassName: "envive-tw-w-full envive-tw-opacity-90 envive-tw-backdrop-blur-[12px] envive-tw-border-border-light ",
 		themeContainerClassNames: (0, react.useMemo)(() => {
 			return {
-				[require_theme.Theme.STANDARD]: `${isScrolled ? "" : "envive-tw-border-t envive-tw-p-4"}`,
-				[require_theme.Theme.MODERN]: `${isScrolled ? "" : "envive-tw-border-t envive-tw-p-4"}`,
+				[require_theme.Theme.STANDARD]: `${isScrolled ? "envive-tw-p-4" : "envive-tw-border-t envive-tw-p-4"}`,
+				[require_theme.Theme.MODERN]: `${isScrolled ? "envive-tw-p-4" : "envive-tw-border-t envive-tw-p-4"}`,
 				[require_theme.Theme.MINIMAL]: `${isScrolled ? "envive-tw-bg-white envive-tw-pt-2 envive-tw-pb-4 envive-tw-px-4 envive-tw-border-t" : "envive-tw-border-t envive-tw-p-4"}`
 			}[theme] ?? "";
 		}, [theme, isScrolled])

package/dist/ChatFooter/hooks/useGetContainerProperties.js

@@ -7,8 +7,8 @@ const useGetContainerProperties = ({ isScrolled, theme }) => {
 		baseClassName: "envive-tw-w-full envive-tw-opacity-90 envive-tw-backdrop-blur-[12px] envive-tw-border-border-light ",
 		themeContainerClassNames: useMemo(() => {
 			return {
-				[Theme.STANDARD]: `${isScrolled ? "" : "envive-tw-border-t envive-tw-p-4"}`,
-				[Theme.MODERN]: `${isScrolled ? "" : "envive-tw-border-t envive-tw-p-4"}`,
+				[Theme.STANDARD]: `${isScrolled ? "envive-tw-p-4" : "envive-tw-border-t envive-tw-p-4"}`,
+				[Theme.MODERN]: `${isScrolled ? "envive-tw-p-4" : "envive-tw-border-t envive-tw-p-4"}`,
 				[Theme.MINIMAL]: `${isScrolled ? "envive-tw-bg-white envive-tw-pt-2 envive-tw-pb-4 envive-tw-px-4 envive-tw-border-t" : "envive-tw-border-t envive-tw-p-4"}`
 			}[theme] ?? "";
 		}, [theme, isScrolled])

package/dist/ChatHeader/ChatHeader.cjs

@@ -7,14 +7,15 @@ const require_useHeaderLogoSelector = require('./hooks/useHeaderLogoSelector.cjs
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ChatHeader/ChatHeader.tsx
-const ChatHeader = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, variant = require_index.ChatHeaderVariant.LIGHT, logoLight, logoDark, centralizeCXToggle = true, showCXToggle, selectedOption = require_index.ChatHeaderOptions.ASSISTANT, leftToggleLabel, rightToggleLabel, logoInToggle, showLogo, showHandle, showMainContent = true, handleState, headerBgColor, onClose, onToggle }) => {
+const ChatHeader = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, variant = require_index.ChatHeaderVariant.LIGHT, logoLight, logoDark, centralizeCXToggle = true, showCXToggle, selectedOption = require_index.ChatHeaderOptions.ASSISTANT, leftToggleLabel, rightToggleLabel, logoInToggle, showLogo, showHandle, showMainContent = true, handleState, handleAnimationKey, headerBgColor, onClose, onToggle }) => {
 	const finalTheme = require_resolveTheme.resolveTheme(theme);
 	const logoVariant = require_useHeaderLogoSelector.useHeaderLogoSelector(logoLight, logoDark, variant);
 	const finalLogo = showLogo ? logoVariant : null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [showHandle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.ChatHeaderComponents.Handle, {
 		theme: finalTheme,
 		variant,
-		state: handleState
+		state: handleState,
+		animationKey: handleAnimationKey
 	}), showMainContent && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_index$1.ChatHeaderComponents.Layout, {
 		headerBgColor,
 		variant,

package/dist/ChatHeader/ChatHeader.d.cts

@@ -1,5 +1,5 @@
 import { ChatHeaderProps } from "./types/index.cjs";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 
 //#region src/components/ChatHeader/ChatHeader.d.ts
 declare const ChatHeader: ({
@@ -17,9 +17,10 @@ declare const ChatHeader: ({
   showHandle,
   showMainContent,
   handleState,
+  handleAnimationKey,
   headerBgColor,
   onClose,
   onToggle
-}: ChatHeaderProps) => react_jsx_runtime32.JSX.Element;
+}: ChatHeaderProps) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { ChatHeader };

package/dist/ChatHeader/ChatHeader.d.ts

@@ -1,5 +1,5 @@
 import { ChatHeaderProps } from "./types/index.js";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/ChatHeader/ChatHeader.d.ts
 declare const ChatHeader: ({
@@ -17,9 +17,10 @@ declare const ChatHeader: ({
   showHandle,
   showMainContent,
   handleState,
+  handleAnimationKey,
   headerBgColor,
   onClose,
   onToggle
-}: ChatHeaderProps) => react_jsx_runtime24.JSX.Element;
+}: ChatHeaderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ChatHeader };

package/dist/ChatHeader/ChatHeader.js

@@ -6,14 +6,15 @@ import { useHeaderLogoSelector } from "./hooks/useHeaderLogoSelector.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/ChatHeader/ChatHeader.tsx
-const ChatHeader = ({ theme = Theme.GLOBAL_CUSTOM, variant = ChatHeaderVariant.LIGHT, logoLight, logoDark, centralizeCXToggle = true, showCXToggle, selectedOption = ChatHeaderOptions.ASSISTANT, leftToggleLabel, rightToggleLabel, logoInToggle, showLogo, showHandle, showMainContent = true, handleState, headerBgColor, onClose, onToggle }) => {
+const ChatHeader = ({ theme = Theme.GLOBAL_CUSTOM, variant = ChatHeaderVariant.LIGHT, logoLight, logoDark, centralizeCXToggle = true, showCXToggle, selectedOption = ChatHeaderOptions.ASSISTANT, leftToggleLabel, rightToggleLabel, logoInToggle, showLogo, showHandle, showMainContent = true, handleState, handleAnimationKey, headerBgColor, onClose, onToggle }) => {
 	const finalTheme = resolveTheme(theme);
 	const logoVariant = useHeaderLogoSelector(logoLight, logoDark, variant);
 	const finalLogo = showLogo ? logoVariant : null;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [showHandle && /* @__PURE__ */ jsx(ChatHeaderComponents.Handle, {
 		theme: finalTheme,
 		variant,
-		state: handleState
+		state: handleState,
+		animationKey: handleAnimationKey
 	}), showMainContent && /* @__PURE__ */ jsxs(ChatHeaderComponents.Layout, {
 		headerBgColor,
 		variant,

package/dist/ChatHeader/components/Handle.cjs

@@ -5,10 +5,36 @@ const require_Container = require('../../Container/Container.cjs');
 require('../../Container/index.cjs');
 const require_useGetHandleProperties = require('../hooks/useGetHandleProperties.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
+let framer_motion = require("framer-motion");
 
 //#region src/components/ChatHeader/components/Handle.tsx
-const Handle = ({ theme, variant, state }) => {
+const Handle = ({ theme, variant, state, animationKey }) => {
 	const { containerClasses, leftBar, rightBar } = require_useGetHandleProperties.useGetHandleProperties(theme, variant, state);
+	const snap43Percent = 57 / 100 * window.innerHeight;
+	const snap100Percent = 0;
+	const defaultAnimationKey = (0, framer_motion.useMotionValue)(0);
+	const activeAnimationKey = animationKey || defaultAnimationKey;
+	const leftRotation = (0, framer_motion.useTransform)(activeAnimationKey, [snap100Percent, snap43Percent], [0, -10]);
+	const rightRotation = (0, framer_motion.useTransform)(activeAnimationKey, [snap100Percent, snap43Percent], [0, 10]);
+	if (animationKey) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Container.Container, {
+		className: containerClasses,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
+			direction: "row",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+				className: leftBar,
+				style: {
+					rotate: leftRotation,
+					x: 1
+				}
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+				className: rightBar,
+				style: {
+					rotate: rightRotation,
+					x: -1
+				}
+			})]
+		})
+	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Container.Container, {
 		className: containerClasses,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {

package/dist/ChatHeader/components/Handle.js

@@ -4,10 +4,36 @@ import { Container } from "../../Container/Container.js";
 import "../../Container/index.js";
 import { useGetHandleProperties } from "../hooks/useGetHandleProperties.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { motion, useMotionValue, useTransform } from "framer-motion";
 
 //#region src/components/ChatHeader/components/Handle.tsx
-const Handle = ({ theme, variant, state }) => {
+const Handle = ({ theme, variant, state, animationKey }) => {
 	const { containerClasses, leftBar, rightBar } = useGetHandleProperties(theme, variant, state);
+	const snap43Percent = 57 / 100 * window.innerHeight;
+	const snap100Percent = 0;
+	const defaultAnimationKey = useMotionValue(0);
+	const activeAnimationKey = animationKey || defaultAnimationKey;
+	const leftRotation = useTransform(activeAnimationKey, [snap100Percent, snap43Percent], [0, -10]);
+	const rightRotation = useTransform(activeAnimationKey, [snap100Percent, snap43Percent], [0, 10]);
+	if (animationKey) return /* @__PURE__ */ jsx(Container, {
+		className: containerClasses,
+		children: /* @__PURE__ */ jsxs(Stack, {
+			direction: "row",
+			children: [/* @__PURE__ */ jsx(motion.div, {
+				className: leftBar,
+				style: {
+					rotate: leftRotation,
+					x: 1
+				}
+			}), /* @__PURE__ */ jsx(motion.div, {
+				className: rightBar,
+				style: {
+					rotate: rightRotation,
+					x: -1
+				}
+			})]
+		})
+	});
 	return /* @__PURE__ */ jsx(Container, {
 		className: containerClasses,
 		children: /* @__PURE__ */ jsxs(Stack, {

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

@@ -1,6 +1,7 @@
 import { Theme } from "../../tokens/theme/theme.cjs";
 import { ColorNames } from "../../src/models/colorsConfig.cjs";
 import React from "react";
+import { MotionValue } from "framer-motion";
 
 //#region src/components/ChatHeader/types/index.d.ts
 declare enum ChatHeaderVariant {
@@ -22,6 +23,7 @@ interface ChatHeaderProps extends ToggleProps, CloseButtonProps, Omit<LayoutProp
   showHandle?: boolean;
   showMainContent?: boolean;
   handleState?: HandleState;
+  handleAnimationKey?: MotionValue;
 }
 interface LayoutProps {
   theme: Theme;

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

@@ -1,6 +1,7 @@
 import { Theme } from "../../tokens/theme/theme.js";
 import { ColorNames } from "../../src/models/colorsConfig.js";
 import React from "react";
+import { MotionValue } from "framer-motion";
 
 //#region src/components/ChatHeader/types/index.d.ts
 declare enum ChatHeaderVariant {
@@ -22,6 +23,7 @@ interface ChatHeaderProps extends ToggleProps, CloseButtonProps, Omit<LayoutProp
   showHandle?: boolean;
   showMainContent?: boolean;
   handleState?: HandleState;
+  handleAnimationKey?: MotionValue;
 }
 interface LayoutProps {
   theme: Theme;

package/dist/ChatPreview/ChatPreview.d.cts

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

package/dist/ChatPreview/ChatPreview.d.ts

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

package/dist/ChatPreviewComparison/ChatPreviewComparison.d.cts

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

package/dist/ChatPreviewComparison/ChatPreviewComparison.d.ts

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

package/dist/ChatPreviewLoading/ChatPreviewLoading.d.cts

@@ -1,5 +1,5 @@
 import { ChatPreviewLoadingProps } from "./types/types.cjs";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/components/ChatPreviewLoading/ChatPreviewLoading.d.ts
 declare const ChatPreviewLoading: ({
@@ -15,6 +15,6 @@ declare const ChatPreviewLoading: ({
   hideLogo,
   logoSrc,
   titleLabel
-}: ChatPreviewLoadingProps) => react_jsx_runtime21.JSX.Element;
+}: ChatPreviewLoadingProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { ChatPreviewLoading };

package/dist/ChatPreviewLoading/ChatPreviewLoading.d.ts

@@ -1,5 +1,5 @@
 import { ChatPreviewLoadingProps } from "./types/types.js";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 
 //#region src/components/ChatPreviewLoading/ChatPreviewLoading.d.ts
 declare const ChatPreviewLoading: ({
@@ -15,6 +15,6 @@ declare const ChatPreviewLoading: ({
   hideLogo,
   logoSrc,
   titleLabel
-}: ChatPreviewLoadingProps) => react_jsx_runtime26.JSX.Element;
+}: ChatPreviewLoadingProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { ChatPreviewLoading };