@rolder/kit 3.0.0-alpha.71 → 3.0.0-alpha.73

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

@@ -1,7 +1,7 @@
 import { type StackProps } from '@mantine/core';
 import type { ReactNode } from 'react';
 type MessagesProps = Omit<StackProps, 'children'> & {
-    children: ((messageIds: string[]) => ReactNode) | ReactNode;
+    children: (messageIds: string[]) => ReactNode;
 };
 export declare const Messages: ({ children, ...props }: MessagesProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -5,7 +5,7 @@ const Messages = ({ children, ...props })=>{
     const messageIds = useChatMessageIds();
     return /*#__PURE__*/ jsx(Stack, {
         ...props,
-        children: 'function' == typeof children ? children(messageIds) : children
+        children: 'function' == typeof children ? children(messageIds) : null
     });
 };
 export { Messages };

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

@@ -1,11 +1,13 @@
 import type { UseChatOptions } from '@ai-sdk/react';
-import { type PaperProps } from '@mantine/core';
+import { type PaperProps, type StackProps } from '@mantine/core';
 import type { ChatInit, UIMessage } from 'ai';
+import type { ReactNode } from 'react';
 import { type ScrollAreaProps } from '../../../ui';
 export interface ConversationRootProps extends PaperProps {
-    children?: React.ReactNode;
+    children: (messageIds: string[]) => ReactNode;
     scrollAreaProps?: ScrollAreaProps;
     withScrollButton?: boolean;
+    stackProps?: StackProps;
     chatOptions?: UseChatOptions<UIMessage> & ChatInit<UIMessage>;
 }
-export declare const Root: ({ children, scrollAreaProps, withScrollButton, chatOptions, ...props }: ConversationRootProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ children, scrollAreaProps, withScrollButton, stackProps, chatOptions, ...props }: ConversationRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,14 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Paper } from "@mantine/core";
+import { Paper, Stack } from "@mantine/core";
 import { ScrollArea } from "../../../ui/index.js";
-import { useInitChat } from "./store/index.js";
+import { useChatMessageIds, useInitChat } from "./store/index.js";
 const ChatInitializer = ({ chatOptions })=>{
     useInitChat(chatOptions);
     return null;
 };
-const Root = ({ children, scrollAreaProps, withScrollButton = true, chatOptions, ...props })=>/*#__PURE__*/ jsxs(Fragment, {
+const Root = ({ children, scrollAreaProps, withScrollButton = true, stackProps, chatOptions, ...props })=>{
+    const messageIds = useChatMessageIds();
+    return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(ChatInitializer, {
                 chatOptions: chatOptions
@@ -21,11 +23,15 @@ const Root = ({ children, scrollAreaProps, withScrollButton = true, chatOptions,
                     p: "md",
                     ...scrollAreaProps,
                     children: [
-                        children,
+                        /*#__PURE__*/ jsx(Stack, {
+                            ...stackProps,
+                            children: 'function' == typeof children ? children(messageIds) : null
+                        }),
                         withScrollButton && /*#__PURE__*/ jsx(ScrollArea.ScrollButton, {})
                     ]
                 })
             })
         ]
     });
+};
 export { Root };

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

@@ -1,7 +1,7 @@
 export declare const Chat: {
-    Root: ({ children, scrollAreaProps, withScrollButton, chatOptions, ...props }: import("./Root").ConversationRootProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ children, scrollAreaProps, withScrollButton, stackProps, chatOptions, ...props }: import("./Root").ConversationRootProps) => import("react/jsx-runtime").JSX.Element;
     Messages: ({ children, ...props }: Omit<import("@mantine/core").StackProps, "children"> & {
-        children: ((messageIds: string[]) => import("react").ReactNode) | import("react").ReactNode;
+        children: (messageIds: string[]) => import("react").ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
     Message: import("react").MemoExoticComponent<({ messageId }: {
         messageId: string;

package/package.json

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