@rolder/kit 3.0.0-alpha.3 → 3.0.0-alpha.30

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

@@ -1,7 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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/File.d.ts

@@ -1,4 +0,0 @@
-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/FileIcon.js

@@ -1,225 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const FileIcon = ({ mimeType })=>{
-    switch(true){
-        case mimeType.includes('image/'):
-            return /*#__PURE__*/ jsxs("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "36",
-                height: "36",
-                viewBox: "0 0 36 36",
-                fill: "none",
-                stroke: "var(--mantine-color-text)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                role: "img",
-                "aria-label": "Image",
-                children: [
-                    /*#__PURE__*/ jsx("path", {
-                        stroke: "none",
-                        d: "M0 0h24v24H0z",
-                        fill: "none"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M15 8h.01"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"
-                    })
-                ]
-            });
-        case mimeType.includes('application/pdf'):
-            return /*#__PURE__*/ jsxs("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "36",
-                height: "36",
-                viewBox: "0 0 36 36",
-                fill: "none",
-                stroke: "var(--mantine-color-text)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                role: "img",
-                "aria-label": "FilePdf",
-                children: [
-                    /*#__PURE__*/ jsx("path", {
-                        stroke: "none",
-                        d: "M0 0h24v24H0z",
-                        fill: "none"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M14 3v4a1 1 0 0 0 1 1h4"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M5 18h1.5a1.5 1.5 0 0 0 0 -3h-1.5v6"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M17 18h2"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M20 15h-3v6"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M11 15v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1"
-                    })
-                ]
-            });
-        case 'word' === mimeType:
-            return /*#__PURE__*/ jsxs("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "36",
-                height: "36",
-                viewBox: "0 0 36 36",
-                fill: "none",
-                stroke: "var(--mantine-color-text)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                role: "img",
-                "aria-label": "FileDoc",
-                children: [
-                    /*#__PURE__*/ jsx("path", {
-                        stroke: "none",
-                        d: "M0 0h24v24H0z",
-                        fill: "none"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M14 3v4a1 1 0 0 0 1 1h4"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M5 15v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M20 16.5a1.5 1.5 0 0 0 -3 0v3a1.5 1.5 0 0 0 3 0"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M12.5 15a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1 -3 0v-3a1.5 1.5 0 0 1 1.5 -1.5"
-                    })
-                ]
-            });
-        case 'excel' === mimeType:
-            return /*#__PURE__*/ jsxs("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "36",
-                height: "36",
-                viewBox: "0 0 36 36",
-                fill: "none",
-                stroke: "var(--mantine-color-text)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                role: "img",
-                "aria-label": "FileXls",
-                children: [
-                    /*#__PURE__*/ jsx("path", {
-                        stroke: "none",
-                        d: "M0 0h24v24H0z",
-                        fill: "none"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M14 3v4a1 1 0 0 0 1 1h4"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M4 15l4 6"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M4 21l4 -6"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M17 20.25c0 .414 .336 .75 .75 .75h1.25a1 1 0 0 0 1 -1v-1a1 1 0 0 0 -1 -1h-1a1 1 0 0 1 -1 -1v-1a1 1 0 0 1 1 -1h1.25a.75 .75 0 0 1 .75 .75"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M11 15v6h3"
-                    })
-                ]
-            });
-        case 'powerpoint' === mimeType:
-            return /*#__PURE__*/ jsxs("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "36",
-                height: "36",
-                viewBox: "0 0 36 36",
-                fill: "none",
-                stroke: "var(--mantine-color-text)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                role: "img",
-                "aria-label": "FilePpt",
-                children: [
-                    /*#__PURE__*/ jsx("path", {
-                        stroke: "none",
-                        d: "M0 0h24v24H0z",
-                        fill: "none"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M14 3v4a1 1 0 0 0 1 1h4"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M14 3v4a1 1 0 0 0 1 1h4"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M5 18h1.5a1.5 1.5 0 0 0 0 -3h-1.5v6"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M11 18h1.5a1.5 1.5 0 0 0 0 -3h-1.5v6"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M16.5 15h3"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M18 15v6"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4"
-                    })
-                ]
-            });
-        default:
-            return /*#__PURE__*/ jsxs("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "36",
-                height: "36",
-                viewBox: "0 0 36 36",
-                fill: "none",
-                stroke: "var(--mantine-color-text)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                role: "img",
-                "aria-label": "File",
-                children: [
-                    /*#__PURE__*/ jsx("path", {
-                        stroke: "none",
-                        d: "M0 0h24v24H0z",
-                        fill: "none"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M15 3v4a1 1 0 0 0 1 1h4"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M18 17h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h4l5 5v7a2 2 0 0 1 -2 2"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"
-                    })
-                ]
-            });
-    }
-};
-export { FileIcon };

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

@@ -1,4 +0,0 @@
-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

@@ -1,25 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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

@@ -1,13 +0,0 @@
-export type { ConversationProps } from './types';
-export { useChatMessage } 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/types.d.ts

@@ -1,7 +0,0 @@
-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

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

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

@@ -1,12 +0,0 @@
-import { useEffect, useState } from "react";
-import { parseAiMessagePart } from "../../utils/parseAiMessagePart.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/promptInput/File.js

@@ -1,117 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { ActionIcon, FileButton, Tooltip } from "@mantine/core";
-import { useRef } from "react";
-import { FileIcon } from "./FileIcon.js";
-import { usePromptInput } from "./PromptInputContext.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: 'rolder-prompt-input-file-action-action'
-                        },
-                        ...props,
-                        children: /*#__PURE__*/ jsxs("svg", {
-                            xmlns: "http://www.w3.org/2000/svg",
-                            width: "24",
-                            height: "24",
-                            viewBox: "0 0 24 24",
-                            fill: "none",
-                            stroke: "currentColor",
-                            "stroke-width": "1.5",
-                            "stroke-linecap": "round",
-                            "stroke-linejoin": "round",
-                            role: "img",
-                            "aria-label": "Paperclip",
-                            children: [
-                                /*#__PURE__*/ jsx("path", {
-                                    stroke: "none",
-                                    d: "M0 0h24v24H0z",
-                                    fill: "none"
-                                }),
-                                /*#__PURE__*/ jsx("path", {
-                                    d: "M15 7l-6.5 6.5a1.5 1.5 0 0 0 3 3l6.5 -6.5a3 3 0 0 0 -6 -6l-6.5 6.5a4.5 4.5 0 0 0 9 9l6.5 -6.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: 'rolder-prompt-input-file-action-action'
-                                },
-                                onClick: ()=>{
-                                    resetRef.current?.();
-                                    setFile(void 0);
-                                },
-                                children: /*#__PURE__*/ jsxs("svg", {
-                                    xmlns: "http://www.w3.org/2000/svg",
-                                    width: "24",
-                                    height: "24",
-                                    viewBox: "0 0 24 24",
-                                    fill: "none",
-                                    stroke: "currentColor",
-                                    "stroke-width": "1.5",
-                                    "stroke-linecap": "round",
-                                    "stroke-linejoin": "round",
-                                    role: "img",
-                                    "aria-label": "Trash",
-                                    children: [
-                                        /*#__PURE__*/ jsx("path", {
-                                            stroke: "none",
-                                            d: "M0 0h24v24H0z",
-                                            fill: "none"
-                                        }),
-                                        /*#__PURE__*/ jsx("path", {
-                                            d: "M4 7l16 0"
-                                        }),
-                                        /*#__PURE__*/ jsx("path", {
-                                            d: "M10 11l0 6"
-                                        }),
-                                        /*#__PURE__*/ jsx("path", {
-                                            d: "M14 11l0 6"
-                                        }),
-                                        /*#__PURE__*/ jsx("path", {
-                                            d: "M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"
-                                        }),
-                                        /*#__PURE__*/ jsx("path", {
-                                            d: "M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"
-                                        })
-                                    ]
-                                })
-                            })
-                        ]
-                    })
-                ]
-            })
-    });
-};
-export { File };