@envive-ai/react-toolkit-v3 0.3.16 → 0.3.17

package/dist/Typography/Typography.d.cts

@@ -1,5 +1,5 @@
 import { TypographyProps } from "./types/index.cjs";
-import * as react0 from "react";
+import * as react4 from "react";
 
 //#region src/components/Typography/Typography.d.ts
 /**
@@ -18,13 +18,13 @@ declare const Typography: ({
   noWrap,
   as,
   "aria-label": ariaLabel
-}: TypographyProps) => react0.DetailedReactHTMLElement<{
+}: TypographyProps) => react4.DetailedReactHTMLElement<{
   'aria-label': string;
   'aria-level'?: number;
-  role?: react0.AriaRole;
+  role?: react4.AriaRole;
   title?: string;
   className: string;
-  style: react0.CSSProperties;
+  style: react4.CSSProperties;
   id: string;
   'data-testid': string;
 }, HTMLElement>;

package/dist/Typography/Typography.d.ts

@@ -1,5 +1,5 @@
 import { TypographyProps } from "./types/index.js";
-import * as react1 from "react";
+import * as react0 from "react";
 
 //#region src/components/Typography/Typography.d.ts
 /**
@@ -18,13 +18,13 @@ declare const Typography: ({
   noWrap,
   as,
   "aria-label": ariaLabel
-}: TypographyProps) => react1.DetailedReactHTMLElement<{
+}: TypographyProps) => react0.DetailedReactHTMLElement<{
   'aria-label': string;
   'aria-level'?: number;
-  role?: react1.AriaRole;
+  role?: react0.AriaRole;
   title?: string;
   className: string;
-  style: react1.CSSProperties;
+  style: react0.CSSProperties;
   id: string;
   'data-testid': string;
 }, HTMLElement>;

package/dist/WelcomeMessage/components/Container.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.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_Container = require('../../Container/Container.cjs');
+require('../../Container/index.cjs');
 const require_useGetContainerProperties = require('../hooks/useGetContainerProperties.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");

package/dist/WelcomeMessage/components/Container.js

@@ -1,7 +1,7 @@
-import { Container } from "../../Container/Container.js";
-import "../../Container/index.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
+import { Container } from "../../Container/Container.js";
+import "../../Container/index.js";
 import { useGetContainerProperties } from "../hooks/useGetContainerProperties.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";

package/dist/WidgetTextField/WidgetTextField.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_resolveTheme = require('../utils/resolveTheme.cjs');
 const require_index = require('../Typography/types/index.cjs');
+const require_resolveTheme = require('../utils/resolveTheme.cjs');
 const require_types = require('./types/types.cjs');
 const require_index$1 = require('./components/index.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/WidgetTextField/WidgetTextField.d.cts

@@ -1,5 +1,5 @@
 import { WidgetTextFieldProps } from "./types/types.cjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/WidgetTextField/WidgetTextField.d.ts
 declare const WidgetTextField: ({
@@ -15,6 +15,6 @@ declare const WidgetTextField: ({
   disabled,
   isLoading,
   onClick
-}: WidgetTextFieldProps) => react_jsx_runtime0.JSX.Element;
+}: WidgetTextFieldProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { WidgetTextField };

package/dist/WidgetTextField/WidgetTextField.d.ts

@@ -1,5 +1,5 @@
 import { WidgetTextFieldProps } from "./types/types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/WidgetTextField/WidgetTextField.d.ts
 declare const WidgetTextField: ({
@@ -15,6 +15,6 @@ declare const WidgetTextField: ({
   disabled,
   isLoading,
   onClick
-}: WidgetTextFieldProps) => react_jsx_runtime0.JSX.Element;
+}: WidgetTextFieldProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { WidgetTextField };

package/dist/WidgetTextField/WidgetTextField.js

@@ -1,6 +1,6 @@
 import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
-import { resolveTheme } from "../utils/resolveTheme.js";
 import { TypographyColor } from "../Typography/types/index.js";
+import { resolveTheme } from "../utils/resolveTheme.js";
 import { IconVariant } from "./types/types.js";
 import { WidgetTextFieldComponents } from "./components/index.js";
 import { jsx } from "react/jsx-runtime";

package/dist/WidgetTextField/components/Container.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.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_Container = require('../../Container/Container.cjs');
+require('../../Container/index.cjs');
 const require_useGetContainerProperties = require('../hooks/useGetContainerProperties.cjs');
 const require_useHandleKeyboard = require('../hooks/useHandleKeyboard.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/WidgetTextField/components/Container.js

@@ -1,7 +1,7 @@
-import { Container } from "../../Container/Container.js";
-import "../../Container/index.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
+import { Container } from "../../Container/Container.js";
+import "../../Container/index.js";
 import { useGetContainerProperties } from "../hooks/useGetContainerProperties.js";
 import { useHandleKeyboard } from "../hooks/useHandleKeyboard.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/WidgetTextField/components/Icon.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_CustomIcon = require('../../utils/CustomIcon.cjs');
 const require_index = require('../../Typography/types/index.cjs');
+const require_CustomIcon = require('../../utils/CustomIcon.cjs');
 const require_types = require('../types/types.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_icons_SendStandard = require("@envive-ai/react-icons/SendStandard");

package/dist/WidgetTextField/components/Icon.js

@@ -1,6 +1,6 @@
 import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
-import { CustomIcon } from "../../utils/CustomIcon.js";
 import { TypographyColor } from "../../Typography/types/index.js";
+import { CustomIcon } from "../../utils/CustomIcon.js";
 import { IconVariant } from "../types/types.js";
 import { jsx } from "react/jsx-runtime";
 import SendStandard from "@envive-ai/react-icons/SendStandard";

package/dist/WidgetWrapper/WidgetWrapper.d.cts

@@ -1,5 +1,5 @@
 import { WidgetWrapperProps } from "./types/types.cjs";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/WidgetWrapper/WidgetWrapper.d.ts
 
@@ -16,6 +16,6 @@ declare const WidgetWrapper: ({
   className,
   style,
   ...containerProps
-}: WidgetWrapperProps) => react_jsx_runtime14.JSX.Element;
+}: WidgetWrapperProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { WidgetWrapper };

package/dist/WidgetWrapper/WidgetWrapper.d.ts

@@ -1,5 +1,5 @@
 import { WidgetWrapperProps } from "./types/types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/WidgetWrapper/WidgetWrapper.d.ts
 
@@ -16,6 +16,6 @@ declare const WidgetWrapper: ({
   className,
   style,
   ...containerProps
-}: WidgetWrapperProps) => react_jsx_runtime3.JSX.Element;
+}: WidgetWrapperProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { WidgetWrapper };

package/dist/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.cts

@@ -1,5 +1,5 @@
 import { WidgetWrapperWithTitleProps } from "./types/types.cjs";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.ts
 declare const WidgetWrapperWithTitle: ({
@@ -14,6 +14,6 @@ declare const WidgetWrapperWithTitle: ({
   hexCardColor,
   hideLogo,
   fullIsLoading
-}: WidgetWrapperWithTitleProps) => react_jsx_runtime12.JSX.Element;
+}: WidgetWrapperWithTitleProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { WidgetWrapperWithTitle };

package/dist/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.ts

@@ -1,5 +1,5 @@
 import { WidgetWrapperWithTitleProps } from "./types/types.js";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.ts
 declare const WidgetWrapperWithTitle: ({
@@ -14,6 +14,6 @@ declare const WidgetWrapperWithTitle: ({
   hexCardColor,
   hideLogo,
   fullIsLoading
-}: WidgetWrapperWithTitleProps) => react_jsx_runtime1.JSX.Element;
+}: WidgetWrapperWithTitleProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { WidgetWrapperWithTitle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envive-ai/react-toolkit-v3",
-  "version": "0.3.16",
+  "version": "0.3.17",
   "description": "React component library for Envive services.",
   "keywords": [
     "react",
@@ -50,8 +50,8 @@
   },
   "peerDependencies": {
     "framer-motion": ">=12.23.24",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^18.3.0 || ^19.0.0",
+    "react-dom": "^18.3.0 || ^19.0.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.1",

package/src/components/PromptButtonCarouselWithImage/components/PromptButtonsCarousel.tsx

@@ -17,7 +17,9 @@ type PromptButtonsCarouselProps = {
   handlePromptButtonTouchEnd?: () => void;
 };
 
-function distributeInThreeRows<T>(items: T[]): [T[], T[], T[]] {
+function distributeInThreeRows<T>(
+  items: [number, T][],
+): [[number, T][], [number, T][], [number, T][]] {
   const n = items.length;
   const perRow = [1, 1, 1];
   let remaining = Math.max(0, n - 3);
@@ -55,13 +57,13 @@ export const PromptButtonsCarousel = ({
     ? ['Loading 1...', 'Loading 2...', 'Loading 3...']
     : promptButtonsTexts || [];
 
-  const renderButton = (text: string) => (
+  const renderButton = ([index, text]: [number, string]) => (
     <div
-      key={text}
+      key={`${text}-${index}`}
       className="envive-tw-flex-shrink-0"
     >
       <PromptButton
-        id={`prompt-button-${text}`}
+        id={`prompt-button-${index}`}
         isLoading={isLoading}
         label={text}
         variant={promptButtonType}
@@ -77,18 +79,19 @@ export const PromptButtonsCarousel = ({
     </div>
   );
 
+  const indexedTexts: [number, string][] = Array.from(promptButtonsTextsFinal.entries());
+
   if (isMobile) {
-    const [row0, row1, row2] = distributeInThreeRows(promptButtonsTextsFinal);
-    const rows = [row0, row1, row2].filter(row => row.length > 0);
+    const rows = distributeInThreeRows(indexedTexts).filter(row => row.length > 0);
     return (
       <Stack
         direction="column"
         gap="4"
         className="envive-tw-w-full"
       >
-        {rows.map(row => (
+        {rows.map((row, rowIndex) => (
           <Stack
-            key={row.join('-')}
+            key={rowIndex}
             direction="row"
             gap="4"
             className="envive-tw-w-full envive-tw-flex-nowrap"
@@ -100,5 +103,5 @@ export const PromptButtonsCarousel = ({
     );
   }
 
-  return <>{promptButtonsTextsFinal.map(renderButton)}</>;
+  return <>{indexedTexts.map(renderButton)}</>;
 };