@envive-ai/react-toolkit-v3 0.3.25 → 0.3.26

package/dist/AnimatedText/AnimatedText.d.cts

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

package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime28 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_runtime28.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_theme = require('../../packages/components-v3/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 { Theme } from "../../packages/components-v3/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,6 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils = require('../../DesignTokens/components/utils.cjs');
 const require_colorsConfig = require('../../packages/components-v3/src/models/colorsConfig.cjs');
+const require_utils = require('../../DesignTokens/components/utils.cjs');
 let react = require("react");
 
 //#region src/components/CSSVariablesEditor/hooks/useGetCurrentMerchantColors.ts

package/dist/CSSVariablesEditor/hooks/useGetCurrentMerchantColors.js

@@ -1,5 +1,5 @@
-import { getCSSVariable } from "../../DesignTokens/components/utils.js";
 import { ColorNames } from "../../packages/components-v3/src/models/colorsConfig.js";
+import { getCSSVariable } from "../../DesignTokens/components/utils.js";
 import { useEffect, useState } from "react";
 
 //#region src/components/CSSVariablesEditor/hooks/useGetCurrentMerchantColors.ts

package/dist/CSSVariablesEditor/hooks/useGetDefaultCssVariables.cjs

@@ -1,14 +1,14 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
-const require_fontFamily = require('../../packages/components-v3/tokens/typography/fontFamily.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_colors = require('../../packages/components-v3/tokens/colors/colors.cjs');
 const require_aspectRatio = require('../../packages/components-v3/tokens/aspectRatio/aspectRatio.cjs');
-const require_colorsConfig = require('../../packages/components-v3/src/models/colorsConfig.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 { Theme, ThemeCSSVar } from "../../packages/components-v3/tokens/theme/theme.js";
-import { FontFamily, FontFamilyCSSVar } from "../../packages/components-v3/tokens/typography/fontFamily.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 { ButtonColorsVars, ColorsNamesVars } from "../../packages/components-v3/tokens/colors/colors.js";
 import { AspectRatio, AspectRatioCSSVar } from "../../packages/components-v3/tokens/aspectRatio/aspectRatio.js";
-import { ColorNames } from "../../packages/components-v3/src/models/colorsConfig.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_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
-const require_fontFamily = require('../../packages/components-v3/tokens/typography/fontFamily.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_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');
 
 //#region src/components/CSSVariablesEditor/hooks/useHandleUpdateCssVars.ts
 const useHandleUpdateCssVars = () => {

package/dist/CSSVariablesEditor/hooks/useHandleUpdateCssVars.js

@@ -1,12 +1,12 @@
-import { ThemeCSSVar } from "../../packages/components-v3/tokens/theme/theme.js";
-import { FontFamilyCSSVar } from "../../packages/components-v3/tokens/typography/fontFamily.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 { ButtonColorsVars, ColorsNamesVars } from "../../packages/components-v3/tokens/colors/colors.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/Carousel/Carousel.d.cts

@@ -1,5 +1,5 @@
 import { CarouselProps } from "./types/types.cjs";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 
 //#region src/components/Carousel/Carousel.d.ts
 declare const Carousel: ({
@@ -12,6 +12,6 @@ declare const Carousel: ({
   badgeContent,
   theme,
   hideNavigation
-}: CarouselProps) => react_jsx_runtime27.JSX.Element;
+}: CarouselProps) => react_jsx_runtime34.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_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 
 //#region src/components/Carousel/Carousel.d.ts
 declare const Carousel: ({
@@ -12,6 +12,6 @@ declare const Carousel: ({
   badgeContent,
   theme,
   hideNavigation
-}: CarouselProps) => react_jsx_runtime26.JSX.Element;
+}: CarouselProps) => react_jsx_runtime30.JSX.Element;
 //#endregion
 export { Carousel };

package/dist/Carousel/components/Badge.cjs

@@ -4,9 +4,9 @@ const require_index = require('../../Typography/types/index.cjs');
 const require_Typography = require('../../Typography/Typography.cjs');
 require('../../Typography/index.cjs');
 const require_useGetBadgeProperties = require('../hooks/useGetBadgeProperties.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/Carousel/components/Badge.tsx
 const Badge = ({ label, theme }) => {

package/dist/Carousel/components/Badge.js

@@ -3,8 +3,8 @@ import { TypographyColor, TypographyVariant } from "../../Typography/types/index
 import { Typography } from "../../Typography/Typography.js";
 import "../../Typography/index.js";
 import { useGetBadgeProperties } from "../hooks/useGetBadgeProperties.js";
-import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
 
 //#region src/components/Carousel/components/Badge.tsx
 const Badge = ({ label, theme }) => {

package/dist/Carousel/components/Container.cjs

@@ -8,8 +8,8 @@ const require_useCarouselNavigation = require('../hooks/useCarouselNavigation.cj
 const require_useCarouselNavigationButtons = require('../hooks/useCarouselNavigationButtons.cjs');
 const require_useCarouselButtons = require('../hooks/useCarouselButtons.cjs');
 let react = require("react");
-let react_indiana_drag_scroll = require("react-indiana-drag-scroll");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_indiana_drag_scroll = require("react-indiana-drag-scroll");
 
 //#region src/components/Carousel/components/Container.tsx
 const Container$1 = ({ children, className, id, testId, style, next, previous, badge }) => {

package/dist/Carousel/components/Container.js

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

package/dist/ChatFooter/ChatFooter.cjs

@@ -4,9 +4,9 @@ const require_resolveTheme = require('../utils/resolveTheme.cjs');
 require('../Tokens/index.cjs');
 const require_useGetChatScrollProperties = require('./hooks/useGetChatScrollProperties.cjs');
 const require_index = require('./components/index.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ChatFooter/ChatFooter.tsx
 const ChatFooter = ({ id, testId, className, style, theme = require_theme.Theme.GLOBAL_CUSTOM, promptSuggestions, handleButtonClick, isScrolled, onChange, onSubmit, onFocus, textFieldPlaceholderText, hideEnviveWatermark = false, disabled = false, isLoadingPromptSuggestions = false, disabledInput = false, inputClassName, parentWidget, voiceInputEnabled = false, onTranscriptionStarted, onTranscriptionCompleted }) => {

package/dist/ChatFooter/ChatFooter.d.cts

@@ -1,5 +1,5 @@
 import { ChatFooterProps } from "./types/types.cjs";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 
 //#region src/components/ChatFooter/ChatFooter.d.ts
 declare const ChatFooter: ({
@@ -24,6 +24,6 @@ declare const ChatFooter: ({
   voiceInputEnabled,
   onTranscriptionStarted,
   onTranscriptionCompleted
-}: ChatFooterProps) => react_jsx_runtime32.JSX.Element;
+}: ChatFooterProps) => react_jsx_runtime29.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_runtime24 from "react/jsx-runtime";
 
 //#region src/components/ChatFooter/ChatFooter.d.ts
 declare const ChatFooter: ({
@@ -24,6 +24,6 @@ declare const ChatFooter: ({
   voiceInputEnabled,
   onTranscriptionStarted,
   onTranscriptionCompleted
-}: ChatFooterProps) => react_jsx_runtime31.JSX.Element;
+}: ChatFooterProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { ChatFooter };

package/dist/ChatFooter/ChatFooter.js

@@ -3,8 +3,8 @@ import { resolveTheme } from "../utils/resolveTheme.js";
 import "../Tokens/index.js";
 import { useGetChatScrollProperties } from "./hooks/useGetChatScrollProperties.js";
 import { ChatFooterComponents } from "./components/index.js";
-import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
 
 //#region src/components/ChatFooter/ChatFooter.tsx
 const ChatFooter = ({ id, testId, className, style, theme = Theme.GLOBAL_CUSTOM, promptSuggestions, handleButtonClick, isScrolled, onChange, onSubmit, onFocus, textFieldPlaceholderText, hideEnviveWatermark = false, disabled = false, isLoadingPromptSuggestions = false, disabledInput = false, inputClassName, parentWidget, voiceInputEnabled = false, onTranscriptionStarted, onTranscriptionCompleted }) => {

package/dist/ChatFooter/components/Layout.cjs

@@ -5,9 +5,9 @@ const require_Container = require('../../Container/Container.cjs');
 require('../../Container/index.cjs');
 const require_useGetContainerProperties = require('../hooks/useGetContainerProperties.cjs');
 const require_useGetChatScrollProperties = require('../hooks/useGetChatScrollProperties.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
-let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/ChatFooter/components/Layout.tsx
 const Layout = ({ promptSuggestions, textField, enviveLogo, isScrolled, theme, hideEnviveWatermark, id, testId, className, style }) => {

package/dist/ChatFooter/components/Layout.js

@@ -4,8 +4,8 @@ import { Container } from "../../Container/Container.js";
 import "../../Container/index.js";
 import { useGetContainerProperties } from "../hooks/useGetContainerProperties.js";
 import { useGetChatScrollProperties } from "../hooks/useGetChatScrollProperties.js";
-import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
 
 //#region src/components/ChatFooter/components/Layout.tsx
 const Layout = ({ promptSuggestions, textField, enviveLogo, isScrolled, theme, hideEnviveWatermark, id, testId, className, style }) => {

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 react178 from "react";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react181 from "react";
+import * as react_jsx_runtime27 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_runtime30.JSX.Element;
+  }: LayoutProps) => react_jsx_runtime27.JSX.Element;
   EnviveLogo: ({
     style
   }: {
     className?: string;
     style?: React.CSSProperties;
-  }) => react178.ReactElement<react178.SVGProps<SVGSVGElement>, string | react178.JSXElementConstructor<any>>;
+  }) => react181.ReactElement<react181.SVGProps<SVGSVGElement>, string | react181.JSXElementConstructor<any>>;
   PromptSuggestions: ({
     theme,
     suggestions,
@@ -32,7 +32,7 @@ declare const ChatFooterComponents: {
     style,
     disabled,
     parentWidget
-  }: PromptSuggestionsProps) => react_jsx_runtime30.JSX.Element;
+  }: PromptSuggestionsProps) => react_jsx_runtime27.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 react8 from "react";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react179 from "react";
+import * as react_jsx_runtime22 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_runtime29.JSX.Element;
+  }: LayoutProps) => react_jsx_runtime22.JSX.Element;
   EnviveLogo: ({
     style
   }: {
     className?: string;
     style?: React.CSSProperties;
-  }) => react8.ReactElement<react8.SVGProps<SVGSVGElement>, string | react8.JSXElementConstructor<any>>;
+  }) => react179.ReactElement<react179.SVGProps<SVGSVGElement>, string | react179.JSXElementConstructor<any>>;
   PromptSuggestions: ({
     theme,
     suggestions,
@@ -32,7 +32,7 @@ declare const ChatFooterComponents: {
     style,
     disabled,
     parentWidget
-  }: PromptSuggestionsProps) => react_jsx_runtime29.JSX.Element;
+  }: PromptSuggestionsProps) => react_jsx_runtime22.JSX.Element;
   TextField: ({
     theme,
     placeholder,

package/dist/ChatHeader/ChatHeader.d.ts

@@ -1,5 +1,5 @@
 import { ChatHeaderProps } from "./types/index.js";
-import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/components/ChatHeader/ChatHeader.d.ts
 declare const ChatHeader: ({
@@ -21,6 +21,6 @@ declare const ChatHeader: ({
   headerBgColor,
   onClose,
   onToggle
-}: ChatHeaderProps) => react_jsx_runtime34.JSX.Element;
+}: ChatHeaderProps) => react_jsx_runtime33.JSX.Element;
 //#endregion
 export { ChatHeader };

package/dist/ChatHeader/hooks/useGetHandleProperties.cjs

@@ -1,5 +1,5 @@
-const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 const require_utils = require('../../packages/components-v3/tokens/utils.cjs');
+const require_theme = require('../../packages/components-v3/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,5 +1,5 @@
-import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { extractColorNameFromCssVar } from "../../packages/components-v3/tokens/utils.js";
+import { Theme } from "../../packages/components-v3/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_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 const require_utils = require('../../packages/components-v3/tokens/utils.cjs');
+const require_theme = require('../../packages/components-v3/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 { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { extractColorNameFromCssVar } from "../../packages/components-v3/tokens/utils.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { ChatHeaderVariant } from "../types/index.js";
 import classNames from "classnames";
 

package/dist/ChatHeader/hooks/useGetToggleOptionProperties.cjs

@@ -7,7 +7,7 @@ const require_index$1 = require('../types/index.cjs');
 const defaultContainerStandardClasses = "envive-tw-px-[8px] envive-tw-py-1 envive-tw-rounded-[var(--envive-global-custom-border-radius)] envive-tw-cursor-pointer";
 const defaultContainerModernClasses = "envive-tw-px-4 envive-tw-py-2 envive-tw-rounded-[var(--envive-global-custom-border-radius)] envive-tw-cursor-pointer";
 const defaultMinimalClasses = "envive-tw-cursor-pointer";
-const opacity = "envive-tw-opacity-50";
+const opacity = "envive-tw-opacity-70";
 const optionContainerClassesMap = (selected) => {
 	if (selected) return {
 		[require_theme.Theme.STANDARD]: {
@@ -45,12 +45,12 @@ const textClassesMap = (selected) => {
 			[require_index$1.ChatHeaderVariant.DARK]: "envive-tw-text-text-primary"
 		},
 		[require_theme.Theme.MODERN]: {
-			[require_index$1.ChatHeaderVariant.LIGHT]: `envive-tw-text-text-light`,
-			[require_index$1.ChatHeaderVariant.DARK]: `envive-tw-text-text-primary`
+			[require_index$1.ChatHeaderVariant.LIGHT]: `envive-tw-text-text-light envive-tw-font-semibold`,
+			[require_index$1.ChatHeaderVariant.DARK]: `envive-tw-text-text-primary envive-tw-font-semibold`
 		},
 		[require_theme.Theme.MINIMAL]: {
-			[require_index$1.ChatHeaderVariant.LIGHT]: "envive-tw-text-text-primary",
-			[require_index$1.ChatHeaderVariant.DARK]: "envive-tw-text-text-light"
+			[require_index$1.ChatHeaderVariant.LIGHT]: "envive-tw-text-text-primary envive-tw-font-semibold",
+			[require_index$1.ChatHeaderVariant.DARK]: "envive-tw-text-text-light envive-tw-font-semibold"
 		}
 	};
 	return {
@@ -70,7 +70,7 @@ const textClassesMap = (selected) => {
 };
 const useGetToggleOptionProperties = (selected, theme, variant) => {
 	const itemContainerClasses = optionContainerClassesMap(selected)[theme][variant];
-	const logoClasses = `envive-tw-h-[12px] envive-tw-max-w-[100px] ${!selected ? "envive-tw-opacity-50" : ""}`;
+	const logoClasses = `envive-tw-h-[12px] envive-tw-max-w-[100px] ${!selected ? "envive-tw-opacity-70" : ""}`;
 	return {
 		itemContainerClasses,
 		textClasses: textClassesMap(selected)[theme][variant],

package/dist/ChatHeader/hooks/useGetToggleOptionProperties.js

@@ -7,7 +7,7 @@ import { ChatHeaderVariant } from "../types/index.js";
 const defaultContainerStandardClasses = "envive-tw-px-[8px] envive-tw-py-1 envive-tw-rounded-[var(--envive-global-custom-border-radius)] envive-tw-cursor-pointer";
 const defaultContainerModernClasses = "envive-tw-px-4 envive-tw-py-2 envive-tw-rounded-[var(--envive-global-custom-border-radius)] envive-tw-cursor-pointer";
 const defaultMinimalClasses = "envive-tw-cursor-pointer";
-const opacity = "envive-tw-opacity-50";
+const opacity = "envive-tw-opacity-70";
 const optionContainerClassesMap = (selected) => {
 	if (selected) return {
 		[Theme.STANDARD]: {
@@ -45,12 +45,12 @@ const textClassesMap = (selected) => {
 			[ChatHeaderVariant.DARK]: "envive-tw-text-text-primary"
 		},
 		[Theme.MODERN]: {
-			[ChatHeaderVariant.LIGHT]: `envive-tw-text-text-light`,
-			[ChatHeaderVariant.DARK]: `envive-tw-text-text-primary`
+			[ChatHeaderVariant.LIGHT]: `envive-tw-text-text-light envive-tw-font-semibold`,
+			[ChatHeaderVariant.DARK]: `envive-tw-text-text-primary envive-tw-font-semibold`
 		},
 		[Theme.MINIMAL]: {
-			[ChatHeaderVariant.LIGHT]: "envive-tw-text-text-primary",
-			[ChatHeaderVariant.DARK]: "envive-tw-text-text-light"
+			[ChatHeaderVariant.LIGHT]: "envive-tw-text-text-primary envive-tw-font-semibold",
+			[ChatHeaderVariant.DARK]: "envive-tw-text-text-light envive-tw-font-semibold"
 		}
 	};
 	return {
@@ -70,7 +70,7 @@ const textClassesMap = (selected) => {
 };
 const useGetToggleOptionProperties = (selected, theme, variant) => {
 	const itemContainerClasses = optionContainerClassesMap(selected)[theme][variant];
-	const logoClasses = `envive-tw-h-[12px] envive-tw-max-w-[100px] ${!selected ? "envive-tw-opacity-50" : ""}`;
+	const logoClasses = `envive-tw-h-[12px] envive-tw-max-w-[100px] ${!selected ? "envive-tw-opacity-70" : ""}`;
 	return {
 		itemContainerClasses,
 		textClasses: textClassesMap(selected)[theme][variant],

package/dist/ChatPreview/ChatPreview.d.cts

@@ -1,5 +1,5 @@
 import { ChatPreviewProps } from "./types/types.cjs";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime30 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_runtime26.JSX.Element;
+}: ChatPreviewProps) => react_jsx_runtime30.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_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime26 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_runtime33.JSX.Element;
+}: ChatPreviewProps) => react_jsx_runtime26.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_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime31 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_runtime31.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_runtime36 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_runtime36.JSX.Element;
+}: ChatPreviewComparisonProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 export { ChatPreviewComparison };

package/dist/ChatPreviewComparison/components/Layout.cjs

@@ -1,13 +1,13 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_utils = require('../../DesignTokens/components/utils.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_breakpoints = require('../../packages/components-v3/tokens/breakpoints/breakpoints.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_utils = require('../../DesignTokens/components/utils.cjs');
 const require_resolveTheme = require('../../utils/resolveTheme.cjs');
-const require_aspectRatio = require('../../packages/components-v3/tokens/aspectRatio/aspectRatio.cjs');
 require('../../Tokens/index.cjs');
 const require_utils_useCheckIsMobile = require('../../utils/useCheckIsMobile.cjs');
 const require_useGetContentSize = require('../../utils/useGetContentSize.cjs');

package/dist/ChatPreviewComparison/components/Layout.js

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

package/dist/ChatPreviewLoading/ChatPreviewLoading.d.cts

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