@rolder/kit 3.0.0-alpha.14 → 3.0.0-alpha.16

package/dist/TestIcon.d.ts

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

package/dist/TestIcon.js

@@ -0,0 +1,4 @@
+import { jsx } from "react/jsx-runtime";
+import { IconBrandAdobeAfterEffect } from "@tabler/icons-react";
+const TestIcon = ()=>/*#__PURE__*/ jsx(IconBrandAdobeAfterEffect, {});
+export { TestIcon };

package/dist/index.d.ts

@@ -1,9 +1 @@
-/** biome-ignore-all assist/source/organizeImports: <> */
-export { Conversation, type ConversationProps, useChatMessage, } from './ai/ui/conversation';
-export { type Accept, PromptInput, type PromptInputProps, } from './ai/ui/promptInput';
-export { convertFileUIPartBlobToDataURL } from './ai/utils/convertFileUIPartBlobToDataURL';
-export { parseAiMessagePart } from './ai/utils/parseAiMessagePart';
-export { DefaultApp } from './app/DefaultApp';
-export { defaultRequestMiddlewares } from './app/defaultRequestMiddlewares';
-export { defaultTheme } from './app/defaultTheme';
-export { ScrollArea, useScrollArea, type ScrollAreaContextValue, type ScrollAreaHook, type ScrollAreaProps, type ScrollAreaState, type ScrollButtonProps, type ScrollPosition, } from './ui/scrollArea';
+export { IconBrandAdobeAfterEffect } from '@tabler/icons-react';

package/dist/index.js

@@ -0,0 +1,2 @@
+import { IconBrandAdobeAfterEffect } from "@tabler/icons-react";
+export { IconBrandAdobeAfterEffect };

package/package.json

@@ -1,41 +1,14 @@
 {
   "name": "@rolder/kit",
-  "version": "3.0.0-alpha.14",
+  "version": "3.0.0-alpha.16",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
-    "./styles.css": "./dist/styles.css",
-    "./conversation": {
-      "import": "./dist/ai/ui/conversation/index.js"
-    },
-    "./promptInput": {
-      "import": "./dist/ai/ui/promptInput/index.js"
-    },
-    "./convertFileUIPartBlobToDataURL": {
-      "import": "./dist/ai/utils/convertFileUIPartBlobToDataURL.js"
-    },
-    "./parseAiMessagePart": {
-      "import": "./dist/ai/utils/parseAiMessagePart.js"
-    },
-    "./AppDefaults": {
-      "import": "./dist/app/AppDefaults.js"
-    },
-    "./cookieColorSchemeManager": {
-      "import": "./dist/app/cookieColorSchemeManager.js"
-    },
-    "./DefaultApp": {
-      "import": "./dist/app/DefaultApp.js"
-    },
-    "./defaultRequestMiddlewares": {
-      "import": "./dist/app/defaultRequestMiddlewares.js"
-    },
-    "./defaultTheme": {
-      "import": "./dist/app/defaultTheme.js"
-    },
-    "./scrollArea": {
-      "import": "./dist/ui/scrollArea/index.js"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     }
   },
   "sideEffects": false,
@@ -93,5 +66,8 @@
   "trustedDependencies": [
     "core-js",
     "esbuild"
-  ]
+  ],
+  "dependencies": {
+    "@tabler/icons-react": "^3.36.1"
+  }
 }

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/Empty.d.ts

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

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

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

@@ -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/File.js

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

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

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)",
-                strokeWidth: "1.5",
-                strokeLinecap: "round",
-                strokeLinejoin: "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)",
-                strokeWidth: "1.5",
-                strokeLinecap: "round",
-                strokeLinejoin: "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)",
-                strokeWidth: "1.5",
-                strokeLinecap: "round",
-                strokeLinejoin: "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)",
-                strokeWidth: "1.5",
-                strokeLinecap: "round",
-                strokeLinejoin: "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)",
-                strokeWidth: "1.5",
-                strokeLinecap: "round",
-                strokeLinejoin: "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)",
-                strokeWidth: "1.5",
-                strokeLinecap: "round",
-                strokeLinejoin: "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/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/conversation/Loader.js

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

@@ -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/scrollArea/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/index.js

@@ -1,14 +0,0 @@
-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";
-import { useChatMessage } from "./useChatMessage.js";
-const Conversation = {
-    Root: Root,
-    Message: Message,
-    File: File,
-    Loader: Loader,
-    Empty: Empty
-};
-export { Conversation, useChatMessage };

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.d.ts

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