@envive-ai/react-toolkit-v3 0.3.11 → 0.3.13

package/dist/AnimatedText/AnimatedText.d.cts

@@ -1,13 +1,13 @@
 import { AnimatedTextProps } from "./types/types.cjs";
-import * as react13 from "react";
+import * as react181 from "react";
 
 //#region src/components/AnimatedText/AnimatedText.d.ts
-declare const AnimatedText: react13.MemoExoticComponent<({
+declare const AnimatedText: react181.MemoExoticComponent<({
   sequence,
   typingDuration,
   transition,
   loop,
   getNodeWrapper
-}: AnimatedTextProps) => react13.ReactNode>;
+}: AnimatedTextProps) => react181.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_runtime27 from "react/jsx-runtime";
 
 //#region src/components/CSSVariablesEditor/CssVariablesEditorComponent.d.ts
 declare const CssVariablesEditorComponent: ({
   selectedMerchantName
 }: {
   selectedMerchantName: string;
-}) => react_jsx_runtime29.JSX.Element;
+}) => react_jsx_runtime27.JSX.Element;
 //#endregion
 export { CssVariablesEditorComponent };

package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.ts

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

package/dist/Carousel/Carousel.d.cts

@@ -1,5 +1,5 @@
 import { CarouselProps } from "./types/types.cjs";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime32 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_runtime32.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_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime26 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_runtime26.JSX.Element;
 //#endregion
 export { Carousel };

package/dist/Carousel/components/Container.cjs

@@ -9,10 +9,16 @@ const require_useCarouselNavigationButtons = require('../hooks/useCarouselNaviga
 const require_useCarouselButtons = require('../hooks/useCarouselButtons.cjs');
 let react = require("react");
 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 }) => {
+	const { ref: dragScrollRef } = (0, react_indiana_drag_scroll.useScrollContainer)();
 	const scrollContainerRef = (0, react.useRef)(null);
+	const setRef = (0, react.useCallback)((el) => {
+		if (typeof dragScrollRef === "function") dragScrollRef(el);
+		scrollContainerRef.current = el;
+	}, [dragScrollRef]);
 	const { items, totalItems } = require_useCarouselItems.useCarouselItems(children);
 	const { handleNext, handlePrevious } = require_useCarouselNavigation.useCarouselNavigation({
 		scrollContainerRef,
@@ -43,11 +49,13 @@ const Container$1 = ({ children, className, id, testId, style, next, previous, b
 					children: previousButton
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					ref: scrollContainerRef,
-					className: "[&::-webkit-scrollbar]:hidden envive-tw-flex envive-tw-gap-4 envive-tw-overflow-x-auto envive-tw-scroll-smooth",
+					ref: setRef,
+					className: "[&::-webkit-scrollbar]:hidden envive-tw-flex envive-tw-gap-4 envive-tw-overflow-x-auto",
 					style: {
 						scrollbarWidth: "none",
-						msOverflowStyle: "none"
+						msOverflowStyle: "none",
+						cursor: "grab",
+						userSelect: "none"
 					},
 					children: items.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						"data-carousel-item": true,

package/dist/Carousel/components/Container.js

@@ -6,12 +6,18 @@ 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 { useCallback, useRef } from "react";
 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 }) => {
+	const { ref: dragScrollRef } = useScrollContainer();
 	const scrollContainerRef = useRef(null);
+	const setRef = useCallback((el) => {
+		if (typeof dragScrollRef === "function") dragScrollRef(el);
+		scrollContainerRef.current = el;
+	}, [dragScrollRef]);
 	const { items, totalItems } = useCarouselItems(children);
 	const { handleNext, handlePrevious } = useCarouselNavigation({
 		scrollContainerRef,
@@ -42,11 +48,13 @@ const Container$1 = ({ children, className, id, testId, style, next, previous, b
 					children: previousButton
 				}),
 				/* @__PURE__ */ jsx("div", {
-					ref: scrollContainerRef,
-					className: "[&::-webkit-scrollbar]:hidden envive-tw-flex envive-tw-gap-4 envive-tw-overflow-x-auto envive-tw-scroll-smooth",
+					ref: setRef,
+					className: "[&::-webkit-scrollbar]:hidden envive-tw-flex envive-tw-gap-4 envive-tw-overflow-x-auto",
 					style: {
 						scrollbarWidth: "none",
-						msOverflowStyle: "none"
+						msOverflowStyle: "none",
+						cursor: "grab",
+						userSelect: "none"
 					},
 					children: items.map((item, index) => /* @__PURE__ */ jsx("div", {
 						"data-carousel-item": true,

package/dist/ChatFooter/ChatFooter.d.cts

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

package/dist/ChatFooter/components/Layout.cjs

@@ -4,7 +4,6 @@ require('../../Stack/index.cjs');
 const require_Container = require('../../Container/Container.cjs');
 require('../../Container/index.cjs');
 const require_useGetContainerProperties = require('../hooks/useGetContainerProperties.cjs');
-const require_useGetButtonScrollProperties = require('../hooks/useGetButtonScrollProperties.cjs');
 const require_useGetChatScrollProperties = require('../hooks/useGetChatScrollProperties.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
@@ -16,7 +15,6 @@ const Layout = ({ promptSuggestions, textField, enviveLogo, isScrolled, theme, h
 		isScrolled,
 		theme
 	});
-	const { buttonScrollClasses, buttonScrollStyle } = require_useGetButtonScrollProperties.useGetButtonScrollProperties();
 	const { footerVisibleClasses, footerVisibleOpacityClass } = require_useGetChatScrollProperties.useGetChatScrollProperties(isScrolled, theme);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Container.Container, {
 		id,
@@ -27,12 +25,8 @@ const Layout = ({ promptSuggestions, textField, enviveLogo, isScrolled, theme, h
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
 			gap: 2,
 			children: [
-				!isScrolled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, {
-					direction: "row",
-					align: "center",
-					gap: "2",
-					style: buttonScrollStyle,
-					className: (0, classnames.default)(footerVisibleClasses, footerVisibleOpacityClass, buttonScrollClasses),
+				!isScrolled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: (0, classnames.default)(footerVisibleClasses, footerVisibleOpacityClass),
 					children: promptSuggestions
 				}),
 				textField,

package/dist/ChatFooter/components/Layout.js

@@ -3,7 +3,6 @@ import "../../Stack/index.js";
 import { Container } from "../../Container/Container.js";
 import "../../Container/index.js";
 import { useGetContainerProperties } from "../hooks/useGetContainerProperties.js";
-import { useGetButtonScrollProperties } from "../hooks/useGetButtonScrollProperties.js";
 import { useGetChatScrollProperties } from "../hooks/useGetChatScrollProperties.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
@@ -14,7 +13,6 @@ const Layout = ({ promptSuggestions, textField, enviveLogo, isScrolled, theme, h
 		isScrolled,
 		theme
 	});
-	const { buttonScrollClasses, buttonScrollStyle } = useGetButtonScrollProperties();
 	const { footerVisibleClasses, footerVisibleOpacityClass } = useGetChatScrollProperties(isScrolled, theme);
 	return /* @__PURE__ */ jsx(Container, {
 		id,
@@ -25,12 +23,8 @@ const Layout = ({ promptSuggestions, textField, enviveLogo, isScrolled, theme, h
 		children: /* @__PURE__ */ jsxs(Stack, {
 			gap: 2,
 			children: [
-				!isScrolled && /* @__PURE__ */ jsx(Stack, {
-					direction: "row",
-					align: "center",
-					gap: "2",
-					style: buttonScrollStyle,
-					className: classNames(footerVisibleClasses, footerVisibleOpacityClass, buttonScrollClasses),
+				!isScrolled && /* @__PURE__ */ jsx("div", {
+					className: classNames(footerVisibleClasses, footerVisibleOpacityClass),
 					children: promptSuggestions
 				}),
 				textField,

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

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

@@ -2,7 +2,7 @@ import { LayoutProps } from "./Layout.js";
 import { PromptSuggestionsProps } from "./PromptSuggestions.js";
 import { TextFieldProps } from "../../TextField/types/index.js";
 import * as react181 from "react";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 
 //#region src/components/ChatFooter/components/index.d.ts
 declare const ChatFooterComponents: {
@@ -17,7 +17,7 @@ declare const ChatFooterComponents: {
     testId,
     className,
     style
-  }: LayoutProps) => react_jsx_runtime29.JSX.Element;
+  }: LayoutProps) => react_jsx_runtime28.JSX.Element;
   EnviveLogo: ({
     style
   }: {
@@ -31,7 +31,7 @@ declare const ChatFooterComponents: {
     className,
     style,
     disabled
-  }: PromptSuggestionsProps) => react_jsx_runtime29.JSX.Element;
+  }: PromptSuggestionsProps) => react_jsx_runtime28.JSX.Element;
   TextField: ({
     theme,
     placeholder,

package/dist/ChatHeader/ChatHeader.d.cts

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

package/dist/ChatHeader/ChatHeader.d.ts

@@ -1,5 +1,5 @@
 import { ChatHeaderProps } from "./types/index.js";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime27 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_runtime32.JSX.Element;
+}: ChatHeaderProps) => react_jsx_runtime27.JSX.Element;
 //#endregion
 export { ChatHeader };

package/dist/ChatHeader/hooks/useGetCloseButtonProperties.cjs

@@ -19,7 +19,7 @@ const iconClassMap = {
 };
 const useGetCloseButtonProperties = (theme, variant) => {
 	return {
-		closeButtonClasses: "envive-tw-justify-end",
+		closeButtonClasses: "envive-tw-flex envive-tw-flex-1 envive-tw-justify-end",
 		iconClasses: (0, classnames.default)("envive-tw-h-4 envive-tw-w-4 envive-tw-cursor-pointer", iconClassMap[theme][variant])
 	};
 };

package/dist/ChatHeader/hooks/useGetCloseButtonProperties.js

@@ -17,7 +17,7 @@ const iconClassMap = {
 };
 const useGetCloseButtonProperties = (theme, variant) => {
 	return {
-		closeButtonClasses: "envive-tw-justify-end",
+		closeButtonClasses: "envive-tw-flex envive-tw-flex-1 envive-tw-justify-end",
 		iconClasses: classNames("envive-tw-h-4 envive-tw-w-4 envive-tw-cursor-pointer", iconClassMap[theme][variant])
 	};
 };

package/dist/ChatPreview/ChatPreview.d.cts

@@ -1,5 +1,5 @@
 import { ChatPreviewProps } from "./types/types.cjs";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime31 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_runtime23.JSX.Element;
+}: ChatPreviewProps) => react_jsx_runtime31.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_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime35 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_runtime24.JSX.Element;
+}: ChatPreviewProps) => react_jsx_runtime35.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_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/ChatPreviewComparison/ChatPreviewComparison.d.ts
 declare const ChatPreviewComparison: ({
@@ -7,6 +7,6 @@ declare const ChatPreviewComparison: ({
   widgetContentProps,
   widgetStyleProps,
   widgetEventProps
-}: ChatPreviewComparisonProps) => react_jsx_runtime28.JSX.Element;
+}: ChatPreviewComparisonProps) => react_jsx_runtime24.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_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime32 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_runtime33.JSX.Element;
+}: ChatPreviewComparisonProps) => react_jsx_runtime32.JSX.Element;
 //#endregion
 export { ChatPreviewComparison };

package/dist/ChatPreviewComparison/components/Layout.cjs

@@ -23,7 +23,8 @@ const Layout = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, headline, message,
 	const isTablet = !isMobile && viewportWidth !== void 0 && viewportWidth < require_breakpoints.screensBreakpointsVariables.lg;
 	const finalTheme = require_resolveTheme.resolveTheme(theme);
 	const isPortrait = require_utils.getCSSVariable(`--${require_aspectRatio.AspectRatioCSSVar.GlobalCustom}`) === "3/4";
-	const isStandardAndMobile = finalTheme === require_theme.Theme.STANDARD && isMobile;
+	const isStandardTheme = finalTheme === require_theme.Theme.STANDARD;
+	const isStandardAndMobile = isStandardTheme && isMobile;
 	const { height, ref } = require_useGetContentSize.useGetContentSize({ heightDefault: 145 });
 	const imageGalleryWidth = require_functions.calculateWidthImageGallery(height, 2, 1);
 	const hideImageGallery = hideImage || !images || images.length === 0;
@@ -36,8 +37,8 @@ const Layout = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, headline, message,
 				direction: "row",
 				gap: "4",
 				children: [hideImageGallery ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Container.Container, {
-					fluid: isMobile || !isStandardAndMobile,
-					className: isMobile && !isStandardAndMobile ? "envive-tw-w-full" : "",
+					fluid: isMobile || !isStandardTheme,
+					className: isMobile && !isStandardTheme ? "envive-tw-w-full" : "envive-tw-w-auto",
 					style: {
 						height: (() => {
 							if (isStandardAndMobile && isPortrait) return "180px";

package/dist/ChatPreviewComparison/components/Layout.js

@@ -22,7 +22,8 @@ const Layout = ({ theme = Theme.GLOBAL_CUSTOM, headline, message, promptCarousel
 	const isTablet = !isMobile && viewportWidth !== void 0 && viewportWidth < screensBreakpointsVariables.lg;
 	const finalTheme = resolveTheme(theme);
 	const isPortrait = getCSSVariable(`--${AspectRatioCSSVar.GlobalCustom}`) === "3/4";
-	const isStandardAndMobile = finalTheme === Theme.STANDARD && isMobile;
+	const isStandardTheme = finalTheme === Theme.STANDARD;
+	const isStandardAndMobile = isStandardTheme && isMobile;
 	const { height, ref } = useGetContentSize({ heightDefault: 145 });
 	const imageGalleryWidth = calculateWidthImageGallery(height, 2, 1);
 	const hideImageGallery = hideImage || !images || images.length === 0;
@@ -35,8 +36,8 @@ const Layout = ({ theme = Theme.GLOBAL_CUSTOM, headline, message, promptCarousel
 				direction: "row",
 				gap: "4",
 				children: [hideImageGallery ? null : /* @__PURE__ */ jsx(Container, {
-					fluid: isMobile || !isStandardAndMobile,
-					className: isMobile && !isStandardAndMobile ? "envive-tw-w-full" : "",
+					fluid: isMobile || !isStandardTheme,
+					className: isMobile && !isStandardTheme ? "envive-tw-w-full" : "envive-tw-w-auto",
 					style: {
 						height: (() => {
 							if (isStandardAndMobile && isPortrait) return "180px";

package/dist/ChatPreviewLoading/ChatPreviewLoading.d.cts

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

package/dist/ChatPreviewLoading/ChatPreviewLoading.d.ts

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