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

package/dist/AnimatedText/AnimatedText.d.cts

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

package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime29 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_runtime29.JSX.Element;
+}) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { CssVariablesEditorComponent };

package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime7 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_runtime7.JSX.Element;
+}) => react_jsx_runtime33.JSX.Element;
 //#endregion
 export { CssVariablesEditorComponent };

package/dist/CSSVariablesEditor/hooks/useGetCssVariablesOptions.cjs

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_colors = require('../../components-v3/tokens/colors/colors.cjs');
-const require_aspectRatio = require('../../components-v3/tokens/aspectRatio/aspectRatio.cjs');
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_colors = require('../../tokens/colors/colors.cjs');
+const require_aspectRatio = require('../../tokens/aspectRatio/aspectRatio.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 let react = require("react");
 
 //#region src/components/CSSVariablesEditor/hooks/useGetCssVariablesOptions.ts

package/dist/CSSVariablesEditor/hooks/useGetCssVariablesOptions.js

@@ -1,6 +1,6 @@
-import { ColorsNamesVars } from "../../components-v3/tokens/colors/colors.js";
-import { AspectRatio } from "../../components-v3/tokens/aspectRatio/aspectRatio.js";
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { ColorsNamesVars } from "../../tokens/colors/colors.js";
+import { AspectRatio } from "../../tokens/aspectRatio/aspectRatio.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { useMemo } from "react";
 
 //#region src/components/CSSVariablesEditor/hooks/useGetCssVariablesOptions.ts

package/dist/CSSVariablesEditor/hooks/useGetCurrentMerchantColors.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_colorsConfig = require('../../components-v3/src/models/colorsConfig.cjs');
+const require_colorsConfig = require('../../src/models/colorsConfig.cjs');
 const require_utils = require('../../DesignTokens/components/utils.cjs');
 let react = require("react");
 

package/dist/CSSVariablesEditor/hooks/useGetCurrentMerchantColors.js

@@ -1,4 +1,4 @@
-import { ColorNames } from "../../components-v3/src/models/colorsConfig.js";
+import { ColorNames } from "../../src/models/colorsConfig.js";
 import { getCSSVariable } from "../../DesignTokens/components/utils.js";
 import { useEffect, useState } from "react";
 

package/dist/CSSVariablesEditor/hooks/useGetDefaultCssVariables.cjs

@@ -1,14 +1,14 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_colorsConfig = require('../../components-v3/src/models/colorsConfig.cjs');
-const require_colors = require('../../components-v3/tokens/colors/colors.cjs');
-const require_fontSize = require('../../components-v3/tokens/typography/fontSize.cjs');
-const require_fontWeight = require('../../components-v3/tokens/typography/fontWeight.cjs');
-const require_lineHeight = require('../../components-v3/tokens/typography/lineHeight.cjs');
-const require_letterSpacing = require('../../components-v3/tokens/typography/letterSpacing.cjs');
-const require_fontFamily = require('../../components-v3/tokens/typography/fontFamily.cjs');
-const require_radius = require('../../components-v3/tokens/radius/radius.cjs');
-const require_aspectRatio = require('../../components-v3/tokens/aspectRatio/aspectRatio.cjs');
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_colorsConfig = require('../../src/models/colorsConfig.cjs');
+const require_colors = require('../../tokens/colors/colors.cjs');
+const require_fontSize = require('../../tokens/typography/fontSize.cjs');
+const require_fontWeight = require('../../tokens/typography/fontWeight.cjs');
+const require_lineHeight = require('../../tokens/typography/lineHeight.cjs');
+const require_letterSpacing = require('../../tokens/typography/letterSpacing.cjs');
+const require_fontFamily = require('../../tokens/typography/fontFamily.cjs');
+const require_radius = require('../../tokens/radius/radius.cjs');
+const require_aspectRatio = require('../../tokens/aspectRatio/aspectRatio.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 const require_useGetCssVariablesOptions = require('./useGetCssVariablesOptions.cjs');
 let react = require("react");
 

package/dist/CSSVariablesEditor/hooks/useGetDefaultCssVariables.js

@@ -1,13 +1,13 @@
-import { ColorNames } from "../../components-v3/src/models/colorsConfig.js";
-import { ButtonColorsVars, ColorsNamesVars } from "../../components-v3/tokens/colors/colors.js";
-import { FontSizeCSSVar, fontSize } from "../../components-v3/tokens/typography/fontSize.js";
-import { FontWeightCSSVar, fontWeight } from "../../components-v3/tokens/typography/fontWeight.js";
-import { LineHeightCSSVar, convertLineHeightToPercentage, lineHeight } from "../../components-v3/tokens/typography/lineHeight.js";
-import { LetterSpacingCSSVar, letterSpacing } from "../../components-v3/tokens/typography/letterSpacing.js";
-import { FontFamily, FontFamilyCSSVar } from "../../components-v3/tokens/typography/fontFamily.js";
-import { BorderRadiusCSSVar } from "../../components-v3/tokens/radius/radius.js";
-import { AspectRatio, AspectRatioCSSVar } from "../../components-v3/tokens/aspectRatio/aspectRatio.js";
-import { Theme, ThemeCSSVar } from "../../components-v3/tokens/theme/theme.js";
+import { ColorNames } from "../../src/models/colorsConfig.js";
+import { ButtonColorsVars, ColorsNamesVars } from "../../tokens/colors/colors.js";
+import { FontSizeCSSVar, fontSize } from "../../tokens/typography/fontSize.js";
+import { FontWeightCSSVar, fontWeight } from "../../tokens/typography/fontWeight.js";
+import { LineHeightCSSVar, convertLineHeightToPercentage, lineHeight } from "../../tokens/typography/lineHeight.js";
+import { LetterSpacingCSSVar, letterSpacing } from "../../tokens/typography/letterSpacing.js";
+import { FontFamily, FontFamilyCSSVar } from "../../tokens/typography/fontFamily.js";
+import { BorderRadiusCSSVar } from "../../tokens/radius/radius.js";
+import { AspectRatio, AspectRatioCSSVar } from "../../tokens/aspectRatio/aspectRatio.js";
+import { Theme, ThemeCSSVar } from "../../tokens/theme/theme.js";
 import { useGetCssVariablesOptions } from "./useGetCssVariablesOptions.js";
 import { useMemo } from "react";
 

package/dist/CSSVariablesEditor/hooks/useHandleUpdateCssVars.cjs

@@ -1,12 +1,12 @@
-const require_colors = require('../../components-v3/tokens/colors/colors.cjs');
-const require_fontSize = require('../../components-v3/tokens/typography/fontSize.cjs');
-const require_fontWeight = require('../../components-v3/tokens/typography/fontWeight.cjs');
-const require_lineHeight = require('../../components-v3/tokens/typography/lineHeight.cjs');
-const require_letterSpacing = require('../../components-v3/tokens/typography/letterSpacing.cjs');
-const require_fontFamily = require('../../components-v3/tokens/typography/fontFamily.cjs');
-const require_radius = require('../../components-v3/tokens/radius/radius.cjs');
-const require_aspectRatio = require('../../components-v3/tokens/aspectRatio/aspectRatio.cjs');
-const require_theme = require('../../components-v3/tokens/theme/theme.cjs');
+const require_colors = require('../../tokens/colors/colors.cjs');
+const require_fontSize = require('../../tokens/typography/fontSize.cjs');
+const require_fontWeight = require('../../tokens/typography/fontWeight.cjs');
+const require_lineHeight = require('../../tokens/typography/lineHeight.cjs');
+const require_letterSpacing = require('../../tokens/typography/letterSpacing.cjs');
+const require_fontFamily = require('../../tokens/typography/fontFamily.cjs');
+const require_radius = require('../../tokens/radius/radius.cjs');
+const require_aspectRatio = require('../../tokens/aspectRatio/aspectRatio.cjs');
+const require_theme = require('../../tokens/theme/theme.cjs');
 
 //#region src/components/CSSVariablesEditor/hooks/useHandleUpdateCssVars.ts
 const useHandleUpdateCssVars = () => {

package/dist/CSSVariablesEditor/hooks/useHandleUpdateCssVars.js

@@ -1,12 +1,12 @@
-import { ButtonColorsVars, ColorsNamesVars } from "../../components-v3/tokens/colors/colors.js";
-import { FontSizeCSSVar } from "../../components-v3/tokens/typography/fontSize.js";
-import { FontWeightCSSVar } from "../../components-v3/tokens/typography/fontWeight.js";
-import { LineHeightCSSVar, convertPercentageTolineHeight } from "../../components-v3/tokens/typography/lineHeight.js";
-import { LetterSpacingCSSVar } from "../../components-v3/tokens/typography/letterSpacing.js";
-import { FontFamilyCSSVar } from "../../components-v3/tokens/typography/fontFamily.js";
-import { BorderRadiusCSSVar } from "../../components-v3/tokens/radius/radius.js";
-import { AspectRatioCSSVar, convertAspectRatioNameToStyle } from "../../components-v3/tokens/aspectRatio/aspectRatio.js";
-import { ThemeCSSVar } from "../../components-v3/tokens/theme/theme.js";
+import { ButtonColorsVars, ColorsNamesVars } from "../../tokens/colors/colors.js";
+import { FontSizeCSSVar } from "../../tokens/typography/fontSize.js";
+import { FontWeightCSSVar } from "../../tokens/typography/fontWeight.js";
+import { LineHeightCSSVar, convertPercentageTolineHeight } from "../../tokens/typography/lineHeight.js";
+import { LetterSpacingCSSVar } from "../../tokens/typography/letterSpacing.js";
+import { FontFamilyCSSVar } from "../../tokens/typography/fontFamily.js";
+import { BorderRadiusCSSVar } from "../../tokens/radius/radius.js";
+import { AspectRatioCSSVar, convertAspectRatioNameToStyle } from "../../tokens/aspectRatio/aspectRatio.js";
+import { ThemeCSSVar } from "../../tokens/theme/theme.js";
 
 //#region src/components/CSSVariablesEditor/hooks/useHandleUpdateCssVars.ts
 const useHandleUpdateCssVars = () => {

package/dist/CSSVariablesEditor/utils/functions.cjs

@@ -1,5 +1,5 @@
-const require_lineHeight = require('../../components-v3/tokens/typography/lineHeight.cjs');
-const require_aspectRatio = require('../../components-v3/tokens/aspectRatio/aspectRatio.cjs');
+const require_lineHeight = require('../../tokens/typography/lineHeight.cjs');
+const require_aspectRatio = require('../../tokens/aspectRatio/aspectRatio.cjs');
 
 //#region src/components/CSSVariablesEditor/utils/functions.ts
 const hexToColorPicker = (value) => {

package/dist/CSSVariablesEditor/utils/functions.js

@@ -1,5 +1,5 @@
-import { convertLineHeightToPercentage } from "../../components-v3/tokens/typography/lineHeight.js";
-import { AspectRatioCSSVar, convertAspectRatioStyleToName } from "../../components-v3/tokens/aspectRatio/aspectRatio.js";
+import { convertLineHeightToPercentage } from "../../tokens/typography/lineHeight.js";
+import { AspectRatioCSSVar, convertAspectRatioStyleToName } from "../../tokens/aspectRatio/aspectRatio.js";
 
 //#region src/components/CSSVariablesEditor/utils/functions.ts
 const hexToColorPicker = (value) => {

package/dist/Carousel/Carousel.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('./components/index.cjs');
 const require_resolveTheme = require('../utils/resolveTheme.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Carousel/Carousel.d.cts

@@ -1,5 +1,5 @@
 import { CarouselProps } from "./types/types.cjs";
-import * as react_jsx_runtime30 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_runtime30.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_runtime11 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_runtime11.JSX.Element;
+}: CarouselProps) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { Carousel };

package/dist/Carousel/Carousel.js

@@ -1,4 +1,4 @@
-import { Theme } from "../components-v3/tokens/theme/theme.js";
+import { Theme } from "../tokens/theme/theme.js";
 import { CarouselComponents } from "./components/index.js";
 import { resolveTheme } from "../utils/resolveTheme.js";
 import { jsx } from "react/jsx-runtime";

package/dist/Carousel/components/ArrowIcon.cjs

@@ -1,10 +1,11 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ArrowUp = require('../../icons/dist/ArrowUp.cjs');
 let react = require("react");
+let __envive_ai_react_icons_ArrowUp = require("@envive-ai/react-icons/ArrowUp");
+__envive_ai_react_icons_ArrowUp = require_rolldown_runtime.__toESM(__envive_ai_react_icons_ArrowUp);
 
 //#region src/components/Carousel/components/ArrowIcon.tsx
 const ArrowIcon = ({ direction }) => {
-	const arrowElement = require_ArrowUp.ArrowUp_default({});
+	const arrowElement = (0, __envive_ai_react_icons_ArrowUp.default)({});
 	return (0, react.cloneElement)(arrowElement, {
 		style: {
 			color: "transparent",

package/dist/Carousel/components/ArrowIcon.js

@@ -1,9 +1,9 @@
-import { ArrowUp_default } from "../../icons/dist/ArrowUp.js";
 import { Children, cloneElement } from "react";
+import ArrowUp from "@envive-ai/react-icons/ArrowUp";
 
 //#region src/components/Carousel/components/ArrowIcon.tsx
 const ArrowIcon = ({ direction }) => {
-	const arrowElement = ArrowUp_default({});
+	const arrowElement = ArrowUp({});
 	return cloneElement(arrowElement, {
 		style: {
 			color: "transparent",

package/dist/Carousel/hooks/useGetBadgeProperties.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');
 let react = require("react");
 
 //#region src/components/Carousel/hooks/useGetBadgeProperties.ts

package/dist/Carousel/hooks/useGetBadgeProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { useMemo } from "react";
 
 //#region src/components/Carousel/hooks/useGetBadgeProperties.ts

package/dist/Carousel/types/types.d.cts

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

package/dist/Carousel/types/types.d.ts

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

package/dist/ChatFooter/ChatFooter.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_useGetChatScrollProperties = require('./hooks/useGetChatScrollProperties.cjs');

package/dist/ChatFooter/ChatFooter.d.cts

@@ -1,5 +1,5 @@
 import { ChatFooterProps } from "./types/types.cjs";
-import * as react_jsx_runtime4 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_runtime4.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_runtime15 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_runtime15.JSX.Element;
+}: ChatFooterProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 export { ChatFooter };

package/dist/ChatFooter/ChatFooter.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 { useGetChatScrollProperties } from "./hooks/useGetChatScrollProperties.js";

package/dist/ChatFooter/components/EnviveLogo.cjs

@@ -1,10 +1,11 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_EnviveWatermark = require('../../icons/dist/EnviveWatermark.cjs');
 let react = require("react");
+let __envive_ai_react_icons_EnviveWatermark = require("@envive-ai/react-icons/EnviveWatermark");
+__envive_ai_react_icons_EnviveWatermark = require_rolldown_runtime.__toESM(__envive_ai_react_icons_EnviveWatermark);
 
 //#region src/components/ChatFooter/components/EnviveLogo.tsx
 const EnviveLogo = ({ style }) => {
-	const EnviveLogoElement = require_EnviveWatermark.EnviveWatermark_default({});
+	const EnviveLogoElement = (0, __envive_ai_react_icons_EnviveWatermark.default)({});
 	return (0, react.cloneElement)(EnviveLogoElement, {
 		style,
 		children: react.Children.map(EnviveLogoElement.props.children, (child) => {

package/dist/ChatFooter/components/EnviveLogo.js

@@ -1,9 +1,9 @@
-import { EnviveWatermark_default } from "../../icons/dist/EnviveWatermark.js";
 import { Children, cloneElement } from "react";
+import EnviveWatermark from "@envive-ai/react-icons/EnviveWatermark";
 
 //#region src/components/ChatFooter/components/EnviveLogo.tsx
 const EnviveLogo = ({ style }) => {
-	const EnviveLogoElement = EnviveWatermark_default({});
+	const EnviveLogoElement = EnviveWatermark({});
 	return cloneElement(EnviveLogoElement, {
 		style,
 		children: Children.map(EnviveLogoElement.props.children, (child) => {

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

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.cjs";
+import { Theme } from "../../tokens/theme/theme.cjs";
 
 //#region src/components/ChatFooter/components/Layout.d.ts
 type LayoutProps = {

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

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import "react/jsx-runtime";
 
 //#region src/components/ChatFooter/components/Layout.d.ts

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

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.cjs";
+import { Theme } from "../../tokens/theme/theme.cjs";
 
 //#region src/components/ChatFooter/components/PromptSuggestions.d.ts
 interface PromptSuggestionsProps {

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

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import "react/jsx-runtime";
 
 //#region src/components/ChatFooter/components/PromptSuggestions.d.ts

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 react0 from "react";
-import * as react_jsx_runtime2 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_runtime2.JSX.Element;
+  }: LayoutProps) => react_jsx_runtime30.JSX.Element;
   EnviveLogo: ({
     style
   }: {
     className?: string;
     style?: React.CSSProperties;
-  }) => react0.ReactElement<react0.SVGProps<SVGSVGElement>, string | react0.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_runtime2.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 react175 from "react";
-import * as react_jsx_runtime13 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_runtime13.JSX.Element;
+  }: LayoutProps) => react_jsx_runtime24.JSX.Element;
   EnviveLogo: ({
     style
   }: {
     className?: string;
     style?: React.CSSProperties;
-  }) => react175.ReactElement<react175.SVGProps<SVGSVGElement>, string | react175.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_runtime13.JSX.Element;
+  }: PromptSuggestionsProps) => react_jsx_runtime24.JSX.Element;
   TextField: ({
     theme,
     placeholder,

package/dist/ChatFooter/hooks/useGetChatScrollProperties.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');
 let react = require("react");
 
 //#region src/components/ChatFooter/hooks/useGetChatScrollProperties.ts

package/dist/ChatFooter/hooks/useGetChatScrollProperties.js

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { useMemo } from "react";
 
 //#region src/components/ChatFooter/hooks/useGetChatScrollProperties.ts

package/dist/ChatFooter/hooks/useGetContainerProperties.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');
 let react = require("react");
 
 //#region src/components/ChatFooter/hooks/useGetContainerProperties.ts
@@ -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

@@ -1,4 +1,4 @@
-import { Theme } from "../../components-v3/tokens/theme/theme.js";
+import { Theme } from "../../tokens/theme/theme.js";
 import { useMemo } from "react";
 
 //#region src/components/ChatFooter/hooks/useGetContainerProperties.ts
@@ -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/ChatFooter/types/types.d.cts

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

package/dist/ChatFooter/types/types.d.ts

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

package/dist/ChatHeader/ChatHeader.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');
 const require_index = require('./types/index.cjs');
 const require_index$1 = require('./components/index.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,