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

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

@@ -2,8 +2,12 @@ import type { UseChatOptions } from '@ai-sdk/react';
 import type { MantineRadius, MantineSpacing, PaperProps, ScrollAreaProps, StackProps } from '@mantine/core';
 import type { ChatInit, UIMessage } from 'ai';
 import type { ReactNode } from 'react';
-export interface ChatRootProps extends PaperProps {
-    children: (messageIds: string[]) => ReactNode;
+export interface ChatRootProps<TMessage extends UIMessage> extends PaperProps {
+    children: ({ message, part, key, }: {
+        message: TMessage;
+        part: TMessage['parts'][number];
+        key: string;
+    }) => ReactNode;
     height: string;
     radius?: MantineRadius;
     padding?: MantineSpacing;
@@ -48,4 +52,4 @@ export interface ChatRootProps extends PaperProps {
  * @param withScrollButton - Показывать кнопку прокрутки (по умолчанию true)
  * @param stackProps - Пропсы для Stack контейнера
  */
-export declare const Root: ({ chatOptions, ...props }: ChatRootProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Root: <TMessage extends UIMessage>({ chatOptions, ...props }: ChatRootProps<TMessage>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,9 @@
 export declare const Chat: {
-    Root: ({ chatOptions, ...props }: import("./Root").ChatRootProps) => import("react/jsx-runtime").JSX.Element;
-    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>;
+    Root: <TMessage extends import("ai").UIMessage>({ chatOptions, ...props }: import("./Root").ChatRootProps<TMessage>) => import("react/jsx-runtime").JSX.Element;
+    TextPart: ({ messageId, part }: 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;
+    } & import("ai").UIToolInvocation<import("ai").UITool>>({ children, part, withLoader, loader, onError, }: import("./parts").ToolPartProps<TPart>) => 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;
     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;

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

@@ -1,4 +1,3 @@
-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";
@@ -7,7 +6,6 @@ import { ChatInput } from "./chatInput/index.js";
 export * from "./store/index.js";
 const Chat = {
     Root: Root,
-    Message: Message,
     TextPart: TextPart,
     ToolPart: ToolPart,
     ToolExecution: ToolExecution,

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

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

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

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

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

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

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

@@ -1,2 +1,3 @@
+import type { UIMessage } from 'ai';
 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;
+export declare const Messages: <TMessage extends UIMessage>({ children, height, radius, padding, scrollAreaProps, withScrollButton, stackProps, emptyComponent, loaderComponent, ...props }: Omit<ChatRootProps<TMessage>, "chatOptions">) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,6 +4,7 @@ import { ScrollArea } from "../../../../ui/index.js";
 import { useChatMessageIds } from "../store/index.js";
 import { Empty } from "./Empty.js";
 import { Loader } from "./Loader.js";
+import { Message } from "./Message.js";
 const Messages = ({ children, height, radius = 'md', padding = 'md', scrollAreaProps, withScrollButton = true, stackProps, emptyComponent, loaderComponent, ...props })=>{
     const messageIds = useChatMessageIds();
     return /*#__PURE__*/ jsx(Paper, {
@@ -20,7 +21,10 @@ const Messages = ({ children, height, radius = 'md', padding = 'md', scrollAreaP
                     p: padding,
                     ...stackProps,
                     children: [
-                        messageIds.length ? 'function' == typeof children ? children(messageIds) : null : /*#__PURE__*/ jsx(Empty, {
+                        messageIds.length ? messageIds.map((messageId)=>/*#__PURE__*/ jsx(Message, {
+                                messageId: messageId,
+                                children: children
+                            }, messageId)) : /*#__PURE__*/ jsx(Empty, {
                             emptyComponent: emptyComponent
                         }),
                         /*#__PURE__*/ jsx(Loader, {

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

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

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

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

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

@@ -1,9 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Group, Loader, Text } from "@mantine/core";
 import { IconCheck } from "@tabler/icons-react";
+import { setIsLoading } from "../store/index.js";
 const ToolExecution = ({ part, onError })=>{
     switch(part.state){
         case 'input-available':
+            setIsLoading(false);
             return /*#__PURE__*/ jsxs(Group, {
                 gap: "xs",
                 children: [

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

@@ -1,9 +1,10 @@
 import type { ToolUIPart } from 'ai';
-import { type ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface ToolPartProps<TPart extends ToolUIPart = ToolUIPart> {
     children: (toolOutput: NonNullable<TPart['output']>) => ReactNode;
     part: TPart;
+    withLoader?: boolean;
     loader?: ReactNode;
     onError?: (error: string) => ReactNode;
 }
-export declare const ToolPart: <TPart extends ToolUIPart = ToolUIPart>(props: ToolPartProps<TPart>) => ReactNode;
+export declare const ToolPart: <TPart extends ToolUIPart = ToolUIPart>({ children, part, withLoader, loader, onError, }: ToolPartProps<TPart>) => 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/ToolPart.js

@@ -1,13 +1,12 @@
 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 })=>{
+const ToolPart = ({ children, part, withLoader, loader = /*#__PURE__*/ jsx(Loader, {
+    size: 28,
+    type: "dots"
+}), onError })=>{
     switch(part.state){
         case 'input-available':
-            return loader || /*#__PURE__*/ jsx(Loader, {
-                size: 28,
-                type: "dots"
-            });
+            return withLoader ? loader : null;
         case 'output-available':
             return part.output ? children(part.output) : null;
         case 'output-error':
@@ -21,5 +20,5 @@ const ToolPart = /*#__PURE__*/ memo(({ children, part, loader, onError })=>{
         default:
             return null;
     }
-});
+};
 export { ToolPart };

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

@@ -1,9 +1,12 @@
 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 getChatMessages: () => UIMessage<unknown, import("ai").UIDataTypes, import("ai").UITools>[];
+export declare const getChatMessage: <TMessage extends UIMessage>(messageId: string) => TMessage;
+export declare const setChatMessages: (messages: UIMessage[]) => void;
 export declare const addChatMessage: <TMessage extends UIMessage>(newMessage: TMessage) => void;
-export declare const setChatMessages: <TMessage extends UIMessage>(messages: TMessage[]) => void;
+export declare const getChatMessageIds: () => string[];
+export declare const useChatMessageIds: () => string[];
+export type MessagesParts = Record<string, UIMessage['parts']>;
+export declare const getMessagesParts: () => MessagesParts;
+export declare const setMessageParts: (messageId: string, messageParts: UIMessage["parts"]) => void;
+export declare const useMessageParts: <TMessage extends UIMessage>(messageId: string) => TMessage["parts"];
 export declare const getIsEmpty: () => boolean;

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

@@ -1,45 +1,40 @@
 import { useStore } from "@nanostores/react";
-import { atom, computed, map, onSet } from "nanostores";
+import { atom, computed, map } from "nanostores";
+const $chatMessages = atom([]);
+const getChatMessages = ()=>$chatMessages.get();
+const getChatMessage = (messageId)=>$chatMessages.get().find((msg)=>msg.id === messageId);
+const setChatMessages = (messages)=>{
+    const newIds = messages.map((msg)=>msg.id);
+    if (getChatMessageIds().length !== newIds.length) {
+        $chatMessages.set(messages);
+        $chatMessageIds.set(newIds);
+    }
+    messages.forEach((msg)=>{
+        setMessageParts(msg.id, msg.parts);
+    });
+};
+const addChatMessage = (newMessage)=>{
+    $chatMessages.set([
+        ...getChatMessages(),
+        newMessage
+    ]);
+    $chatMessageIds.set([
+        ...getChatMessageIds(),
+        newMessage.id
+    ]);
+    setMessageParts(newMessage.id, newMessage.parts);
+};
 const $chatMessageIds = atom([]);
+const getChatMessageIds = ()=>$chatMessageIds.get();
 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, {
+const $messagesParts = map({});
+const getMessagesParts = ()=>$messagesParts.get();
+const setMessageParts = (messageId, messageParts)=>$messagesParts.setKey(messageId, messageParts);
+const useMessageParts = (messageId)=>useStore($messagesParts, {
         keys: [
             messageId
         ]
     })[messageId];
-const addChatMessage = (newMessage)=>{
-    $chatMessageIds.set([
-        ...$chatMessageIds.get(),
-        newMessage.id
-    ]);
-    $chatMessages.set({
-        ...$chatMessages.get(),
-        [newMessage.id]: newMessage
-    });
-};
-const setChatMessages = (messages)=>{
-    const newIds = messages.map((msg)=>msg.id);
-    $chatMessageIds.set(newIds);
-    const currentMessages = $chatMessages.get();
-    const lastMessage = messages[messages.length - 1];
-    for(let i = 0; i < messages.length; i++){
-        const msg = messages[i];
-        const currentMsg = currentMessages[msg.id];
-        const isLastMessage = msg === lastMessage;
-        if (currentMsg) if (isLastMessage) $chatMessages.setKey(msg.id, msg);
-        else {
-            const isChanged = JSON.stringify(currentMsg) !== JSON.stringify(msg);
-            if (isChanged) $chatMessages.setKey(msg.id, msg);
-        }
-        else $chatMessages.setKey(msg.id, msg);
-    }
-};
 const $isEmpty = computed($chatMessageIds, (messages)=>0 === messages.length);
 const getIsEmpty = ()=>$isEmpty.get();
-export { $chatMessageIds, $chatMessages, addChatMessage, getChatMessage, getIsEmpty, setChatMessages, useChatMessage, useChatMessageIds };
+export { addChatMessage, getChatMessage, getChatMessageIds, getChatMessages, getIsEmpty, getMessagesParts, setChatMessages, setMessageParts, useChatMessageIds, useMessageParts };

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

@@ -1,10 +1,11 @@
 import type { ChatStatus } from 'ai';
 export declare const getChatStatus: () => ChatStatus;
-export declare const setChatStatus: (status: ChatStatus) => void;
 export declare const useChatStatus: () => ChatStatus;
+export declare const setChatStatus: (status: ChatStatus) => void;
 export declare const getIsLoading: () => boolean;
 export declare const useIsLoading: () => boolean;
+export declare const setIsLoading: (isLoading: boolean) => void;
 export declare const useIsStreaming: () => boolean;
 export declare const getChatError: () => string | undefined;
-export declare const setChatError: (error: string | undefined) => void;
 export declare const useChatError: () => string | undefined;
+export declare const setChatError: (error: string | undefined) => void;

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

@@ -2,15 +2,19 @@ import { useStore } from "@nanostores/react";
 import { atom, computed } from "nanostores";
 const $chatStatus = atom('ready');
 const getChatStatus = ()=>$chatStatus.get();
-const setChatStatus = (status)=>$chatStatus.set(status);
 const useChatStatus = ()=>useStore($chatStatus);
-const $isLoading = computed($chatStatus, (status)=>'ready' !== status);
+const setChatStatus = (status)=>$chatStatus.set(status);
+const $isLoading = atom(false);
 const getIsLoading = ()=>$isLoading.get();
 const useIsLoading = ()=>useStore($isLoading);
+const setIsLoading = (isLoading)=>$isLoading.set(isLoading);
+$chatStatus.listen((status)=>{
+    'ready' === status || 'streaming' === status ? setIsLoading(false) : setIsLoading(true);
+});
 const $isStreaming = computed($chatStatus, (status)=>'streaming' === status);
 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, setChatError, setChatStatus, useChatError, useChatStatus, useIsLoading, useIsStreaming };
+const setChatError = (error)=>$chatError.set(error);
+export { getChatError, getChatStatus, getIsLoading, setChatError, setChatStatus, setIsLoading, useChatError, useChatStatus, useIsLoading, useIsStreaming };

package/dist/app/defaultTheme.d.ts

@@ -6,9 +6,9 @@ export declare const defaultTheme: {
     black?: string | undefined;
     colors?: {
         [x: string & {}]: import("@mantine/core").MantineColorsTuple | undefined;
-        red?: import("@mantine/core").MantineColorsTuple | undefined;
         dark?: import("@mantine/core").MantineColorsTuple | undefined;
         gray?: import("@mantine/core").MantineColorsTuple | undefined;
+        red?: import("@mantine/core").MantineColorsTuple | undefined;
         pink?: import("@mantine/core").MantineColorsTuple | undefined;
         grape?: import("@mantine/core").MantineColorsTuple | undefined;
         violet?: import("@mantine/core").MantineColorsTuple | undefined;
@@ -70,9 +70,9 @@ export declare const defaultTheme: {
     } | undefined;
     radius?: {
         [x: string & {}]: string | undefined;
+        md?: string | undefined;
         xs?: string | undefined;
         sm?: string | undefined;
-        md?: string | undefined;
         lg?: string | undefined;
         xl?: string | undefined;
     } | undefined;
@@ -80,41 +80,41 @@ export declare const defaultTheme: {
     spacing?: {
         [x: number]: string | undefined;
         [x: string & {}]: string | undefined;
+        md?: string | undefined;
         xs?: string | undefined;
         sm?: string | undefined;
-        md?: string | undefined;
         lg?: string | undefined;
         xl?: string | undefined;
     } | undefined;
     fontSizes?: {
         [x: string & {}]: string | undefined;
+        md?: string | undefined;
         xs?: string | undefined;
         sm?: string | undefined;
-        md?: string | undefined;
         lg?: string | undefined;
         xl?: string | undefined;
     } | undefined;
     lineHeights?: {
         [x: string & {}]: string | undefined;
+        md?: string | undefined;
         xs?: string | undefined;
         sm?: string | undefined;
-        md?: string | undefined;
         lg?: string | undefined;
         xl?: string | undefined;
     } | undefined;
     breakpoints?: {
         [x: string & {}]: string | undefined;
+        md?: string | undefined;
         xs?: string | undefined;
         sm?: string | undefined;
-        md?: string | undefined;
         lg?: string | undefined;
         xl?: string | undefined;
     } | undefined;
     shadows?: {
         [x: string & {}]: string | undefined;
+        md?: string | undefined;
         xs?: string | undefined;
         sm?: string | undefined;
-        md?: string | undefined;
         lg?: string | undefined;
         xl?: string | undefined;
     } | undefined;

package/dist/ui/saveInput/SaveInput.d.ts

@@ -2,22 +2,22 @@ export declare const SaveInput: import("react").FC<{
     initialValue?: string;
     onChange: (value: string) => Promise<void>;
     debounce?: number;
-} & Omit<import("@mantine/core").TextInputProps, "value" | "onChange">> & {
+} & Omit<import("@mantine/core").TextInputProps, "onChange" | "value">> & {
     TextInput: import("react").FC<{
         initialValue?: string;
         onChange: (value: string) => Promise<void>;
         debounce?: number;
-    } & Omit<import("@mantine/core").TextInputProps, "value" | "onChange">>;
+    } & Omit<import("@mantine/core").TextInputProps, "onChange" | "value">>;
     NumberInput: import("react").FC<{
         initialValue: string | number;
         onChange: (value: string | number) => Promise<void>;
         debounce?: number;
-    } & Omit<import("@mantine/core").NumberInputProps, "value" | "onChange">>;
+    } & Omit<import("@mantine/core").NumberInputProps, "onChange" | "value">>;
     Textarea: import("react").FC<{
         initialValue: string;
         onChange: (value: string) => Promise<void>;
         debounce?: number;
-    } & Omit<import("@mantine/core").TextareaProps, "value" | "onChange">>;
+    } & Omit<import("@mantine/core").TextareaProps, "onChange" | "value">>;
     Switch: import("react").FC<{
         initialValue: boolean;
         onChange: (value: boolean) => Promise<void>;
@@ -27,10 +27,10 @@ export declare const SaveInput: import("react").FC<{
         initialValue: string;
         onChange: (value: string) => Promise<void>;
         debounce?: number;
-    } & Omit<import("@uiw/react-codemirror").ReactCodeMirrorProps, "value" | "onChange">>;
+    } & Omit<import("@uiw/react-codemirror").ReactCodeMirrorProps, "onChange" | "value">>;
     Select: import("react").FC<{
         initialValue: string | null;
         onChange: (value: string | null) => Promise<void>;
         debounce?: number;
-    } & Omit<import("@mantine/core").SelectProps, "value" | "onChange">>;
+    } & Omit<import("@mantine/core").SelectProps, "onChange" | "value">>;
 };

package/dist/ui/scrollArea/ScrollButton.d.ts

@@ -1,10 +1,7 @@
+import { type ActionIconProps } from '@mantine/core';
 import { type ReactNode } from '@tabler/icons-react';
-export interface ScrollButtonProps {
-    /** CSS классы для стилизации кнопки */
-    className?: string;
-    /** Иконка для прокрутки вверх (по умолчанию IconChevronUp) */
+export interface ScrollButtonProps extends ActionIconProps {
     upIcon?: ReactNode;
-    /** Иконка для прокрутки вниз (по умолчанию IconChevronDown) */
     downIcon?: ReactNode;
 }
 export declare const ScrollButton: React.FC<ScrollButtonProps>;

package/dist/ui/scrollArea/ScrollButton.js

@@ -3,7 +3,7 @@ import { ActionIcon } from "@mantine/core";
 import { IconChevronDown, IconChevronUp } from "@tabler/icons-react";
 import { scrollToBottom, scrollToTop } from "./methods.js";
 import { useHasScrollableContent, useIsAboveCenter } from "./store.js";
-const ScrollButton = ({ className, upIcon, downIcon })=>{
+const ScrollButton = ({ upIcon, downIcon, ...props })=>{
     const hasScrollableContent = useHasScrollableContent();
     const isScrollingDown = useIsAboveCenter();
     if (!hasScrollableContent) return null;
@@ -22,8 +22,8 @@ const ScrollButton = ({ className, upIcon, downIcon })=>{
         right: 16,
         variant: "light",
         onClick: handleClick,
-        className: className,
         "aria-label": isScrollingDown ? 'Scroll to bottom' : 'Scroll to top',
+        ...props,
         children: icon
     });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rolder/kit",
-	"version": "3.0.0-alpha.87",
+	"version": "3.0.0-alpha.89",
 	"type": "module",
 	"exports": {
 		".": {
@@ -26,11 +26,11 @@
 		"@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/native-preview": "^7.0.0-dev.20260122.4",
 		"typescript": "6.0.0-dev.20260122"
 	},
 	"peerDependencies": {
-		"@ai-sdk/react": "^3.0.47",
+		"@ai-sdk/react": "^3.0.50",
 		"@better-upload/client": "^3.0.12",
 		"@better-upload/server": "^3.0.12",
 		"@codemirror/lang-json": "^6.0.2",
@@ -42,9 +42,9 @@
 		"@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",
+		"@tanstack/react-router": "^1.154.12",
+		"@tanstack/react-router-ssr-query": "^1.154.12",
+		"@tanstack/react-start": "^1.154.12",
 		"@tiptap/extension-highlight": "^3.16.0",
 		"@tiptap/extension-placeholder": "^3.16.0",
 		"@tiptap/extension-table": "^3.16.0",
@@ -67,7 +67,7 @@
 		"streamdown": "^2.1.0",
 		"surrealdb": "2.0.0-alpha.16",
 		"xlsx": "^0.18.5",
-		"zod": "^4.3.5"
+		"zod": "^4.3.6"
 	},
 	"trustedDependencies": [
 		"core-js",