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

package/dist/AnimatedText/AnimatedText.cjs

@@ -6,15 +6,18 @@ const DEFAULT_TYPING_DURATION = 400;
 const DEFAULT_TRANSITION = 3e3;
 const AnimatedText = (0, react.memo)(({ sequence, typingDuration = DEFAULT_TYPING_DURATION, transition = DEFAULT_TRANSITION, loop = true, getNodeWrapper }) => {
 	const [currentText, setCurrentText] = (0, react.useState)("");
+	const timeoutsRef = (0, react.useRef)([]);
+	const isMountedRef = (0, react.useRef)(true);
 	const getCurrentTimeout = (currentSequence) => {
 		return currentSequence.length > 1 ? typingDuration / (currentSequence.length - 1) : 0;
 	};
 	const delayCharRender = async (text, timeout) => {
 		return new Promise((resolve) => {
-			setTimeout(() => {
-				setCurrentText(text);
+			const timeoutId = setTimeout(() => {
+				if (isMountedRef.current) setCurrentText(text);
 				resolve();
 			}, timeout);
+			timeoutsRef.current.push(timeoutId);
 		});
 	};
 	const animateChars = async (text, timeout) => {
@@ -25,16 +28,28 @@ const AnimatedText = (0, react.memo)(({ sequence, typingDuration = DEFAULT_TYPIN
 			const text = sequence[i];
 			await animateChars(text, getCurrentTimeout(text));
 			await new Promise((resolve) => {
-				setTimeout(resolve, transition);
+				const timeoutId = setTimeout(() => {
+					resolve();
+				}, transition);
+				timeoutsRef.current.push(timeoutId);
 			});
 		}
 		return loop;
 	};
 	(0, react.useEffect)(() => {
+		isMountedRef.current = true;
+		timeoutsRef.current = [];
 		(async () => {
 			let repeat = true;
-			while (repeat) repeat = await animateSequence();
+			while (repeat && isMountedRef.current) repeat = await animateSequence();
 		})();
+		return () => {
+			isMountedRef.current = false;
+			timeoutsRef.current.forEach((timeoutId) => {
+				clearTimeout(timeoutId);
+			});
+			timeoutsRef.current = [];
+		};
 	}, [
 		sequence,
 		typingDuration,
@@ -42,6 +57,7 @@ const AnimatedText = (0, react.memo)(({ sequence, typingDuration = DEFAULT_TYPIN
 	]);
 	return getNodeWrapper(currentText);
 });
+AnimatedText.displayName = "AnimatedText";
 
 //#endregion
 exports.AnimatedText = AnimatedText;

package/dist/AnimatedText/AnimatedText.d.cts

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

package/dist/AnimatedText/AnimatedText.d.ts

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

package/dist/AnimatedText/AnimatedText.js

@@ -1,19 +1,22 @@
-import { memo, useEffect, useState } from "react";
+import { memo, useEffect, useRef, useState } from "react";
 
 //#region src/components/AnimatedText/AnimatedText.tsx
 const DEFAULT_TYPING_DURATION = 400;
 const DEFAULT_TRANSITION = 3e3;
 const AnimatedText = memo(({ sequence, typingDuration = DEFAULT_TYPING_DURATION, transition = DEFAULT_TRANSITION, loop = true, getNodeWrapper }) => {
 	const [currentText, setCurrentText] = useState("");
+	const timeoutsRef = useRef([]);
+	const isMountedRef = useRef(true);
 	const getCurrentTimeout = (currentSequence) => {
 		return currentSequence.length > 1 ? typingDuration / (currentSequence.length - 1) : 0;
 	};
 	const delayCharRender = async (text, timeout) => {
 		return new Promise((resolve) => {
-			setTimeout(() => {
-				setCurrentText(text);
+			const timeoutId = setTimeout(() => {
+				if (isMountedRef.current) setCurrentText(text);
 				resolve();
 			}, timeout);
+			timeoutsRef.current.push(timeoutId);
 		});
 	};
 	const animateChars = async (text, timeout) => {
@@ -24,16 +27,28 @@ const AnimatedText = memo(({ sequence, typingDuration = DEFAULT_TYPING_DURATION,
 			const text = sequence[i];
 			await animateChars(text, getCurrentTimeout(text));
 			await new Promise((resolve) => {
-				setTimeout(resolve, transition);
+				const timeoutId = setTimeout(() => {
+					resolve();
+				}, transition);
+				timeoutsRef.current.push(timeoutId);
 			});
 		}
 		return loop;
 	};
 	useEffect(() => {
+		isMountedRef.current = true;
+		timeoutsRef.current = [];
 		(async () => {
 			let repeat = true;
-			while (repeat) repeat = await animateSequence();
+			while (repeat && isMountedRef.current) repeat = await animateSequence();
 		})();
+		return () => {
+			isMountedRef.current = false;
+			timeoutsRef.current.forEach((timeoutId) => {
+				clearTimeout(timeoutId);
+			});
+			timeoutsRef.current = [];
+		};
 	}, [
 		sequence,
 		typingDuration,
@@ -41,6 +56,7 @@ const AnimatedText = memo(({ sequence, typingDuration = DEFAULT_TYPING_DURATION,
 	]);
 	return getNodeWrapper(currentText);
 });
+AnimatedText.displayName = "AnimatedText";
 
 //#endregion
 export { AnimatedText };

package/dist/AnimatedText/types/types.d.cts

@@ -1,13 +1,9 @@
-import { TypographyColor, TypographyVariant } from "../../Typography/types/index.cjs";
-
 //#region src/components/AnimatedText/types/types.d.ts
 interface AnimatedTextProps {
   sequence: string[];
   typingDuration?: number;
   transition?: number;
   loop?: boolean;
-  textVariant?: TypographyVariant;
-  textColor?: TypographyColor;
   getNodeWrapper: (text: string) => React.ReactNode;
 }
 //#endregion

package/dist/AnimatedText/types/types.d.ts

@@ -1,13 +1,9 @@
-import { TypographyColor, TypographyVariant } from "../../Typography/types/index.js";
-
 //#region src/components/AnimatedText/types/types.d.ts
 interface AnimatedTextProps {
   sequence: string[];
   typingDuration?: number;
   transition?: number;
   loop?: boolean;
-  textVariant?: TypographyVariant;
-  textColor?: TypographyColor;
   getNodeWrapper: (text: string) => React.ReactNode;
 }
 //#endregion

package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.cts

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

package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.ts

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

package/dist/CSSVariablesEditor/components/CSSVariablesEditor.cjs

@@ -3,8 +3,8 @@ const require_useGetCurrentMerchantColors = require('../hooks/useGetCurrentMerch
 const require_useGetDefaultCssVariables = require('../hooks/useGetDefaultCssVariables.cjs');
 const require_functions = require('../utils/functions.cjs');
 const require_useHandleCssVariablesState = require('../hooks/useHandleCssVariablesState.cjs');
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 
 //#region src/components/CSSVariablesEditor/components/CSSVariablesEditor.tsx
 const CSSVariablesEditor = ({ selectedMerchantName }) => {

package/dist/CSSVariablesEditor/components/CSSVariablesEditor.js

@@ -2,8 +2,8 @@ import { useGetCurrentMerchantColors } from "../hooks/useGetCurrentMerchantColor
 import { useGetDefaultCssVariables } from "../hooks/useGetDefaultCssVariables.js";
 import { hexToColorPicker } from "../utils/functions.js";
 import { useHandleCssVariablesState } from "../hooks/useHandleCssVariablesState.js";
-import { useMemo } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
 
 //#region src/components/CSSVariablesEditor/components/CSSVariablesEditor.tsx
 const CSSVariablesEditor = ({ selectedMerchantName }) => {

package/dist/CSSVariablesEditor/hooks/useGetCssVariablesOptions.cjs

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.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');
+const require_colors = require('../../packages/components-v3/tokens/colors/colors.cjs');
+const require_aspectRatio = require('../../packages/components-v3/tokens/aspectRatio/aspectRatio.cjs');
+const require_theme = require('../../packages/components-v3/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 "../../tokens/colors/colors.js";
-import { AspectRatio } from "../../tokens/aspectRatio/aspectRatio.js";
-import { Theme } from "../../tokens/theme/theme.js";
+import { ColorsNamesVars } from "../../packages/components-v3/tokens/colors/colors.js";
+import { AspectRatio } from "../../packages/components-v3/tokens/aspectRatio/aspectRatio.js";
+import { Theme } from "../../packages/components-v3/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('../../src/models/colorsConfig.cjs');
+const require_colorsConfig = require('../../packages/components-v3/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 "../../src/models/colorsConfig.js";
+import { ColorNames } from "../../packages/components-v3/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('../../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_colorsConfig = require('../../packages/components-v3/src/models/colorsConfig.cjs');
+const require_colors = require('../../packages/components-v3/tokens/colors/colors.cjs');
+const require_fontSize = require('../../packages/components-v3/tokens/typography/fontSize.cjs');
+const require_fontWeight = require('../../packages/components-v3/tokens/typography/fontWeight.cjs');
+const require_lineHeight = require('../../packages/components-v3/tokens/typography/lineHeight.cjs');
+const require_letterSpacing = require('../../packages/components-v3/tokens/typography/letterSpacing.cjs');
+const require_fontFamily = require('../../packages/components-v3/tokens/typography/fontFamily.cjs');
+const require_radius = require('../../packages/components-v3/tokens/radius/radius.cjs');
+const require_aspectRatio = require('../../packages/components-v3/tokens/aspectRatio/aspectRatio.cjs');
+const require_theme = require('../../packages/components-v3/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 "../../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 { ColorNames } from "../../packages/components-v3/src/models/colorsConfig.js";
+import { ButtonColorsVars, ColorsNamesVars } from "../../packages/components-v3/tokens/colors/colors.js";
+import { FontSizeCSSVar, fontSize } from "../../packages/components-v3/tokens/typography/fontSize.js";
+import { FontWeightCSSVar, fontWeight } from "../../packages/components-v3/tokens/typography/fontWeight.js";
+import { LineHeightCSSVar, convertLineHeightToPercentage, lineHeight } from "../../packages/components-v3/tokens/typography/lineHeight.js";
+import { LetterSpacingCSSVar, letterSpacing } from "../../packages/components-v3/tokens/typography/letterSpacing.js";
+import { FontFamily, FontFamilyCSSVar } from "../../packages/components-v3/tokens/typography/fontFamily.js";
+import { BorderRadiusCSSVar } from "../../packages/components-v3/tokens/radius/radius.js";
+import { AspectRatio, AspectRatioCSSVar } from "../../packages/components-v3/tokens/aspectRatio/aspectRatio.js";
+import { Theme, ThemeCSSVar } from "../../packages/components-v3/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('../../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_colors = require('../../packages/components-v3/tokens/colors/colors.cjs');
+const require_fontSize = require('../../packages/components-v3/tokens/typography/fontSize.cjs');
+const require_fontWeight = require('../../packages/components-v3/tokens/typography/fontWeight.cjs');
+const require_lineHeight = require('../../packages/components-v3/tokens/typography/lineHeight.cjs');
+const require_letterSpacing = require('../../packages/components-v3/tokens/typography/letterSpacing.cjs');
+const require_fontFamily = require('../../packages/components-v3/tokens/typography/fontFamily.cjs');
+const require_radius = require('../../packages/components-v3/tokens/radius/radius.cjs');
+const require_aspectRatio = require('../../packages/components-v3/tokens/aspectRatio/aspectRatio.cjs');
+const require_theme = require('../../packages/components-v3/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 "../../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";
+import { ButtonColorsVars, ColorsNamesVars } from "../../packages/components-v3/tokens/colors/colors.js";
+import { FontSizeCSSVar } from "../../packages/components-v3/tokens/typography/fontSize.js";
+import { FontWeightCSSVar } from "../../packages/components-v3/tokens/typography/fontWeight.js";
+import { LineHeightCSSVar, convertPercentageTolineHeight } from "../../packages/components-v3/tokens/typography/lineHeight.js";
+import { LetterSpacingCSSVar } from "../../packages/components-v3/tokens/typography/letterSpacing.js";
+import { FontFamilyCSSVar } from "../../packages/components-v3/tokens/typography/fontFamily.js";
+import { BorderRadiusCSSVar } from "../../packages/components-v3/tokens/radius/radius.js";
+import { AspectRatioCSSVar, convertAspectRatioNameToStyle } from "../../packages/components-v3/tokens/aspectRatio/aspectRatio.js";
+import { ThemeCSSVar } from "../../packages/components-v3/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('../../tokens/typography/lineHeight.cjs');
-const require_aspectRatio = require('../../tokens/aspectRatio/aspectRatio.cjs');
+const require_lineHeight = require('../../packages/components-v3/tokens/typography/lineHeight.cjs');
+const require_aspectRatio = require('../../packages/components-v3/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 "../../tokens/typography/lineHeight.js";
-import { AspectRatioCSSVar, convertAspectRatioStyleToName } from "../../tokens/aspectRatio/aspectRatio.js";
+import { convertLineHeightToPercentage } from "../../packages/components-v3/tokens/typography/lineHeight.js";
+import { AspectRatioCSSVar, convertAspectRatioStyleToName } from "../../packages/components-v3/tokens/aspectRatio/aspectRatio.js";
 
 //#region src/components/CSSVariablesEditor/utils/functions.ts
 const hexToColorPicker = (value) => {

package/dist/Carousel/Carousel.cjs

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../tokens/theme/theme.cjs');
-const require_index = require('./components/index.cjs');
+const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
 const require_resolveTheme = require('../utils/resolveTheme.cjs');
+const require_index = require('./components/index.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/Carousel/Carousel.tsx

package/dist/Carousel/Carousel.d.cts

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

package/dist/Carousel/Carousel.js

@@ -1,6 +1,6 @@
-import { Theme } from "../tokens/theme/theme.js";
-import { CarouselComponents } from "./components/index.js";
+import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
 import { resolveTheme } from "../utils/resolveTheme.js";
+import { CarouselComponents } from "./components/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Carousel/Carousel.tsx

package/dist/Carousel/components/Container.cjs

@@ -1,14 +1,14 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Stack = require('../../Stack/Stack.cjs');
-require('../../Stack/index.cjs');
 const require_Container = require('../../Container/Container.cjs');
 require('../../Container/index.cjs');
+const require_Stack = require('../../Stack/Stack.cjs');
+require('../../Stack/index.cjs');
 const require_useCarouselItems = require('../hooks/useCarouselItems.cjs');
 const require_useCarouselNavigation = require('../hooks/useCarouselNavigation.cjs');
 const require_useCarouselNavigationButtons = require('../hooks/useCarouselNavigationButtons.cjs');
 const require_useCarouselButtons = require('../hooks/useCarouselButtons.cjs');
-let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
 
 //#region src/components/Carousel/components/Container.tsx
 const Container$1 = ({ children, className, id, testId, style, next, previous, badge }) => {

package/dist/Carousel/components/Container.js

@@ -1,13 +1,13 @@
-import { Stack } from "../../Stack/Stack.js";
-import "../../Stack/index.js";
 import { Container } from "../../Container/Container.js";
 import "../../Container/index.js";
+import { Stack } from "../../Stack/Stack.js";
+import "../../Stack/index.js";
 import { useCarouselItems } from "../hooks/useCarouselItems.js";
 import { useCarouselNavigation } from "../hooks/useCarouselNavigation.js";
 import { useCarouselNavigationButtons } from "../hooks/useCarouselNavigationButtons.js";
 import { useCarouselButtons } from "../hooks/useCarouselButtons.js";
-import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
 
 //#region src/components/Carousel/components/Container.tsx
 const Container$1 = ({ children, className, id, testId, style, next, previous, badge }) => {

package/dist/Carousel/hooks/useGetBadgeProperties.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/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 "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { useMemo } from "react";
 
 //#region src/components/Carousel/hooks/useGetBadgeProperties.ts

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

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

package/dist/ChatFooter/ChatFooter.cjs

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../tokens/theme/theme.cjs');
-const require_resolveTheme = require('../utils/resolveTheme.cjs');
+const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
 require('../Tokens/index.cjs');
+const require_resolveTheme = require('../utils/resolveTheme.cjs');
 const require_useGetChatScrollProperties = require('./hooks/useGetChatScrollProperties.cjs');
 const require_index = require('./components/index.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/ChatFooter/ChatFooter.d.ts

@@ -1,5 +1,5 @@
 import { ChatFooterProps } from "./types/types.js";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime31 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_runtime26.JSX.Element;
+}: ChatFooterProps) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { ChatFooter };

package/dist/ChatFooter/ChatFooter.js

@@ -1,6 +1,6 @@
-import { Theme } from "../tokens/theme/theme.js";
-import { resolveTheme } from "../utils/resolveTheme.js";
+import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
 import "../Tokens/index.js";
+import { resolveTheme } from "../utils/resolveTheme.js";
 import { useGetChatScrollProperties } from "./hooks/useGetChatScrollProperties.js";
 import { ChatFooterComponents } from "./components/index.js";
 import { jsx } from "react/jsx-runtime";

package/dist/ChatFooter/components/Layout.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_Stack = require('../../Stack/Stack.cjs');
-require('../../Stack/index.cjs');
 const require_Container = require('../../Container/Container.cjs');
 require('../../Container/index.cjs');
+const require_Stack = require('../../Stack/Stack.cjs');
+require('../../Stack/index.cjs');
 const require_useGetContainerProperties = require('../hooks/useGetContainerProperties.cjs');
 const require_useGetButtonScrollProperties = require('../hooks/useGetButtonScrollProperties.cjs');
 const require_useGetChatScrollProperties = require('../hooks/useGetChatScrollProperties.cjs');

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

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

package/dist/ChatFooter/components/Layout.js

@@ -1,7 +1,7 @@
-import { Stack } from "../../Stack/Stack.js";
-import "../../Stack/index.js";
 import { Container } from "../../Container/Container.js";
 import "../../Container/index.js";
+import { Stack } from "../../Stack/Stack.js";
+import "../../Stack/index.js";
 import { useGetContainerProperties } from "../hooks/useGetContainerProperties.js";
 import { useGetButtonScrollProperties } from "../hooks/useGetButtonScrollProperties.js";
 import { useGetChatScrollProperties } from "../hooks/useGetChatScrollProperties.js";

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

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

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

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