@rolder/kit 3.0.0-alpha.37 → 3.0.0-alpha.39

package/dist/ai/ui/chat/Message.d.ts

@@ -1,3 +1,3 @@
-export declare const Message: ({ messageId }: {
+export declare const Message: import("react").MemoExoticComponent<({ messageId }: {
     messageId: string;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null>;

package/dist/ai/ui/chat/Message.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { Paper } from "@mantine/core";
+import { memo } from "react";
 import { Streamdown } from "streamdown";
 import { useChatMessage, useChatMessagePart, useIsStreaming } from "./store/index.js";
-const Message = ({ messageId })=>{
+const Message = /*#__PURE__*/ memo(({ messageId })=>{
     const message = useChatMessage(messageId);
     const part = useChatMessagePart(messageId, 'text');
     const isStreaming = useIsStreaming();
@@ -20,5 +21,5 @@ const Message = ({ messageId })=>{
             children: part?.text
         })
     }) : null;
-};
+});
 export { Message };

package/dist/ai/ui/chat/Messages.d.ts

@@ -1,2 +1,2 @@
 import { type StackProps } from '@mantine/core';
-export declare const Messages: ({ children, ...props }: StackProps) => import("react/jsx-runtime").JSX.Element[];
+export declare const Messages: ({ children, ...props }: StackProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ai/ui/chat/Messages.js

@@ -1,12 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { Stack } from "@mantine/core";
-import { $chatMessages, useChatMessageIds } from "./store/index.js";
 const Messages = ({ children, ...props })=>{
-    const messageIds = useChatMessageIds();
-    console.log('Messages render', messageIds, $chatMessages.get());
-    return messageIds.map((messageId)=>/*#__PURE__*/ jsx(Stack, {
-            ...props,
-            children: children
-        }, messageId));
+    console.log('Messages render');
+    return /*#__PURE__*/ jsx(Stack, {
+        ...props
+    });
 };
 export { Messages };

package/dist/ai/ui/chat/index.d.ts

@@ -1,9 +1,9 @@
 export declare const Chat: {
     Root: ({ children, scrollAreaProps, withScrollButton, ...props }: import("./Root").ConversationRootProps) => import("react/jsx-runtime").JSX.Element;
-    Messages: ({ children, ...props }: import("@mantine/core").StackProps) => import("react/jsx-runtime").JSX.Element[];
-    Message: ({ messageId }: {
+    Messages: ({ children, ...props }: import("@mantine/core").StackProps) => import("react/jsx-runtime").JSX.Element;
+    Message: import("react").MemoExoticComponent<({ messageId }: {
         messageId: string;
-    }) => import("react/jsx-runtime").JSX.Element | null;
+    }) => import("react/jsx-runtime").JSX.Element | null>;
     File: ({ messageId }: {
         messageId: string;
     }) => import("react/jsx-runtime").JSX.Element | null;
@@ -11,3 +11,4 @@ export declare const Chat: {
     Empty: () => import("react/jsx-runtime").JSX.Element | null;
 };
 export { ChatInput } from './chatInput';
+export * from './store';

package/dist/ai/ui/chat/index.js

@@ -5,6 +5,7 @@ import { Message } from "./Message.js";
 import { Messages } from "./Messages.js";
 import { Root } from "./Root.js";
 import { ChatInput } from "./chatInput/index.js";
+export * from "./store/index.js";
 const Chat = {
     Root: Root,
     Messages: Messages,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolder/kit",
-  "version": "3.0.0-alpha.37",
+  "version": "3.0.0-alpha.39",
   "type": "module",
   "exports": {
     ".": {