@rolder/kit 3.0.0-alpha.85 → 3.0.0-alpha.87

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

@@ -10,6 +10,8 @@ export interface ChatRootProps extends PaperProps {
     scrollAreaProps?: Omit<ScrollAreaProps, 'children' | 'h'>;
     withScrollButton?: boolean;
     stackProps?: Omit<StackProps, 'p'>;
+    emptyComponent?: ReactNode;
+    loaderComponent?: ReactNode;
     chatOptions?: UseChatOptions<UIMessage> & ChatInit<UIMessage>;
 }
 /**

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

@@ -1,5 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Messages } from "./Messages.js";
+import { Messages } from "./messages/index.js";
 import { useInitChat } from "./store/index.js";
 const ChatInitializer = ({ chatOptions })=>{
     useInitChat(chatOptions);

package/dist/ai/ui/chat/chatInput/store/input.js

@@ -68,11 +68,11 @@ ${fileContent}
     } catch (error) {
         fileErrorNotificaton(error);
     }
-    if (onSubmit) onSubmit({
+    if (onSubmit && text.trim()) onSubmit({
         text,
         file: fileUIPart
     });
-    sendMessage({
+    if (text.trim()) sendMessage({
         text,
         file: fileUIPart
     });

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

@@ -1,13 +1,13 @@
 export declare const Chat: {
     Root: ({ chatOptions, ...props }: import("./Root").ChatRootProps) => import("react/jsx-runtime").JSX.Element;
-    Message: ({ messageId }: {
-        messageId: string;
-    }) => import("react/jsx-runtime").JSX.Element | null;
-    File: ({ messageId }: {
-        messageId: string;
-    }) => import("react/jsx-runtime").JSX.Element | null;
-    Empty: () => import("react/jsx-runtime").JSX.Element | null;
-    Loader: (props: import("@mantine/core").LoaderProps) => import("react/jsx-runtime").JSX.Element | null;
+    Message: <TMessage extends import("ai").UIMessage>(props: import("./messages").MessageProps<TMessage>) => React.JSX.Element;
+    TextPart: import("react").MemoExoticComponent<({ part, role }: import("./parts").TextPartProps) => import("react/jsx-runtime").JSX.Element>;
+    ToolPart: <TPart extends import("ai").ToolUIPart = {
+        type: `tool-${string}`;
+    } & import("ai").UIToolInvocation<import("ai").UITool>>(props: import("./parts").ToolPartProps<TPart>) => import("react").ReactNode;
+    ToolExecution: ({ part, onError }: import("./parts/ToolExecution").ToolExecutionProps) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    FilePart: import("react").MemoExoticComponent<({ part, messageId }: import("./parts/File").FilePartProps) => import("react/jsx-runtime").JSX.Element | null>;
+    PartPaper: ({ children, chatRole, ...props }: import("./parts").PartPaperProps) => import("react/jsx-runtime").JSX.Element;
 };
 export { ChatInput } from './chatInput';
 export * from './store';

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

@@ -1,15 +1,17 @@
-import { Empty } from "./Empty.js";
-import { File } from "./File.js";
-import { Loader } from "./Loader.js";
-import { Message } from "./Message.js";
+import { Message } from "./messages/index.js";
+import { PartPaper, TextPart, ToolPart } from "./parts/index.js";
+import { FilePart } from "./parts/File.js";
+import { ToolExecution } from "./parts/ToolExecution.js";
 import { Root } from "./Root.js";
 import { ChatInput } from "./chatInput/index.js";
 export * from "./store/index.js";
 const Chat = {
     Root: Root,
     Message: Message,
-    File: File,
-    Empty: Empty,
-    Loader: Loader
+    TextPart: TextPart,
+    ToolPart: ToolPart,
+    ToolExecution: ToolExecution,
+    FilePart: FilePart,
+    PartPaper: PartPaper
 };
 export { Chat, ChatInput };

package/dist/ai/ui/chat/messages/Empty.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+export declare const Empty: ({ emptyComponent }: {
+    emptyComponent?: ReactNode;
+}) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;

package/dist/ai/ui/chat/messages/Empty.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { Stack, Text } from "@mantine/core";
+import { getIsEmpty } from "../store/index.js";
+const Empty = ({ emptyComponent })=>getIsEmpty() ? emptyComponent ?? /*#__PURE__*/ jsx(Stack, {
+        align: "center",
+        gap: 0,
+        children: /*#__PURE__*/ jsx(Text, {
+            children: "Нет сообщений"
+        })
+    }) : null;
+export { Empty };

package/dist/ai/ui/chat/messages/Loader.d.ts

@@ -0,0 +1,5 @@
+import { type LoaderProps } from '@mantine/core';
+import type { ReactNode } from 'react';
+export declare const Loader: ({ loaderComponent, ...props }: LoaderProps & {
+    loaderComponent?: ReactNode;
+}) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;

package/dist/ai/ui/chat/{Loader.js → messages/Loader.js}

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { Loader } from "@mantine/core";
-import { useIsLoading, useIsStreaming } from "./store/index.js";
-const Loader_Loader = (props)=>{
+import { useIsLoading, useIsStreaming } from "../store/index.js";
+const Loader_Loader = ({ loaderComponent, ...props })=>{
     const isLoading = useIsLoading();
     const isStreaming = useIsStreaming();
-    return isLoading && !isStreaming ? /*#__PURE__*/ jsx(Loader, {
+    return isLoading && !isStreaming ? loaderComponent ?? /*#__PURE__*/ jsx(Loader, {
         size: 28,
         type: "dots",
         ...props

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

@@ -0,0 +1,11 @@
+import { type StackProps } from '@mantine/core';
+import type { UIMessage } from 'ai';
+import { type ReactNode } from 'react';
+export interface MessageProps<TMessage extends UIMessage> extends Omit<StackProps, 'children'> {
+    children: ({ parts, role, }: {
+        parts: TMessage['parts'];
+        role: TMessage['role'];
+    }) => ReactNode;
+    messageId: string;
+}
+export declare const Message: <TMessage extends UIMessage>(props: MessageProps<TMessage>) => React.JSX.Element;

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

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Stack } from "@mantine/core";
+import { memo } from "react";
+import { useChatMessage } from "../store/index.js";
+const Message = /*#__PURE__*/ memo(({ children, messageId, ...props })=>{
+    const message = useChatMessage(messageId);
+    return /*#__PURE__*/ jsx(Stack, {
+        ...props,
+        children: 'function' == typeof children ? children({
+            parts: message.parts,
+            role: message.role
+        }) : null
+    });
+});
+export { Message };

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

@@ -0,0 +1,2 @@
+import type { ChatRootProps } from '../Root';
+export declare const Messages: ({ children, height, radius, padding, scrollAreaProps, withScrollButton, stackProps, emptyComponent, loaderComponent, ...props }: Omit<ChatRootProps, "chatOptions">) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Paper, Stack } from "@mantine/core";
+import { ScrollArea } from "../../../../ui/index.js";
+import { useChatMessageIds } from "../store/index.js";
+import { Empty } from "./Empty.js";
+import { Loader } from "./Loader.js";
+const Messages = ({ children, height, radius = 'md', padding = 'md', scrollAreaProps, withScrollButton = true, stackProps, emptyComponent, loaderComponent, ...props })=>{
+    const messageIds = useChatMessageIds();
+    return /*#__PURE__*/ jsx(Paper, {
+        withBorder: true,
+        radius: radius,
+        ...props,
+        children: /*#__PURE__*/ jsxs(ScrollArea.Root, {
+            autoScroll: true,
+            height: height,
+            radius: radius,
+            ...scrollAreaProps,
+            children: [
+                /*#__PURE__*/ jsxs(Stack, {
+                    p: padding,
+                    ...stackProps,
+                    children: [
+                        messageIds.length ? 'function' == typeof children ? children(messageIds) : null : /*#__PURE__*/ jsx(Empty, {
+                            emptyComponent: emptyComponent
+                        }),
+                        /*#__PURE__*/ jsx(Loader, {
+                            loaderComponent: loaderComponent
+                        })
+                    ]
+                }),
+                withScrollButton && /*#__PURE__*/ jsx(ScrollArea.ScrollButton, {})
+            ]
+        })
+    });
+};
+export { Messages };

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

@@ -0,0 +1,2 @@
+export * from './Message';
+export * from './Messages';

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

@@ -0,0 +1,2 @@
+export * from "./Message.js";
+export * from "./Messages.js";

package/dist/ai/ui/chat/parts/File.d.ts

@@ -0,0 +1,6 @@
+import type { FileUIPart } from 'ai';
+export interface FilePartProps<TPart extends FileUIPart = FileUIPart> {
+    part: TPart;
+    messageId: string;
+}
+export declare const FilePart: import("react").MemoExoticComponent<({ part, messageId }: FilePartProps) => import("react/jsx-runtime").JSX.Element | null>;

package/dist/ai/ui/chat/{File.js → parts/File.js}

@@ -1,9 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { Image, Paper } from "@mantine/core";
+import { memo } from "react";
 import { FileIcon } from "./FileIcon.js";
-import { useChatMessagePart } from "./store/index.js";
-const File = ({ messageId })=>{
-    const part = useChatMessagePart(messageId, 'file');
+const FilePart = /*#__PURE__*/ memo(({ part, messageId })=>{
     const textFileType = messageId.split('-')[1];
     const FileComponent = ()=>{
         switch(textFileType){
@@ -39,5 +38,5 @@ const File = ({ messageId })=>{
         bg: "var(--mantine-color-default-hover)",
         children: /*#__PURE__*/ jsx(FileComponent, {})
     }) : null;
-};
-export { File };
+});
+export { FilePart };

package/dist/ai/ui/chat/parts/PartPaper.d.ts

@@ -0,0 +1,8 @@
+import { type PaperProps } from '@mantine/core';
+import type { UIMessage } from 'ai';
+import type { ReactNode } from 'react';
+export interface PartPaperProps extends PaperProps {
+    children: ReactNode;
+    chatRole: UIMessage['role'];
+}
+export declare const PartPaper: ({ children, chatRole, ...props }: PartPaperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ai/ui/chat/parts/PartPaper.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { Paper } from "@mantine/core";
+const PartPaper = ({ children, chatRole, ...props })=>/*#__PURE__*/ jsx(Paper, {
+        radius: "md",
+        px: "md",
+        py: "sm",
+        maw: "80%",
+        ml: 'user' === chatRole ? 'auto' : void 0,
+        bg: 'user' === chatRole ? 'var(--mantine-color-default-hover)' : 'var(--mantine-primary-color-light)',
+        fz: "sm",
+        ...props,
+        children: children
+    });
+export { PartPaper };

package/dist/ai/ui/chat/parts/TextPart.d.ts

@@ -0,0 +1,6 @@
+import type { TextUIPart, UIMessage } from 'ai';
+export interface TextPartProps {
+    part: TextUIPart;
+    role: UIMessage['role'];
+}
+export declare const TextPart: import("react").MemoExoticComponent<({ part, role }: TextPartProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/ai/ui/chat/parts/TextPart.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { Streamdown } from "streamdown";
+import { PartPaper } from "./PartPaper.js";
+const TextPart = /*#__PURE__*/ memo(({ part, role })=>/*#__PURE__*/ jsx(PartPaper, {
+        chatRole: role,
+        children: /*#__PURE__*/ jsx(Streamdown, {
+            isAnimating: 'streaming' === part.state,
+            children: part?.text
+        })
+    }));
+export { TextPart };

package/dist/ai/ui/chat/parts/ToolExecution.d.ts

@@ -0,0 +1,7 @@
+import type { ToolUIPart } from 'ai';
+import type { ReactNode } from 'react';
+export interface ToolExecutionProps {
+    part: ToolUIPart;
+    onError?: (error: string) => ReactNode;
+}
+export declare const ToolExecution: ({ part, onError }: ToolExecutionProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/ai/ui/chat/parts/ToolExecution.js

@@ -0,0 +1,54 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Group, Loader, Text } from "@mantine/core";
+import { IconCheck } from "@tabler/icons-react";
+const ToolExecution = ({ part, onError })=>{
+    switch(part.state){
+        case 'input-available':
+            return /*#__PURE__*/ jsxs(Group, {
+                gap: "xs",
+                children: [
+                    /*#__PURE__*/ jsx(Loader, {
+                        size: 28,
+                        type: "dots"
+                    }),
+                    /*#__PURE__*/ jsxs(Text, {
+                        size: "sm",
+                        children: [
+                            'Запускаю "',
+                            part.title,
+                            '"...'
+                        ]
+                    })
+                ]
+            });
+        case 'output-available':
+            return /*#__PURE__*/ jsxs(Group, {
+                gap: "xs",
+                children: [
+                    /*#__PURE__*/ jsx(IconCheck, {
+                        size: 28,
+                        color: "green"
+                    }),
+                    /*#__PURE__*/ jsxs(Text, {
+                        size: "sm",
+                        children: [
+                            '"',
+                            part.title,
+                            '" выполнен'
+                        ]
+                    })
+                ]
+            });
+        case 'output-error':
+            return onError ? onError(part.errorText) : /*#__PURE__*/ jsxs(Text, {
+                c: "red",
+                children: [
+                    "Ошибка: ",
+                    part.errorText
+                ]
+            });
+        default:
+            return null;
+    }
+};
+export { ToolExecution };

package/dist/ai/ui/chat/parts/ToolPart.d.ts

@@ -0,0 +1,9 @@
+import type { ToolUIPart } from 'ai';
+import { type ReactNode } from 'react';
+export interface ToolPartProps<TPart extends ToolUIPart = ToolUIPart> {
+    children: (toolOutput: NonNullable<TPart['output']>) => ReactNode;
+    part: TPart;
+    loader?: ReactNode;
+    onError?: (error: string) => ReactNode;
+}
+export declare const ToolPart: <TPart extends ToolUIPart = ToolUIPart>(props: ToolPartProps<TPart>) => ReactNode;

package/dist/ai/ui/chat/parts/ToolPart.js

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader, Text } from "@mantine/core";
+import { memo } from "react";
+const ToolPart = /*#__PURE__*/ memo(({ children, part, loader, onError })=>{
+    switch(part.state){
+        case 'input-available':
+            return loader || /*#__PURE__*/ jsx(Loader, {
+                size: 28,
+                type: "dots"
+            });
+        case 'output-available':
+            return part.output ? children(part.output) : null;
+        case 'output-error':
+            return onError ? onError(part.errorText) : /*#__PURE__*/ jsxs(Text, {
+                c: "red",
+                children: [
+                    "Ошибка: ",
+                    part.errorText
+                ]
+            });
+        default:
+            return null;
+    }
+});
+export { ToolPart };

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

@@ -0,0 +1,3 @@
+export * from './PartPaper';
+export * from './TextPart';
+export * from './ToolPart';

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

@@ -0,0 +1,3 @@
+export * from "./PartPaper.js";
+export * from "./TextPart.js";
+export * from "./ToolPart.js";

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

@@ -1,5 +1,4 @@
-export * from './messageIds';
-export * from './messagesMap';
+export * from './messages';
 export * from './send';
 export * from './states';
 export * from './useInitChat';

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

@@ -1,5 +1,4 @@
-export * from "./messageIds.js";
-export * from "./messagesMap.js";
+export * from "./messages.js";
 export * from "./send.js";
 export * from "./states.js";
 export * from "./useInitChat.js";

package/dist/ai/ui/chat/store/messages.d.ts

@@ -0,0 +1,9 @@
+import type { UIMessage } from 'ai';
+export declare const $chatMessageIds: import("nanostores").PreinitializedWritableAtom<string[]> & object;
+export declare const useChatMessageIds: () => string[];
+export declare const $chatMessages: import("nanostores").PreinitializedMapStore<Record<string, UIMessage<unknown, import("ai").UIDataTypes, import("ai").UITools>>> & object;
+export declare const getChatMessage: <TMessage extends UIMessage>(messageId: string) => TMessage | undefined;
+export declare const useChatMessage: <TMessage extends UIMessage>(messageId: string) => TMessage;
+export declare const addChatMessage: <TMessage extends UIMessage>(newMessage: TMessage) => void;
+export declare const setChatMessages: <TMessage extends UIMessage>(messages: TMessage[]) => void;
+export declare const getIsEmpty: () => boolean;

package/dist/ai/ui/chat/store/{messageIds.js → messages.js}

@@ -1,13 +1,18 @@
 import { useStore } from "@nanostores/react";
-import { atom, computed, onSet } from "nanostores";
-import { $chatMessages } from "./messagesMap.js";
+import { atom, computed, map, onSet } from "nanostores";
 const $chatMessageIds = atom([]);
-const getChatMessages = ()=>$chatMessageIds.get().map((id)=>$chatMessages.get()[id]);
 const useChatMessageIds = ()=>useStore($chatMessageIds);
 onSet($chatMessageIds, ({ newValue, abort })=>{
     const currentValue = $chatMessageIds.get();
     if (currentValue.length === newValue.length && currentValue.every((id, index)=>id === newValue[index])) abort();
 });
+const $chatMessages = map({});
+const getChatMessage = (messageId)=>$chatMessages.get()[messageId];
+const useChatMessage = (messageId)=>useStore($chatMessages, {
+        keys: [
+            messageId
+        ]
+    })[messageId];
 const addChatMessage = (newMessage)=>{
     $chatMessageIds.set([
         ...$chatMessageIds.get(),
@@ -37,5 +42,4 @@ const setChatMessages = (messages)=>{
 };
 const $isEmpty = computed($chatMessageIds, (messages)=>0 === messages.length);
 const getIsEmpty = ()=>$isEmpty.get();
-const useIsEmpty = ()=>useStore($isEmpty);
-export { $chatMessageIds, addChatMessage, getChatMessages, getIsEmpty, setChatMessages, useChatMessageIds, useIsEmpty };
+export { $chatMessageIds, $chatMessages, addChatMessage, getChatMessage, getIsEmpty, setChatMessages, useChatMessage, useChatMessageIds };

package/dist/ai/ui/chat/store/states.d.ts

@@ -4,7 +4,6 @@ export declare const setChatStatus: (status: ChatStatus) => void;
 export declare const useChatStatus: () => ChatStatus;
 export declare const getIsLoading: () => boolean;
 export declare const useIsLoading: () => boolean;
-export declare const getIsStreaming: () => boolean;
 export declare const useIsStreaming: () => boolean;
 export declare const getChatError: () => string | undefined;
 export declare const setChatError: (error: string | undefined) => void;

package/dist/ai/ui/chat/store/states.js

@@ -8,10 +8,9 @@ const $isLoading = computed($chatStatus, (status)=>'ready' !== status);
 const getIsLoading = ()=>$isLoading.get();
 const useIsLoading = ()=>useStore($isLoading);
 const $isStreaming = computed($chatStatus, (status)=>'streaming' === status);
-const getIsStreaming = ()=>$isStreaming.get();
 const useIsStreaming = ()=>useStore($isStreaming);
 const $chatError = atom();
 const getChatError = ()=>$chatError.get();
 const setChatError = (error)=>$chatError.set(error);
 const useChatError = ()=>useStore($chatError);
-export { getChatError, getChatStatus, getIsLoading, getIsStreaming, setChatError, setChatStatus, useChatError, useChatStatus, useIsLoading, useIsStreaming };
+export { getChatError, getChatStatus, getIsLoading, setChatError, setChatStatus, useChatError, useChatStatus, useIsLoading, useIsStreaming };

package/dist/ai/ui/chat/store/useInitChat.js

@@ -1,7 +1,7 @@
 import { useChat } from "@ai-sdk/react";
 import { notifications } from "@mantine/notifications";
 import { useEffect } from "react";
-import { setChatMessages } from "./messageIds.js";
+import { setChatMessages } from "./messages.js";
 import { setChatSendMessage } from "./send.js";
 import { setChatError, setChatStatus } from "./states.js";
 const useInitChat = (props)=>{

package/package.json

@@ -1,79 +1,79 @@
 {
-  "name": "@rolder/kit",
-  "version": "3.0.0-alpha.85",
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./styles.css": "./dist/styles.css"
-  },
-  "sideEffects": false,
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "rslib build",
-    "dev": "rslib build --watch",
-    "prepublishOnly": "bun run build",
-    "check": "biome check --write && tsgo --noEmit"
-  },
-  "devDependencies": {
-    "@rsbuild/plugin-react": "^1.4.3",
-    "@rslib/core": "^0.19.3",
-    "@types/bun": "^1.3.6",
-    "@types/js-cookie": "^3.0.6",
-    "@types/omgopass": "^3.2.3",
-    "@types/react": "^19.2.9",
-    "@typescript/native-preview": "^7.0.0-dev.20260122.3",
-    "typescript": "6.0.0-dev.20260122"
-  },
-  "peerDependencies": {
-    "@ai-sdk/react": "^3.0.47",
-    "@better-upload/client": "^3.0.12",
-    "@better-upload/server": "^3.0.12",
-    "@codemirror/lang-json": "^6.0.2",
-    "@codemirror/lint": "^6.9.2",
-    "@mantine/core": "^8.3.13",
-    "@mantine/hooks": "^8.3.13",
-    "@mantine/notifications": "^8.3.13",
-    "@mantine/tiptap": "^8.3.13",
-    "@nanostores/react": "^1.0.0",
-    "@tanstack/react-form": "^1.27.7",
-    "@tanstack/react-query": "^5.90.19",
-    "@tanstack/react-router": "^1.154.7",
-    "@tanstack/react-router-ssr-query": "^1.154.7",
-    "@tanstack/react-start": "^1.154.7",
-    "@tiptap/extension-highlight": "^3.16.0",
-    "@tiptap/extension-placeholder": "^3.16.0",
-    "@tiptap/extension-table": "^3.16.0",
-    "@tiptap/extension-task-item": "^3.16.0",
-    "@tiptap/extension-task-list": "^3.16.0",
-    "@tiptap/extension-text-align": "^3.16.0",
-    "@tiptap/react": "^3.16.0",
-    "@tiptap/starter-kit": "^3.16.0",
-    "@uiw/codemirror-theme-vscode": "^4.25.4",
-    "@uiw/react-codemirror": "^4.25.4",
-    "ai": "^6.0.45",
-    "clsx": "^2.1.1",
-    "js-cookie": "^3.0.5",
-    "mammoth": "^1.11.0",
-    "nanoid": "^5.1.6",
-    "nanostores": "^1.1.0",
-    "omgopass": "^3.2.1",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "streamdown": "^2.1.0",
-    "surrealdb": "2.0.0-alpha.16",
-    "xlsx": "^0.18.5",
-    "zod": "^4.3.5"
-  },
-  "trustedDependencies": [
-    "core-js",
-    "esbuild"
-  ],
-  "dependencies": {
-    "@tabler/icons-react": "^3.36.1"
-  }
+	"name": "@rolder/kit",
+	"version": "3.0.0-alpha.87",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/index.js"
+		},
+		"./styles.css": "./dist/styles.css"
+	},
+	"sideEffects": false,
+	"files": [
+		"dist"
+	],
+	"scripts": {
+		"build": "rslib build",
+		"dev": "rslib build --watch",
+		"prepublishOnly": "bun run build",
+		"check": "biome check --write && tsgo --noEmit"
+	},
+	"devDependencies": {
+		"@rsbuild/plugin-react": "^1.4.3",
+		"@rslib/core": "^0.19.3",
+		"@types/bun": "^1.3.6",
+		"@types/js-cookie": "^3.0.6",
+		"@types/omgopass": "^3.2.3",
+		"@types/react": "^19.2.9",
+		"@typescript/native-preview": "^7.0.0-dev.20260122.3",
+		"typescript": "6.0.0-dev.20260122"
+	},
+	"peerDependencies": {
+		"@ai-sdk/react": "^3.0.47",
+		"@better-upload/client": "^3.0.12",
+		"@better-upload/server": "^3.0.12",
+		"@codemirror/lang-json": "^6.0.2",
+		"@codemirror/lint": "^6.9.2",
+		"@mantine/core": "^8.3.13",
+		"@mantine/hooks": "^8.3.13",
+		"@mantine/notifications": "^8.3.13",
+		"@mantine/tiptap": "^8.3.13",
+		"@nanostores/react": "^1.0.0",
+		"@tanstack/react-form": "^1.27.7",
+		"@tanstack/react-query": "^5.90.19",
+		"@tanstack/react-router": "^1.154.7",
+		"@tanstack/react-router-ssr-query": "^1.154.7",
+		"@tanstack/react-start": "^1.154.7",
+		"@tiptap/extension-highlight": "^3.16.0",
+		"@tiptap/extension-placeholder": "^3.16.0",
+		"@tiptap/extension-table": "^3.16.0",
+		"@tiptap/extension-task-item": "^3.16.0",
+		"@tiptap/extension-task-list": "^3.16.0",
+		"@tiptap/extension-text-align": "^3.16.0",
+		"@tiptap/react": "^3.16.0",
+		"@tiptap/starter-kit": "^3.16.0",
+		"@uiw/codemirror-theme-vscode": "^4.25.4",
+		"@uiw/react-codemirror": "^4.25.4",
+		"ai": "^6.0.45",
+		"clsx": "^2.1.1",
+		"js-cookie": "^3.0.5",
+		"mammoth": "^1.11.0",
+		"nanoid": "^5.1.6",
+		"nanostores": "^1.1.0",
+		"omgopass": "^3.2.1",
+		"react": "^19.2.3",
+		"react-dom": "^19.2.3",
+		"streamdown": "^2.1.0",
+		"surrealdb": "2.0.0-alpha.16",
+		"xlsx": "^0.18.5",
+		"zod": "^4.3.5"
+	},
+	"trustedDependencies": [
+		"core-js",
+		"esbuild"
+	],
+	"dependencies": {
+		"@tabler/icons-react": "^3.36.1"
+	}
 }

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

@@ -1 +0,0 @@
-export declare const Empty: () => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,21 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Stack, Text } from "@mantine/core";
-import { useIsEmpty } from "./store/index.js";
-const Empty = ()=>{
-    const isEmpty = useIsEmpty();
-    return isEmpty ? /*#__PURE__*/ jsxs(Stack, {
-        align: "center",
-        gap: 0,
-        children: [
-            /*#__PURE__*/ jsx(Text, {
-                children: "Нет сообщений"
-            }),
-            /*#__PURE__*/ jsx(Text, {
-                size: "sm",
-                c: "dimmed",
-                children: "Начните общение, чтобы увидеть сообщения здесь"
-            })
-        ]
-    }) : null;
-};
-export { Empty };

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

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

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

@@ -1,2 +0,0 @@
-import { type LoaderProps } from '@mantine/core';
-export declare const Loader: (props: LoaderProps) => import("react/jsx-runtime").JSX.Element | null;

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

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

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

@@ -1,23 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Paper } from "@mantine/core";
-import { Streamdown } from "streamdown";
-import { getIsStreaming, useChatMessage, useChatMessagePart } from "./store/index.js";
-const Message = ({ messageId })=>{
-    const message = useChatMessage(messageId);
-    const part = useChatMessagePart(messageId, 'text');
-    console.log('Message render', message);
-    return part?.text ? /*#__PURE__*/ jsx(Paper, {
-        radius: "md",
-        px: "md",
-        py: "sm",
-        maw: "80%",
-        ml: 'user' === message.role ? 'auto' : void 0,
-        bg: 'user' === message.role ? 'var(--mantine-color-default-hover)' : 'var(--mantine-primary-color-light)',
-        fz: "sm",
-        children: /*#__PURE__*/ jsx(Streamdown, {
-            isAnimating: getIsStreaming() && 'assistant' === message.role,
-            children: part?.text
-        })
-    }) : null;
-};
-export { Message };

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

@@ -1,2 +0,0 @@
-import type { ChatRootProps } from './Root';
-export declare const Messages: ({ children, height, radius, padding, scrollAreaProps, withScrollButton, stackProps, ...props }: Omit<ChatRootProps, "chatOptions">) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,28 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Paper, Stack } from "@mantine/core";
-import { ScrollArea } from "../../../ui/index.js";
-import { useChatMessageIds } from "./store/index.js";
-const Messages = ({ children, height, radius = 'md', padding = 'md', scrollAreaProps, withScrollButton = true, stackProps, ...props })=>{
-    const messageIds = useChatMessageIds();
-    console.log('Messages render');
-    return /*#__PURE__*/ jsx(Paper, {
-        withBorder: true,
-        radius: radius,
-        ...props,
-        children: /*#__PURE__*/ jsxs(ScrollArea.Root, {
-            autoScroll: true,
-            height: height,
-            radius: radius,
-            ...scrollAreaProps,
-            children: [
-                /*#__PURE__*/ jsx(Stack, {
-                    p: padding,
-                    ...stackProps,
-                    children: 'function' == typeof children ? children(messageIds) : null
-                }),
-                withScrollButton && /*#__PURE__*/ jsx(ScrollArea.ScrollButton, {})
-            ]
-        })
-    });
-};
-export { Messages };

package/dist/ai/ui/chat/store/messageIds.d.ts

@@ -1,8 +0,0 @@
-import type { UIMessage } from 'ai';
-export declare const $chatMessageIds: import("nanostores").PreinitializedWritableAtom<string[]> & object;
-export declare const getChatMessages: <T extends UIMessage>() => T[];
-export declare const useChatMessageIds: () => string[];
-export declare const addChatMessage: (newMessage: UIMessage) => void;
-export declare const setChatMessages: <T extends UIMessage>(messages: T[]) => void;
-export declare const getIsEmpty: () => boolean;
-export declare const useIsEmpty: () => boolean;

package/dist/ai/ui/chat/store/messagesMap.d.ts

@@ -1,5 +0,0 @@
-import type { UIDataTypes, UIMessage, UIMessagePart, UITools } from 'ai';
-export declare const $chatMessages: import("nanostores").PreinitializedMapStore<Record<string, UIMessage<unknown, UIDataTypes, UITools>>> & object;
-export declare const getChatMessage: (messageId: string) => UIMessage<unknown, UIDataTypes, UITools>;
-export declare const useChatMessage: <T extends UIMessage>(messageId: string) => T;
-export declare const useChatMessagePart: <M extends UIMessage, T extends UIMessagePart<UIDataTypes, UITools>>(messageId: string, type?: T["type"]) => T | undefined;

package/dist/ai/ui/chat/store/messagesMap.js

@@ -1,15 +0,0 @@
-import { useStore } from "@nanostores/react";
-import { map } from "nanostores";
-const $chatMessages = map({});
-const getChatMessage = (messageId)=>$chatMessages.get()[messageId];
-const useChatMessage = (messageId)=>useStore($chatMessages, {
-        keys: [
-            messageId
-        ]
-    })[messageId];
-const useChatMessagePart = (messageId, type)=>{
-    const message = useChatMessage(messageId);
-    const part = message?.parts?.find((i)=>i.type === type);
-    return part;
-};
-export { $chatMessages, getChatMessage, useChatMessage, useChatMessagePart };