@rolder/kit 3.0.0-alpha-7 → 3.0.0-alpha-9

package/dist/ai/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ui';
+export * from './utils';

package/dist/ai/index.js

@@ -0,0 +1,2 @@
+export * from "./ui/index.js";
+export * from "./utils/index.js";

package/dist/ai/ui/conversation/ConversationContext.d.ts

@@ -0,0 +1,7 @@
+export interface ConversationContext {
+    loading: boolean;
+    streaming: boolean;
+    empty: boolean;
+}
+export declare const ConversationContext: import("react").Context<ConversationContext | null>;
+export declare const useConversation: () => ConversationContext;

package/dist/ai/ui/conversation/ConversationContext.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from "react";
+const ConversationContext = createContext(null);
+const useConversation = ()=>{
+    const context = useContext(ConversationContext);
+    if (!context) throw new Error('useConversation must be used within a ConversationProvider');
+    return context;
+};
+export { ConversationContext, useConversation };

package/dist/ai/ui/conversation/ConversationProvider.d.ts

@@ -0,0 +1,2 @@
+import type { ConversationProps } from './types';
+export declare const Provider: ({ children, loading, streaming, empty, }: ConversationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ai/ui/conversation/ConversationProvider.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { ConversationContext } from "./ConversationContext.js";
+const Provider = ({ children, loading, streaming, empty })=>{
+    const value = {
+        loading,
+        streaming,
+        empty
+    };
+    return /*#__PURE__*/ jsx(ConversationContext.Provider, {
+        value: value,
+        children: children
+    });
+};
+export { Provider };

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { UIMessage } from 'ai';
+export declare const File: <T extends UIMessage>({ message }: {
+    message: T;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/ai/ui/conversation/File.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { Image, Paper } from "@mantine/core";
+import { FileIcon } from "./FileIcon.js";
+const File = ({ message })=>{
+    const textFileType = message.id.split('-')[1];
+    const fileParts = message.parts?.filter((i)=>'file' === i.type);
+    const lastFilePart = fileParts[fileParts.length - 1];
+    const FileComponent = ()=>{
+        switch(textFileType){
+            case 'excel':
+                return /*#__PURE__*/ jsx(FileIcon, {
+                    mimeType: "excel"
+                });
+            case 'word':
+                return /*#__PURE__*/ jsx(FileIcon, {
+                    mimeType: "word"
+                });
+            case 'powerpoint':
+                return /*#__PURE__*/ jsx(FileIcon, {
+                    mimeType: "powerpoint"
+                });
+        }
+        if (lastFilePart.mediaType.includes('image/')) return /*#__PURE__*/ jsx(Image, {
+            radius: "md",
+            h: 128,
+            src: lastFilePart.url,
+            alt: "Image Preview"
+        });
+        return /*#__PURE__*/ jsx(FileIcon, {
+            mimeType: lastFilePart.mediaType
+        });
+    };
+    return textFileType || lastFilePart ? /*#__PURE__*/ jsx(Paper, {
+        radius: "md",
+        px: "md",
+        py: "sm",
+        ml: "auto",
+        bg: "var(--mantine-color-default-hover)",
+        children: /*#__PURE__*/ jsx(FileComponent, {})
+    }) : null;
+};
+export { File };

package/dist/ai/ui/conversation/FileIcon.d.ts

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

package/dist/ai/ui/conversation/FileIcon.js

@@ -0,0 +1,43 @@
+import { jsx } from "react/jsx-runtime";
+import { IconFile, IconFileTypeDoc, IconFileTypePdf, IconFileTypePpt, IconFileTypeXls, IconPhoto } from "@tabler/icons-react";
+const FileIcon = ({ mimeType })=>{
+    switch(true){
+        case mimeType.includes('image/'):
+            return /*#__PURE__*/ jsx(IconPhoto, {
+                size: 36,
+                stroke: 1.5,
+                color: "var(--mantine-color-text)"
+            });
+        case mimeType.includes('application/pdf'):
+            return /*#__PURE__*/ jsx(IconFileTypePdf, {
+                size: 36,
+                stroke: 1.5,
+                color: "var(--mantine-color-text)"
+            });
+        case 'word' === mimeType:
+            return /*#__PURE__*/ jsx(IconFileTypeDoc, {
+                size: 36,
+                stroke: 1.5,
+                color: "var(--mantine-color-text)"
+            });
+        case 'excel' === mimeType:
+            return /*#__PURE__*/ jsx(IconFileTypeXls, {
+                size: 36,
+                stroke: 1.5,
+                color: "var(--mantine-color-text)"
+            });
+        case 'powerpoint' === mimeType:
+            return /*#__PURE__*/ jsx(IconFileTypePpt, {
+                size: 36,
+                stroke: 1.5,
+                color: "var(--mantine-color-text)"
+            });
+        default:
+            return /*#__PURE__*/ jsx(IconFile, {
+                size: 36,
+                stroke: 1.5,
+                color: "var(--mantine-color-text)"
+            });
+    }
+};
+export { FileIcon };

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

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

package/dist/ai/ui/conversation/Loader.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { Loader } from "@mantine/core";
+import { useConversation } from "./ConversationContext.js";
+const Loader_Loader = (props)=>{
+    const { loading } = useConversation();
+    return loading ? /*#__PURE__*/ jsx(Loader, {
+        size: 28,
+        type: "dots",
+        ...props
+    }) : null;
+};
+export { Loader_Loader as Loader };

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

@@ -0,0 +1,4 @@
+import type { UIMessage } from 'ai';
+export declare const Message: <T extends UIMessage>({ message }: {
+    message: T;
+}) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { Paper } from "@mantine/core";
+import { Streamdown } from "streamdown";
+import { useConversation } from "./ConversationContext.js";
+import { useChatMessage } from "./useChatMessage.js";
+const Message = ({ message })=>{
+    const textParts = message?.parts?.filter((i)=>'text' === i.type);
+    const lastTextPart = textParts?.[textParts.length - 1];
+    const chatMessage = useChatMessage(lastTextPart);
+    const { streaming } = useConversation();
+    return chatMessage && 'system' !== message.role ? /*#__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: streaming && 'assistant' === message.role,
+            children: chatMessage
+        })
+    }) : null;
+};
+export { Message };

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

@@ -0,0 +1,2 @@
+import type { ConversationProps } from './types';
+export declare const Root: ({ children, loading, streaming, empty, ...props }: ConversationProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Paper, Stack } from "@mantine/core";
+import { ScrollArea } from "../../../ui/index.js";
+import { Provider } from "./ConversationProvider.js";
+const Root = ({ children, loading, streaming, empty, ...props })=>/*#__PURE__*/ jsx(Provider, {
+        loading: loading,
+        streaming: streaming,
+        empty: empty,
+        children: /*#__PURE__*/ jsx(Paper, {
+            withBorder: true,
+            radius: "md",
+            ...props,
+            children: /*#__PURE__*/ jsxs(ScrollArea, {
+                autoScroll: true,
+                scrollToBottomOnInit: true,
+                p: "md",
+                children: [
+                    /*#__PURE__*/ jsx(Stack, {
+                        children: children
+                    }),
+                    /*#__PURE__*/ jsx(ScrollArea.ScrollButton, {})
+                ]
+            })
+        })
+    });
+export { Root };

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

@@ -0,0 +1,13 @@
+export * from './types';
+export * from './useChatMessage';
+export declare const Conversation: {
+    Root: ({ children, loading, streaming, empty, ...props }: import("./types").ConversationProps) => import("react/jsx-runtime").JSX.Element;
+    Message: <T extends import("ai").UIMessage>({ message }: {
+        message: T;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    File: <T extends import("ai").UIMessage>({ message }: {
+        message: T;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    Loader: (props: import("@mantine/core").LoaderProps) => import("react/jsx-runtime").JSX.Element | null;
+    Empty: () => import("react/jsx-runtime").JSX.Element | null;
+};

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

@@ -0,0 +1,15 @@
+import { Empty } from "./Empty.js";
+import { File } from "./File.js";
+import { Loader } from "./Loader.js";
+import { Message } from "./Message.js";
+import { Root } from "./Root.js";
+export * from "./types.js";
+export * from "./useChatMessage.js";
+const Conversation = {
+    Root: Root,
+    Message: Message,
+    File: File,
+    Loader: Loader,
+    Empty: Empty
+};
+export { Conversation };

package/dist/ai/ui/conversation/types.d.ts

@@ -0,0 +1,7 @@
+import type { PaperProps } from '@mantine/core';
+export interface ConversationProps extends PaperProps {
+    children?: React.ReactNode;
+    loading: boolean;
+    streaming: boolean;
+    empty: boolean;
+}

package/dist/ai/ui/conversation/useChatMessage.d.ts

@@ -0,0 +1,2 @@
+import type { TextUIPart } from 'ai';
+export declare const useChatMessage: (part: TextUIPart) => string;

package/dist/ai/ui/conversation/useChatMessage.js

@@ -0,0 +1,12 @@
+import { useEffect, useState } from "react";
+import { parseAiMessagePart } from "../../utils/index.js";
+const useChatMessage = (part)=>{
+    const [parsedText, setParsedText] = useState('');
+    useEffect(()=>{
+        parseAiMessagePart(part).then((i)=>setParsedText(i.text));
+    }, [
+        part
+    ]);
+    return parsedText;
+};
+export { useChatMessage };

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

@@ -0,0 +1,2 @@
+export * from './conversation';
+export * from './promptInput';

package/dist/ai/ui/index.js

@@ -0,0 +1,2 @@
+export * from "./conversation/index.js";
+export * from "./promptInput/index.js";

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

@@ -0,0 +1,2 @@
+import { type FileButtonProps } from '@mantine/core';
+export declare const File: (props: Omit<FileButtonProps, "onChange" | "children">) => import("react/jsx-runtime").JSX.Element;

package/dist/ai/ui/promptInput/File.js

@@ -0,0 +1,69 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ActionIcon, FileButton, Tooltip } from "@mantine/core";
+import { IconPaperclip, IconTrash } from "@tabler/icons-react";
+import { useRef } from "react";
+import { FileIcon } from "./FileIcon.js";
+import { usePromptInput } from "./PromptInputContext.js";
+import styles_module from "./styles.module.js";
+const File = (props)=>{
+    const resetRef = useRef(null);
+    const { file, setFile, accept, submiting, uploading } = usePromptInput();
+    return /*#__PURE__*/ jsx(FileButton, {
+        resetRef: resetRef,
+        onChange: async (file)=>{
+            if (file) setFile(file);
+        },
+        accept: accept,
+        disabled: submiting || uploading,
+        ...props,
+        children: (props)=>/*#__PURE__*/ jsxs(ActionIcon.Group, {
+                children: [
+                    /*#__PURE__*/ jsx(ActionIcon, {
+                        size: "lg",
+                        variant: "default",
+                        disabled: submiting,
+                        loading: uploading,
+                        classNames: {
+                            root: styles_module.fileActionAction
+                        },
+                        ...props,
+                        children: /*#__PURE__*/ jsx(IconPaperclip, {
+                            size: 24,
+                            stroke: 1.5
+                        })
+                    }),
+                    file && /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(Tooltip, {
+                                label: file.name,
+                                openDelay: 500,
+                                children: /*#__PURE__*/ jsx(ActionIcon.GroupSection, {
+                                    variant: "default",
+                                    size: "lg",
+                                    children: /*#__PURE__*/ jsx(FileIcon, {
+                                        mimeType: file.type
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(ActionIcon, {
+                                size: "lg",
+                                variant: "default",
+                                classNames: {
+                                    root: styles_module.fileActionAction
+                                },
+                                onClick: ()=>{
+                                    resetRef.current?.();
+                                    setFile(void 0);
+                                },
+                                children: /*#__PURE__*/ jsx(IconTrash, {
+                                    size: 24,
+                                    stroke: 1.5
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+    });
+};
+export { File };

package/dist/ai/ui/promptInput/FileIcon.d.ts

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

package/dist/ai/ui/promptInput/FileIcon.js

@@ -0,0 +1,43 @@
+import { jsx } from "react/jsx-runtime";
+import { IconFile, IconFileTypeDoc, IconFileTypePdf, IconFileTypePpt, IconFileTypeXls, IconPhoto } from "@tabler/icons-react";
+const FileIcon = ({ mimeType })=>{
+    switch(true){
+        case mimeType.includes('image/'):
+            return /*#__PURE__*/ jsx(IconPhoto, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+        case mimeType.includes('application/pdf'):
+            return /*#__PURE__*/ jsx(IconFileTypePdf, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+        case mimeType.includes('application/vnd.openxmlformats-officedocument.wordprocessingml.document'):
+            return /*#__PURE__*/ jsx(IconFileTypeDoc, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+        case mimeType.includes('application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'):
+            return /*#__PURE__*/ jsx(IconFileTypeXls, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+        case mimeType.includes('application/vnd.openxmlformats-officedocument.presentationml.presentation'):
+            return /*#__PURE__*/ jsx(IconFileTypePpt, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+        default:
+            return /*#__PURE__*/ jsx(IconFile, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+    }
+};
+export { FileIcon };

package/dist/ai/ui/promptInput/Footer.d.ts

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

package/dist/ai/ui/promptInput/Footer.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+import { Group } from "@mantine/core";
+const Footer = (props)=>/*#__PURE__*/ jsx(Group, {
+        justify: "space-between",
+        p: "xs",
+        ...props
+    });
+export { Footer };

package/dist/ai/ui/promptInput/PromptInputContext.d.ts

@@ -0,0 +1,12 @@
+export interface PromptInputContext {
+    text: string;
+    setText: (text: string) => void;
+    file?: File;
+    setFile: (file?: File) => void;
+    onSubmit: () => void;
+    submiting: boolean;
+    uploading: boolean;
+    accept?: string;
+}
+export declare const PromptInputContext: import("react").Context<PromptInputContext | null>;
+export declare const usePromptInput: () => PromptInputContext;

package/dist/ai/ui/promptInput/PromptInputContext.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from "react";
+const PromptInputContext = createContext(null);
+const usePromptInput = ()=>{
+    const context = useContext(PromptInputContext);
+    if (!context) throw new Error('usePromptInput must be used within a PromptInputProvider');
+    return context;
+};
+export { PromptInputContext, usePromptInput };

package/dist/ai/ui/promptInput/PromptInputProvider.d.ts

@@ -0,0 +1,2 @@
+import type { PromptInputProps } from './types';
+export declare const Provider: ({ children, onSubmit, submiting, uploading, accept, }: PromptInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ai/ui/promptInput/PromptInputProvider.js

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { PromptInputContext } from "./PromptInputContext.js";
+const Provider = ({ children, onSubmit, submiting, uploading, accept = [
+    'text',
+    'image',
+    'pdf'
+] })=>{
+    const [text, setText] = useState('');
+    const [file, setFile] = useState();
+    const value = {
+        text,
+        setText,
+        file,
+        setFile,
+        onSubmit: ()=>{
+            if (text.trim()) {
+                onSubmit({
+                    text: text.trim(),
+                    file
+                });
+                setText('');
+                setFile(void 0);
+            }
+        },
+        submiting,
+        uploading,
+        accept: accept.map((type)=>{
+            switch(type){
+                case 'text':
+                    return 'text/plain';
+                case 'image':
+                    return 'image/*';
+                case 'pdf':
+                    return 'application/pdf';
+                case 'excel':
+                    return 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+                case 'word':
+                    return 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
+                default:
+                    return type;
+            }
+        }).join(',')
+    };
+    return /*#__PURE__*/ jsx(PromptInputContext.Provider, {
+        value: value,
+        children: children
+    });
+};
+export { Provider };

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

@@ -0,0 +1,3 @@
+import { type PaperProps } from '@mantine/core';
+import type { PromptInputProps } from './types';
+export declare const Root: ({ className, onSubmit, submiting, uploading, accept, ...props }: PaperProps & PromptInputProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { Paper } from "@mantine/core";
+import clsx from "clsx";
+import { Provider } from "./PromptInputProvider.js";
+import styles_module from "./styles.module.js";
+const Root = ({ className, onSubmit, submiting, uploading, accept, ...props })=>/*#__PURE__*/ jsx(Provider, {
+        onSubmit: onSubmit,
+        submiting: submiting,
+        uploading: uploading,
+        accept: accept,
+        children: /*#__PURE__*/ jsx(Paper, {
+            radius: "md",
+            withBorder: true,
+            className: clsx(styles_module.root, className),
+            ...props
+        })
+    });
+export { Root };

package/dist/ai/ui/promptInput/Submit.d.ts

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

package/dist/ai/ui/promptInput/Submit.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { ActionIcon } from "@mantine/core";
+import { IconArrowBigUp } from "@tabler/icons-react";
+import { usePromptInput } from "./PromptInputContext.js";
+const Submit = ({ children, ...props })=>{
+    const Icon = /*#__PURE__*/ jsx(IconArrowBigUp, {
+        strokeWidth: 1.5
+    });
+    const { onSubmit, submiting, uploading } = usePromptInput();
+    return /*#__PURE__*/ jsx(ActionIcon, {
+        "aria-label": "Submit",
+        variant: "light",
+        size: "lg",
+        onClick: onSubmit,
+        disabled: uploading,
+        loading: submiting,
+        ...props,
+        children: children ?? Icon
+    });
+};
+export { Submit };

package/dist/ai/ui/promptInput/Textarea.d.ts

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

package/dist/ai/ui/promptInput/Textarea.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { Textarea } from "@mantine/core";
+import { useState } from "react";
+import { usePromptInput } from "./PromptInputContext.js";
+import styles_module from "./styles.module.js";
+const Textarea_Textarea = (props)=>{
+    const { text, setText, onSubmit, submiting, uploading } = usePromptInput();
+    const [isComposing, setIsComposing] = useState(false);
+    const handleKeyDown = (e)=>{
+        if ('Enter' === e.key) {
+            if (isComposing || e.nativeEvent.isComposing) return;
+            if (e.shiftKey) return;
+            e.preventDefault();
+            onSubmit();
+        }
+    };
+    return /*#__PURE__*/ jsx(Textarea, {
+        w: "100%",
+        size: "md",
+        rows: 3,
+        classNames: {
+            input: styles_module.textarea
+        },
+        placeholder: "Напишите сообщение",
+        onCompositionEnd: ()=>setIsComposing(false),
+        onCompositionStart: ()=>setIsComposing(true),
+        onKeyDown: handleKeyDown,
+        value: text,
+        onChange: (e)=>setText(e.target.value),
+        disabled: submiting || uploading,
+        ...props
+    });
+};
+export { Textarea_Textarea as Textarea };

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

@@ -0,0 +1,8 @@
+export * from './types';
+export declare const PromptInput: {
+    Root: ({ className, onSubmit, submiting, uploading, accept, ...props }: import("@mantine/core").PaperProps & import("./types").PromptInputProps) => import("react/jsx-runtime").JSX.Element;
+    Textarea: (props: import("@mantine/core").TextareaProps) => import("react/jsx-runtime").JSX.Element;
+    Footer: (props: import("@mantine/core").GroupProps) => import("react/jsx-runtime").JSX.Element;
+    Submit: ({ children, ...props }: import("@mantine/core").ActionIconProps) => import("react/jsx-runtime").JSX.Element;
+    File: (props: Omit<import("@mantine/core").FileButtonProps, "onChange" | "children">) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,14 @@
+import { File } from "./File.js";
+import { Footer } from "./Footer.js";
+import { Root } from "./Root.js";
+import { Submit } from "./Submit.js";
+import { Textarea } from "./Textarea.js";
+export * from "./types.js";
+const PromptInput = {
+    Root: Root,
+    Textarea: Textarea,
+    Footer: Footer,
+    Submit: Submit,
+    File: File
+};
+export { PromptInput };

package/dist/ai/ui/promptInput/styles.module.js

@@ -0,0 +1,7 @@
+import "./styles_module.css";
+const styles_module = {
+    root: "root-gmXOO2",
+    textarea: "textarea-f3Dbtf",
+    fileActionAction: "fileActionAction-w3KPzA"
+};
+export { styles_module as default };

package/dist/ai/ui/promptInput/styles_module.css

@@ -0,0 +1,24 @@
+.root-gmXOO2 {
+  background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-6));
+
+  &:focus-within {
+    border-color: var(--mantine-primary-color-filled);
+    border-color: var(--mantine-primary-color-filled);
+    outline: none;
+  }
+}
+
+.textarea-f3Dbtf {
+  border: 0;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.fileActionAction-w3KPzA {
+  color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1));
+
+  &[data-disabled] {
+    color: light-dark(var(--mantine-color-gray-5), var(--mantine-color-dark-3));
+  }
+}
+

package/dist/ai/ui/promptInput/types.d.ts

@@ -0,0 +1,11 @@
+export type Accept = 'text' | 'image' | 'pdf' | 'excel' | 'word';
+export interface PromptInputProps {
+    children: React.ReactNode;
+    onSubmit: ({ text, file }: {
+        text: string;
+        file?: File;
+    }) => void;
+    submiting: boolean;
+    uploading: boolean;
+    accept?: Accept[];
+}

package/dist/ai/utils/convertFileUIPartBlobToDataURL.d.ts

@@ -0,0 +1,5 @@
+import type { FileUIPart } from 'ai';
+/**
+ * Converts FileUIPart array with blob URLs to data URLs
+ */
+export declare function convertFileUIPartBlobToDataURL(file: FileUIPart): Promise<FileUIPart>;

package/dist/ai/utils/convertFileUIPartBlobToDataURL.js

@@ -0,0 +1,21 @@
+async function blobToDataURL(blobUrl) {
+    const response = await fetch(blobUrl);
+    const blob = await response.blob();
+    return new Promise((resolve, reject)=>{
+        const reader = new FileReader();
+        reader.onload = ()=>resolve(reader.result);
+        reader.onerror = reject;
+        reader.readAsDataURL(blob);
+    });
+}
+async function convertFileUIPartBlobToDataURL(file) {
+    if (file.url.startsWith('blob:')) {
+        const dataUrl = await blobToDataURL(file.url);
+        return {
+            ...file,
+            url: dataUrl
+        };
+    }
+    return file;
+}
+export { convertFileUIPartBlobToDataURL };

package/dist/ai/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './convertFileUIPartBlobToDataURL';
+export * from './parseAiMessagePart';

package/dist/ai/utils/index.js

@@ -0,0 +1,2 @@
+export * from "./convertFileUIPartBlobToDataURL.js";
+export * from "./parseAiMessagePart.js";

package/dist/ai/utils/parseAiMessagePart.d.ts

@@ -0,0 +1,2 @@
+import { type TextUIPart } from 'ai';
+export declare const parseAiMessagePart: <T extends TextUIPart>(part: T) => Promise<T>;

package/dist/ai/utils/parseAiMessagePart.js

@@ -0,0 +1,12 @@
+import { parsePartialJson } from "ai";
+const parseAiMessagePart = async (part)=>{
+    if (!part.text.startsWith('{')) return part;
+    try {
+        const result = await parsePartialJson(part.text);
+        return result?.value || part;
+    } catch (error) {
+        console.error('Error parsing partial JSON:', error);
+        return part;
+    }
+};
+export { parseAiMessagePart };

package/dist/app/defaultTheme.d.ts

@@ -7,19 +7,19 @@ export declare const defaultTheme: {
     colors?: {
         [x: string & {}]: 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;
+        indigo?: import("@mantine/core").MantineColorsTuple | undefined;
         blue?: import("@mantine/core").MantineColorsTuple | undefined;
         cyan?: import("@mantine/core").MantineColorsTuple | undefined;
-        gray?: import("@mantine/core").MantineColorsTuple | undefined;
         green?: import("@mantine/core").MantineColorsTuple | undefined;
-        indigo?: import("@mantine/core").MantineColorsTuple | undefined;
         lime?: import("@mantine/core").MantineColorsTuple | undefined;
+        yellow?: import("@mantine/core").MantineColorsTuple | undefined;
         orange?: import("@mantine/core").MantineColorsTuple | undefined;
-        pink?: import("@mantine/core").MantineColorsTuple | undefined;
-        red?: import("@mantine/core").MantineColorsTuple | undefined;
         teal?: import("@mantine/core").MantineColorsTuple | undefined;
-        violet?: import("@mantine/core").MantineColorsTuple | undefined;
-        yellow?: import("@mantine/core").MantineColorsTuple | undefined;
-        grape?: import("@mantine/core").MantineColorsTuple | undefined;
     } | undefined;
     primaryShade?: import("@mantine/core").MantineColorShade | {
         light?: import("@mantine/core").MantineColorShade | undefined;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from './ai';
 export * from './app';
 export * from './functions';
 export * from './hooks';

package/dist/index.js

@@ -1,3 +1,4 @@
+export * from "./ai/index.js";
 export * from "./app/index.js";
 export * from "./functions/index.js";
 export * from "./hooks/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolder/kit",
-  "version": "3.0.0-alpha-7",
+  "version": "3.0.0-alpha-9",
   "type": "module",
   "exports": {
     ".": {
@@ -57,10 +57,14 @@
     "js-cookie": "^3.0.5",
     "nanostores": "^1.1.0",
     "surrealdb": "^2.0.0-alpha.16",
-    "omgopass": "^3.2.1"
+    "omgopass": "^3.2.1",
+    "ai": "^6.0.31"
   },
   "trustedDependencies": [
     "core-js",
     "esbuild"
-  ]
+  ],
+  "dependencies": {
+    "streamdown": "^2.0.1"
+  }
 }