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

package/dist/ChatHeader/ChatHeader.d.cts

@@ -1,5 +1,5 @@
 import { ChatHeaderProps } from "./types/index.cjs";
-import * as react_jsx_runtime8 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_runtime8.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_runtime22 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_runtime22.JSX.Element;
+}: ChatHeaderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ChatHeader };

package/dist/ChatHeader/ChatHeader.js

@@ -1,4 +1,4 @@
-import { Theme } from "../components-v3/tokens/theme/theme.js";
+import { Theme } from "../tokens/theme/theme.js";
 import { resolveTheme } from "../utils/resolveTheme.js";
 import { ChatHeaderOptions, ChatHeaderVariant } from "./types/index.js";
 import { ChatHeaderComponents } from "./components/index.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/CloseButton.cjs

@@ -1,18 +1,21 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 const require_resolveTheme = require('../../utils/resolveTheme.cjs');
-const require_IconCloseRounded = require('../../icons/dist/IconCloseRounded.cjs');
-const require_IconCloseSharp = require('../../icons/dist/IconCloseSharp.cjs');
-const require_IconCloseTransparent = require('../../icons/dist/IconCloseTransparent.cjs');
 const require_index = require('../types/index.cjs');
 const require_useGetCloseButtonProperties = require('../hooks/useGetCloseButtonProperties.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_icons_IconCloseRounded = require("@envive-ai/react-icons/IconCloseRounded");
+__envive_ai_react_icons_IconCloseRounded = require_rolldown_runtime.__toESM(__envive_ai_react_icons_IconCloseRounded);
+let __envive_ai_react_icons_IconCloseSharp = require("@envive-ai/react-icons/IconCloseSharp");
+__envive_ai_react_icons_IconCloseSharp = require_rolldown_runtime.__toESM(__envive_ai_react_icons_IconCloseSharp);
+let __envive_ai_react_icons_IconCloseTransparent = require("@envive-ai/react-icons/IconCloseTransparent");
+__envive_ai_react_icons_IconCloseTransparent = require_rolldown_runtime.__toESM(__envive_ai_react_icons_IconCloseTransparent);
 
 //#region src/components/ChatHeader/components/CloseButton.tsx
 const Icons = {
-	[require_theme.Theme.STANDARD]: require_IconCloseTransparent.IconCloseTransparent_default,
-	[require_theme.Theme.MODERN]: require_IconCloseRounded.IconCloseRounded_default,
-	[require_theme.Theme.MINIMAL]: require_IconCloseSharp.IconCloseSharp_default
+	[require_theme.Theme.STANDARD]: __envive_ai_react_icons_IconCloseTransparent.default,
+	[require_theme.Theme.MODERN]: __envive_ai_react_icons_IconCloseRounded.default,
+	[require_theme.Theme.MINIMAL]: __envive_ai_react_icons_IconCloseSharp.default
 };
 const CloseButton = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, variant = require_index.ChatHeaderVariant.LIGHT, onClose }) => {
 	const { closeButtonClasses, iconClasses } = require_useGetCloseButtonProperties.useGetCloseButtonProperties(require_resolveTheme.resolveTheme(theme), variant);

package/dist/ChatHeader/components/CloseButton.js

@@ -1,17 +1,17 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { resolveTheme } from "../../utils/resolveTheme.js";
-import { IconCloseRounded_default } from "../../icons/dist/IconCloseRounded.js";
-import { IconCloseSharp_default } from "../../icons/dist/IconCloseSharp.js";
-import { IconCloseTransparent_default } from "../../icons/dist/IconCloseTransparent.js";
 import { ChatHeaderVariant } from "../types/index.js";
 import { useGetCloseButtonProperties } from "../hooks/useGetCloseButtonProperties.js";
 import { jsx } from "react/jsx-runtime";
+import IconCloseRounded from "@envive-ai/react-icons/IconCloseRounded";
+import IconCloseSharp from "@envive-ai/react-icons/IconCloseSharp";
+import IconCloseTransparent from "@envive-ai/react-icons/IconCloseTransparent";
 
 //#region src/components/ChatHeader/components/CloseButton.tsx
 const Icons = {
-	[Theme.STANDARD]: IconCloseTransparent_default,
-	[Theme.MODERN]: IconCloseRounded_default,
-	[Theme.MINIMAL]: IconCloseSharp_default
+	[Theme.STANDARD]: IconCloseTransparent,
+	[Theme.MODERN]: IconCloseRounded,
+	[Theme.MINIMAL]: IconCloseSharp
 };
 const CloseButton = ({ theme = Theme.GLOBAL_CUSTOM, variant = ChatHeaderVariant.LIGHT, onClose }) => {
 	const { closeButtonClasses, iconClasses } = useGetCloseButtonProperties(resolveTheme(theme), 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/components/Toggle.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
 const require_Container = require('../../Container/Container.cjs');

package/dist/ChatHeader/components/Toggle.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
 import { Container } from "../../Container/Container.js";

package/dist/ChatHeader/hooks/useGetCloseButtonProperties.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 const require_index = require('../types/index.cjs');
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);

package/dist/ChatHeader/hooks/useGetCloseButtonProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { ChatHeaderVariant } from "../types/index.js";
 import classNames from "classnames";
 

package/dist/ChatHeader/hooks/useGetHandleProperties.cjs

@@ -1,4 +1,4 @@
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 const require_index = require('../types/index.cjs');
 
 //#region src/components/ChatHeader/hooks/useGetHandleProperties.ts

package/dist/ChatHeader/hooks/useGetHandleProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { ChatHeaderVariant, HandleState } from "../types/index.js";
 
 //#region src/components/ChatHeader/hooks/useGetHandleProperties.ts

package/dist/ChatHeader/hooks/useGetLayoutProperties.cjs

@@ -1,6 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_colorsConfig = require('../../components-v3/src/models/colorsConfig.cjs');
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_colorsConfig = require('../../src/models/colorsConfig.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 const require_index = require('../types/index.cjs');
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);

package/dist/ChatHeader/hooks/useGetLayoutProperties.js

@@ -1,5 +1,5 @@
-import { enviveColorVar } from "../../components-v3/src/models/colorsConfig.js";
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { enviveColorVar } from "../../src/models/colorsConfig.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { ChatHeaderVariant } from "../types/index.js";
 import classNames from "classnames";
 

package/dist/ChatHeader/hooks/useGetToggleOptionProperties.cjs

@@ -1,4 +1,4 @@
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 const require_index = require('../../Typography/types/index.cjs');
 require('../../Typography/index.cjs');
 const require_index$1 = require('../types/index.cjs');

package/dist/ChatHeader/hooks/useGetToggleOptionProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { TypographyVariant } from "../../Typography/types/index.js";
 import "../../Typography/index.js";
 import { ChatHeaderVariant } from "../types/index.js";

package/dist/ChatHeader/hooks/useGetToggleProperties.cjs

@@ -1,4 +1,4 @@
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 const require_index = require('../types/index.cjs');
 
 //#region src/components/ChatHeader/hooks/useGetToggleProperties.ts

package/dist/ChatHeader/hooks/useGetToggleProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { ChatHeaderVariant } from "../types/index.js";
 
 //#region src/components/ChatHeader/hooks/useGetToggleProperties.ts

package/dist/ChatHeader/hooks/useToggleLogoSelector.cjs

@@ -1,4 +1,4 @@
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 const require_index = require('../types/index.cjs');
 
 //#region src/components/ChatHeader/hooks/useToggleLogoSelector.ts

package/dist/ChatHeader/hooks/useToggleLogoSelector.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { ChatHeaderVariant } from "../types/index.js";
 
 //#region src/components/ChatHeader/hooks/useToggleLogoSelector.ts

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

@@ -1,6 +1,7 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.cjs";
-import { ColorNames } from "../../components-v3/src/models/colorsConfig.cjs";
+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 "../../components-v3/tokens/theme/theme.js";
-import { ColorNames } from "../../components-v3/src/models/colorsConfig.js";
+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.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../tokens/theme/theme.cjs');
 const require_resolveTheme = require('../utils/resolveTheme.cjs');
 require('../Tokens/index.cjs');
 const require_PromptButton_types_index = require('../PromptButton/types/index.cjs');

package/dist/ChatPreview/ChatPreview.d.cts

@@ -1,5 +1,5 @@
 import { ChatPreviewProps } from "./types/types.cjs";
-import * as react_jsx_runtime0 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_runtime0.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_runtime8 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_runtime8.JSX.Element;
+}: ChatPreviewProps) => react_jsx_runtime27.JSX.Element;
 //#endregion
 export { ChatPreview };

package/dist/ChatPreview/ChatPreview.js

@@ -1,4 +1,4 @@
-import { Theme } from "../components-v3/tokens/theme/theme.js";
+import { Theme } from "../tokens/theme/theme.js";
 import { resolveTheme } from "../utils/resolveTheme.js";
 import "../Tokens/index.js";
 import { PromptButtonVariant } from "../PromptButton/types/index.js";

package/dist/ChatPreview/types/types.d.cts

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.cjs";
+import { Theme } from "../../tokens/theme/theme.cjs";
 import { WidgetWrapperVariant } from "../../WidgetWrapper/types/types.cjs";
 
 //#region src/components/ChatPreview/types/types.d.ts

package/dist/ChatPreview/types/types.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { WidgetWrapperVariant } from "../../WidgetWrapper/types/types.js";
 
 //#region src/components/ChatPreview/types/types.d.ts

package/dist/ChatPreviewComparison/ChatPreviewComparison.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../tokens/theme/theme.cjs');
 const require_resolveTheme = require('../utils/resolveTheme.cjs');
 require('../Tokens/index.cjs');
 const require_PromptButton_types_index = require('../PromptButton/types/index.cjs');

package/dist/ChatPreviewComparison/ChatPreviewComparison.d.cts

@@ -1,5 +1,5 @@
 import { ChatPreviewComparisonProps } from "./types/types.cjs";
-import * as react_jsx_runtime28 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_runtime28.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_runtime3 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_runtime3.JSX.Element;
+}: ChatPreviewComparisonProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 export { ChatPreviewComparison };

package/dist/ChatPreviewComparison/ChatPreviewComparison.js

@@ -1,4 +1,4 @@
-import { Theme } from "../components-v3/tokens/theme/theme.js";
+import { Theme } from "../tokens/theme/theme.js";
 import { resolveTheme } from "../utils/resolveTheme.js";
 import "../Tokens/index.js";
 import { PromptButtonVariant } from "../PromptButton/types/index.js";

package/dist/ChatPreviewComparison/components/Headline.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 const require_index = require('../../Typography/types/index.cjs');
 const require_Typography = require('../../Typography/Typography.cjs');
 require('../../Typography/index.cjs');

package/dist/ChatPreviewComparison/components/Headline.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { TypographyColor, TypographyVariant } from "../../Typography/types/index.js";
 import { Typography } from "../../Typography/Typography.js";
 import "../../Typography/index.js";

package/dist/ChatPreviewComparison/components/Layout.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils = require('../../DesignTokens/components/utils.cjs');
-const require_aspectRatio = require('../../components-v3/tokens/aspectRatio/aspectRatio.cjs');
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
-const require_breakpoints = require('../../components-v3/tokens/breakpoints/breakpoints.cjs');
+const require_aspectRatio = require('../../tokens/aspectRatio/aspectRatio.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
+const require_breakpoints = require('../../tokens/breakpoints/breakpoints.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
 const require_Container = require('../../Container/Container.cjs');

package/dist/ChatPreviewComparison/components/Layout.js

@@ -1,7 +1,7 @@
 import { getCSSVariable } from "../../DesignTokens/components/utils.js";
-import { AspectRatioCSSVar } from "../../components-v3/tokens/aspectRatio/aspectRatio.js";
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
-import { screensBreakpointsVariables } from "../../components-v3/tokens/breakpoints/breakpoints.js";
+import { AspectRatioCSSVar } from "../../tokens/aspectRatio/aspectRatio.js";
+import { Theme } from "../../tokens/theme/theme.js";
+import { screensBreakpointsVariables } from "../../tokens/breakpoints/breakpoints.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
 import { Container } from "../../Container/Container.js";

package/dist/ChatPreviewComparison/components/Message.cjs

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

package/dist/ChatPreviewComparison/components/Message.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { TypographyColor, TypographyVariant } from "../../Typography/types/index.js";
 import "../../Typography/index.js";
 import { resolveTheme } from "../../utils/resolveTheme.js";

package/dist/ChatPreviewComparison/types/types.d.cts

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.cjs";
+import { Theme } from "../../tokens/theme/theme.cjs";
 import { WidgetWrapperVariant } from "../../WidgetWrapper/types/types.cjs";
 import { ImageGalleryImage } from "../../ImageGallery/types/types.cjs";
 

package/dist/ChatPreviewComparison/types/types.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { WidgetWrapperVariant } from "../../WidgetWrapper/types/types.js";
 import { ImageGalleryImage } from "../../ImageGallery/types/types.js";
 

package/dist/ChatPreviewLoading/ChatPreviewLoading.d.cts

@@ -1,5 +1,5 @@
 import { ChatPreviewLoadingProps } from "./types/types.cjs";
-import * as react_jsx_runtime0 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_runtime0.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_runtime6 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_runtime6.JSX.Element;
+}: ChatPreviewLoadingProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { ChatPreviewLoading };