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

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

@@ -5,9 +5,41 @@ import type { ReactNode } from 'react';
 import { type ScrollAreaProps } from '../../../ui';
 export interface ConversationRootProps extends PaperProps {
     children: (messageIds: string[]) => ReactNode;
-    scrollAreaProps?: ScrollAreaProps;
+    h: string;
+    scrollAreaProps?: Omit<ScrollAreaProps, 'children' | 'h'>;
     withScrollButton?: boolean;
     stackProps?: StackProps;
     chatOptions?: UseChatOptions<UIMessage> & ChatInit<UIMessage>;
 }
-export declare const Root: ({ children, scrollAreaProps, withScrollButton, stackProps, chatOptions, ...props }: ConversationRootProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Корневой компонент чата
+ *
+ * @example
+ * ```tsx
+ * import { Chat } from '@rolder/kit';
+ *
+ * const MyChat = () => {
+ *   return (
+ *     <Chat.Root h="calc(100vh - 202px)">
+ *       {(messageIds) => (
+ *         <>
+ *           {messageIds.map((messageId) => (
+ *             <Chat.Message key={messageId} messageId={messageId} />
+ *           ))}
+ *           <Chat.Empty />
+ *           <Chat.Loader />
+ *         </>
+ *       )}
+ *     </Chat.Root>
+ *   );
+ * }
+ * ```
+ *
+ * @param children - Render-функция, принимающая массив ID сообщений
+ * @param h - Высота компонента (обязательный параметр)
+ * @param chatOptions - Опции для инициализации чата (API endpoint, начальные сообщения и т.д.)
+ * @param scrollAreaProps - Пропсы для ScrollArea
+ * @param withScrollButton - Показывать кнопку прокрутки (по умолчанию true)
+ * @param stackProps - Пропсы для Stack контейнера
+ */
+export declare const Root: ({ children, h, scrollAreaProps, withScrollButton, stackProps, chatOptions, ...props }: ConversationRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,7 +6,7 @@ const ChatInitializer = ({ chatOptions })=>{
     useInitChat(chatOptions);
     return null;
 };
-const Root = ({ children, scrollAreaProps, withScrollButton = true, stackProps, chatOptions, ...props })=>{
+const Root = ({ children, h, scrollAreaProps, withScrollButton = true, stackProps, chatOptions, ...props })=>{
     const messageIds = useChatMessageIds();
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
@@ -21,6 +21,7 @@ const Root = ({ children, scrollAreaProps, withScrollButton = true, stackProps,
                     autoScroll: true,
                     scrollToBottomOnInit: true,
                     p: "md",
+                    h: h,
                     ...scrollAreaProps,
                     children: [
                         /*#__PURE__*/ jsx(Stack, {

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

@@ -1,8 +1,5 @@
 export declare const Chat: {
-    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/jsx-runtime").JSX.Element;
+    Root: ({ children, h, scrollAreaProps, withScrollButton, stackProps, chatOptions, ...props }: import("./Root").ConversationRootProps) => import("react/jsx-runtime").JSX.Element;
     Message: import("react").MemoExoticComponent<({ messageId }: {
         messageId: string;
     }) => import("react/jsx-runtime").JSX.Element | null>;

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

@@ -2,13 +2,11 @@ import { Empty } from "./Empty.js";
 import { File } from "./File.js";
 import { Loader } from "./Loader.js";
 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,
     Message: Message,
     File: File,
     Empty: Empty,

package/package.json

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

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

@@ -1,7 +0,0 @@
-import { type StackProps } from '@mantine/core';
-import type { ReactNode } from 'react';
-type MessagesProps = Omit<StackProps, 'children'> & {
-    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

@@ -1,11 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Stack } from "@mantine/core";
-import { useChatMessageIds } from "./store/index.js";
-const Messages = ({ children, ...props })=>{
-    const messageIds = useChatMessageIds();
-    return /*#__PURE__*/ jsx(Stack, {
-        ...props,
-        children: 'function' == typeof children ? children(messageIds) : null
-    });
-};
-export { Messages };