@rolder/kit 3.0.0-alpha.11 → 3.0.0-alpha.111

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

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Paper, Stack } from "@mantine/core";
+import { ScrollArea } from "../../../../ui/index.js";
+import { useChatMessageIds } from "../store/index.js";
+import { Empty } from "./Empty.js";
+import { Loader } from "./Loader.js";
+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, {
+        withBorder: true,
+        radius: radius,
+        ...props,
+        children: /*#__PURE__*/ jsxs(ScrollArea.Root, {
+            autoScroll: true,
+            height: height,
+            radius: radius,
+            ...scrollAreaProps,
+            children: [
+                /*#__PURE__*/ jsxs(Stack, {
+                    p: padding,
+                    ...stackProps,
+                    children: [
+                        messageIds.length ? messageIds.map((messageId)=>/*#__PURE__*/ jsx(Message, {
+                                messageId: messageId,
+                                children: children
+                            }, messageId)) : /*#__PURE__*/ jsx(Empty, {
+                            emptyComponent: emptyComponent
+                        }),
+                        /*#__PURE__*/ jsx(Loader, {
+                            loaderComponent: loaderComponent
+                        })
+                    ]
+                }),
+                withScrollButton && /*#__PURE__*/ jsx(ScrollArea.ScrollButton, {})
+            ]
+        })
+    });
+};
+export { Messages };

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

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

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

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

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

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

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

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { Image, Paper } from "@mantine/core";
+import { memo } from "react";
 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 FilePart = /*#__PURE__*/ memo(({ part, messageId })=>{
+    const textFileType = messageId.split('-')[1];
     const FileComponent = ()=>{
         switch(textFileType){
             case 'excel':
@@ -20,17 +19,18 @@ const File = ({ message })=>{
                     mimeType: "powerpoint"
                 });
         }
-        if (lastFilePart.mediaType.includes('image/')) return /*#__PURE__*/ jsx(Image, {
+        if (!part) return null;
+        if (part.mediaType.includes('image/')) return /*#__PURE__*/ jsx(Image, {
             radius: "md",
             h: 128,
-            src: lastFilePart.url,
+            src: part.url,
             alt: "Image Preview"
         });
         return /*#__PURE__*/ jsx(FileIcon, {
-            mimeType: lastFilePart.mediaType
+            mimeType: part.mediaType
         });
     };
-    return textFileType || lastFilePart ? /*#__PURE__*/ jsx(Paper, {
+    return textFileType || part ? /*#__PURE__*/ jsx(Paper, {
         radius: "md",
         px: "md",
         py: "sm",
@@ -38,5 +38,5 @@ const File = ({ message })=>{
         bg: "var(--mantine-color-default-hover)",
         children: /*#__PURE__*/ jsx(FileComponent, {})
     }) : null;
-};
-export { File };
+});
+export { FilePart };

package/dist/ai/ui/chat/parts/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/chat/parts/PartPaper.d.ts

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Streamdown } from "streamdown";
+import { getChatMessage } from "../store/index.js";
+import { PartPaper } from "./PartPaper.js";
+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
+        })
+    });
+};
+export { TextPart };

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

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

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

@@ -0,0 +1,56 @@
+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: [
+                    /*#__PURE__*/ jsx(Loader, {
+                        size: 28,
+                        type: "dots"
+                    }),
+                    /*#__PURE__*/ jsxs(Text, {
+                        size: "sm",
+                        children: [
+                            'Запускаю "',
+                            part.title,
+                            '"...'
+                        ]
+                    })
+                ]
+            });
+        case 'output-available':
+            return /*#__PURE__*/ jsxs(Group, {
+                gap: "xs",
+                children: [
+                    /*#__PURE__*/ jsx(IconCheck, {
+                        size: 28,
+                        color: "green"
+                    }),
+                    /*#__PURE__*/ jsxs(Text, {
+                        size: "sm",
+                        children: [
+                            '"',
+                            part.title,
+                            '" выполнен'
+                        ]
+                    })
+                ]
+            });
+        case 'output-error':
+            return onError ? onError(part.errorText) : /*#__PURE__*/ jsxs(Text, {
+                c: "red",
+                children: [
+                    "Ошибка: ",
+                    part.errorText
+                ]
+            });
+        default:
+            return null;
+    }
+};
+export { ToolExecution };

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import type { UIMessage } from 'ai';
+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 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

@@ -0,0 +1,40 @@
+import { useStore } from "@nanostores/react";
+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);
+const $messagesParts = map({});
+const getMessagesParts = ()=>$messagesParts.get();
+const setMessageParts = (messageId, messageParts)=>$messagesParts.setKey(messageId, messageParts);
+const useMessageParts = (messageId)=>useStore($messagesParts, {
+        keys: [
+            messageId
+        ]
+    })[messageId];
+const $isEmpty = computed($chatMessageIds, (messages)=>0 === messages.length);
+const getIsEmpty = ()=>$isEmpty.get();
+export { addChatMessage, getChatMessage, getChatMessageIds, getChatMessages, getIsEmpty, getMessagesParts, setChatMessages, setMessageParts, useChatMessageIds, useMessageParts };

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

@@ -0,0 +1,14 @@
+import type { FileUIPart } from 'ai';
+export type SendMessage = ({ text, file }: {
+    text: string;
+    file?: FileUIPart;
+}, data?: Record<string, unknown>) => Promise<void>;
+type SendSdkMessage = ({ text, files }: {
+    text: string;
+    files?: FileUIPart[];
+}, { body }: {
+    body?: Record<string, unknown>;
+}) => Promise<void>;
+export declare const setChatSendMessage: (sendMessage: SendSdkMessage) => void;
+export declare const sendMessage: SendMessage;
+export {};

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

@@ -0,0 +1,16 @@
+import { atom } from "nanostores";
+const $chatSendMessage = atom();
+const getChatSendMessage = ()=>$chatSendMessage.get();
+const setChatSendMessage = (sendMessage)=>$chatSendMessage.set(sendMessage);
+const send_sendMessage = async ({ text, file }, data)=>{
+    const files = file ? [
+        file
+    ] : [];
+    await getChatSendMessage()?.({
+        text,
+        files
+    }, {
+        body: data
+    });
+};
+export { send_sendMessage as sendMessage, setChatSendMessage };

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

@@ -0,0 +1,11 @@
+import type { ChatStatus } from 'ai';
+export declare const getChatStatus: () => ChatStatus;
+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 useChatError: () => string | undefined;
+export declare const setChatError: (error: string | undefined) => void;

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

@@ -0,0 +1,20 @@
+import { useStore } from "@nanostores/react";
+import { atom, computed } from "nanostores";
+const $chatStatus = atom('ready');
+const getChatStatus = ()=>$chatStatus.get();
+const useChatStatus = ()=>useStore($chatStatus);
+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 useChatError = ()=>useStore($chatError);
+const setChatError = (error)=>$chatError.set(error);
+export { getChatError, getChatStatus, getIsLoading, setChatError, setChatStatus, setIsLoading, useChatError, useChatStatus, useIsLoading, useIsStreaming };

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

@@ -0,0 +1,3 @@
+import { type UseChatOptions } from '@ai-sdk/react';
+import type { ChatInit, UIMessage } from 'ai';
+export declare const useInitChat: <T extends UIMessage>(props?: UseChatOptions<T> & ChatInit<T>) => void;

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

@@ -0,0 +1,40 @@
+import { useChat } from "@ai-sdk/react";
+import { notifications } from "@mantine/notifications";
+import { useEffect } from "react";
+import { setChatMessages } from "./messages.js";
+import { setChatSendMessage } from "./send.js";
+import { setChatError, setChatStatus } from "./states.js";
+const useInitChat = (props)=>{
+    const { messages, status, error, sendMessage } = useChat({
+        onError: (e)=>{
+            notifications.show({
+                title: 'Ошибка сервера ИИ',
+                message: e.message,
+                color: 'red',
+                autoClose: false
+            });
+        },
+        ...props
+    });
+    useEffect(()=>{
+        setChatStatus(status);
+    }, [
+        status
+    ]);
+    useEffect(()=>{
+        setChatError(error?.message);
+    }, [
+        error?.message
+    ]);
+    useEffect(()=>{
+        setChatSendMessage(sendMessage);
+    }, [
+        sendMessage
+    ]);
+    useEffect(()=>{
+        setChatMessages(messages);
+    }, [
+        messages
+    ]);
+};
+export { useInitChat };

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

@@ -0,0 +1 @@
+export * from './chat';

package/dist/ai/ui/index.js

@@ -0,0 +1 @@
+export * from "./chat/index.js";

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/app/AppDefaults.js

@@ -1,6 +1,6 @@
 import { useComputedColorScheme } from "@mantine/core";
 import { useEffect } from "react";
-import { setCookies } from "../functions/setCookies.js";
+import { setCookies } from "../tanstack/index.js";
 const AppDefaults = ({ saveColorScheme })=>{
     const colorScheme = useComputedColorScheme();
     useEffect(()=>{

package/dist/app/DefaultApp.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ColorSchemeScript, MantineProvider } from "@mantine/core";
 import { HeadContent, Scripts } from "@tanstack/react-router";
-import { getCookie } from "../functions/getCookie.js";
+import { getCookie } from "../tanstack/index.js";
 import { AppDefaults } from "./AppDefaults.js";
 import { cookieColorSchemeManager } from "./cookieColorSchemeManager.js";
 import { defaultTheme } from "./defaultTheme.js";

package/dist/app/cookieColorSchemeManager.js

@@ -1,6 +1,6 @@
 import { isMantineColorScheme } from "@mantine/core";
 import { atom } from "nanostores";
-import { setCookie } from "../functions/setCookie.js";
+import { setCookie } from "../tanstack/index.js";
 const $colorScheme = atom();
 let unsubscribeSystemTheme;
 const cookieColorSchemeManager = ({ key = 'colorScheme' } = {})=>({

package/dist/app/defaultTheme.d.ts

@@ -1,5 +1,5 @@
 export declare const defaultTheme: {
-    focusRing?: "auto" | "always" | "never" | undefined;
+    focusRing?: "never" | "auto" | "always" | undefined;
     scale?: number | undefined;
     fontSmoothing?: boolean | undefined;
     white?: string | 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/app/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AppDefaults';
+export * from './DefaultApp';
+export * from './defaultTheme';

package/dist/app/index.js

@@ -0,0 +1,3 @@
+export * from "./AppDefaults.js";
+export * from "./DefaultApp.js";
+export * from "./defaultTheme.js";