@rolder/kit 3.0.0-alpha.26 → 3.0.0-alpha.28

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

@@ -3,6 +3,7 @@ import { Stack, Text } from "@mantine/core";
 import { useIsEmpty } from "./store/index.js";
 const Empty = ()=>{
     const isEmpty = useIsEmpty();
+    console.log('Empty render');
     return isEmpty ? null : /*#__PURE__*/ jsxs(Stack, {
         align: "center",
         gap: 0,

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

@@ -5,6 +5,7 @@ import { useChatMessagePart } from "./store/index.js";
 const File = ({ messageId })=>{
     const part = useChatMessagePart(messageId, 'file');
     const textFileType = messageId.split('-')[1];
+    console.log('File render');
     const FileComponent = ()=>{
         switch(textFileType){
             case 'excel':
@@ -20,6 +21,7 @@ const File = ({ messageId })=>{
                     mimeType: "powerpoint"
                 });
         }
+        if (!part) return null;
         if (part.mediaType.includes('image/')) return /*#__PURE__*/ jsx(Image, {
             radius: "md",
             h: 128,

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

@@ -3,6 +3,7 @@ import { Loader } from "@mantine/core";
 import { useIsLoading } from "./store/index.js";
 const Loader_Loader = (props)=>{
     const isLoading = useIsLoading();
+    console.log('Loader render');
     return isLoading ? /*#__PURE__*/ jsx(Loader, {
         size: 28,
         type: "dots",

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

@@ -1,3 +1,3 @@
 export declare const Message: ({ messageId }: {
     messageId: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -6,7 +6,8 @@ const Message = ({ messageId })=>{
     const message = useChatMessage(messageId);
     const part = useChatMessagePart(messageId, 'text');
     const isStreaming = useIsStreaming();
-    return /*#__PURE__*/ jsx(Paper, {
+    console.log('Message render');
+    return part ? /*#__PURE__*/ jsx(Paper, {
         radius: "md",
         px: "md",
         py: "sm",
@@ -18,6 +19,6 @@ const Message = ({ messageId })=>{
             isAnimating: isStreaming && 'assistant' === message.role,
             children: part?.text
         })
-    });
+    }) : null;
 };
 export { Message };

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

@@ -3,6 +3,7 @@ import { Stack } from "@mantine/core";
 import { useChatMessageIds } from "./store/index.js";
 const Messages = ({ children, ...props })=>{
     const messageIds = useChatMessageIds();
+    console.log('Messages render');
     return messageIds.map((messageId)=>/*#__PURE__*/ jsx(Stack, {
             ...props,
             children: children

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

@@ -1,7 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Paper } from "@mantine/core";
 import { ScrollArea } from "../../../ui/index.js";
-const Root = ({ children, scrollAreaProps, withScrollButton = true, ...props })=>/*#__PURE__*/ jsx(Paper, {
+const Root = ({ children, scrollAreaProps, withScrollButton = true, ...props })=>{
+    console.log('Root render');
+    return /*#__PURE__*/ jsx(Paper, {
         withBorder: true,
         radius: "md",
         ...props,
@@ -16,4 +18,5 @@ const Root = ({ children, scrollAreaProps, withScrollButton = true, ...props })=
             ]
         })
     });
+};
 export { Root };

package/dist/ai/ui/chat/chatInput/File.js

@@ -2,27 +2,29 @@ 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 { useIsLoading } from "../store/index.js";
 import { FileIcon } from "./FileIcon.js";
-import { getAccept, setFile, useFile, useIsSubmitting, useIsUploading } from "./store.js";
+import { getAccept, setFile, useFile, useIsUploading } from "./store.js";
 const File = (props)=>{
     const resetRef = useRef(null);
-    const isSubmiting = useIsSubmitting();
+    const isLoading = useIsLoading();
     const isUploading = useIsUploading();
     const file = useFile();
+    console.log('Input File render');
     return /*#__PURE__*/ jsx(FileButton, {
         resetRef: resetRef,
         onChange: async (file)=>{
             if (file) setFile(file);
         },
         accept: getAccept(),
-        disabled: isSubmiting || isUploading,
+        disabled: isLoading || isUploading,
         ...props,
         children: (props)=>/*#__PURE__*/ jsxs(ActionIcon.Group, {
                 children: [
                     /*#__PURE__*/ jsx(ActionIcon, {
                         size: "lg",
                         variant: "default",
-                        disabled: isSubmiting,
+                        disabled: isLoading,
                         loading: isUploading,
                         classNames: {
                             root: 'rolder-chat-input-file-action-action'

package/dist/ai/ui/chat/chatInput/Footer.js

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

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

@@ -1,9 +1,8 @@
 import { type PaperProps } from '@mantine/core';
 import { type Accept } from './store';
 export interface ChatInputRootProps extends PaperProps {
-    onSubmit: () => void;
-    isSubmitting: boolean;
-    isUploading: boolean;
+    onSubmit?: () => void;
+    isUploading?: boolean;
     accept?: Accept;
 }
-export declare const Root: ({ className, onSubmit, isSubmitting, isUploading, accept, ...props }: ChatInputRootProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ className, onSubmit, isUploading, accept, ...props }: ChatInputRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ai/ui/chat/chatInput/Root.js

@@ -2,19 +2,18 @@ import { jsx } from "react/jsx-runtime";
 import { Paper } from "@mantine/core";
 import clsx from "clsx";
 import { useEffect } from "react";
-import { setAccept, setIsSubmitting, setIsUploading, setOnSubmit } from "./store.js";
-const Root = ({ className, onSubmit, isSubmitting, isUploading, accept, ...props })=>{
+import { setAccept, setIsUploading, setOnSubmit } from "./store.js";
+const Root = ({ className, onSubmit, isUploading, accept, ...props })=>{
     useEffect(()=>{
-        setOnSubmit(onSubmit);
-        setIsSubmitting(isSubmitting);
-        setIsUploading(isUploading);
+        if (onSubmit) setOnSubmit(onSubmit);
+        setIsUploading(isUploading || false);
         if (accept) setAccept(accept);
     }, [
         onSubmit,
-        isSubmitting,
         isUploading,
         accept
     ]);
+    console.log('Input root render');
     return /*#__PURE__*/ jsx(Paper, {
         radius: "md",
         withBorder: true,

package/dist/ai/ui/chat/chatInput/Submit.js

@@ -1,20 +1,22 @@
 import { jsx } from "react/jsx-runtime";
 import { ActionIcon } from "@mantine/core";
 import { IconArrowBigUp } from "@tabler/icons-react";
-import { getOnSubmit, useIsSubmitting, useIsUploading } from "./store.js";
+import { useIsLoading } from "../store/index.js";
+import { getOnSubmit, useIsUploading } from "./store.js";
 const Submit = ({ children, ...props })=>{
     const Icon = /*#__PURE__*/ jsx(IconArrowBigUp, {
         strokeWidth: 1.5
     });
-    const isSubmiting = useIsSubmitting();
+    const isLoading = useIsLoading();
     const isUploading = useIsUploading();
+    console.log('Input submit render');
     return /*#__PURE__*/ jsx(ActionIcon, {
         "aria-label": "Submit",
         variant: "light",
         size: "lg",
         onClick: getOnSubmit(),
         disabled: isUploading,
-        loading: isSubmiting,
+        loading: isLoading,
         ...props,
         children: children ?? Icon
     });

package/dist/ai/ui/chat/chatInput/Textarea.js

@@ -1,10 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { Textarea } from "@mantine/core";
-import { getIsComposing, getOnSubmit, setIsComposing, setText, useIsSubmitting, useIsUploading, useText } from "./store.js";
+import { useIsLoading } from "../store/index.js";
+import { getIsComposing, getOnSubmit, setIsComposing, setText, useIsUploading, useText } from "./store.js";
 const Textarea_Textarea = (props)=>{
     const text = useText();
-    const isSubmiting = useIsSubmitting();
+    const isLoading = useIsLoading();
     const isUploading = useIsUploading();
+    console.log('Input textarea render');
     const handleKeyDown = (e)=>{
         if ('Enter' === e.key) {
             if (getIsComposing() || e.nativeEvent.isComposing) return;
@@ -26,7 +28,7 @@ const Textarea_Textarea = (props)=>{
         onKeyDown: handleKeyDown,
         value: text,
         onChange: (e)=>setText(e.target.value),
-        disabled: isSubmiting || isUploading,
+        disabled: isLoading || isUploading,
         ...props
     });
 };

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

@@ -1,5 +1,5 @@
 export declare const Input: {
-    Root: ({ className, onSubmit, isSubmitting, isUploading, accept, ...props }: import("./Root").ChatInputRootProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ className, onSubmit, isUploading, accept, ...props }: import("./Root").ChatInputRootProps) => 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;

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

@@ -2,8 +2,6 @@ export declare const setText: (text: string) => void;
 export declare const useText: () => string;
 export declare const getIsComposing: () => boolean;
 export declare const setIsComposing: (isComposing: boolean) => void;
-export declare const useIsSubmitting: () => boolean;
-export declare const setIsSubmitting: (isSubmitting: boolean) => void;
 export declare const useIsUploading: () => boolean;
 export declare const setIsUploading: (isUploading: boolean) => void;
 export declare const useFile: () => File | null;

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

@@ -6,9 +6,6 @@ const useText = ()=>useStore($text);
 const $isComposing = atom(false);
 const getIsComposing = ()=>$isComposing.get();
 const setIsComposing = (isComposing)=>$isComposing.set(isComposing);
-const $isSubmitting = atom(false);
-const useIsSubmitting = ()=>useStore($isSubmitting);
-const setIsSubmitting = (isSubmitting)=>$isSubmitting.set(isSubmitting);
 const $isUploading = atom(false);
 const useIsUploading = ()=>useStore($isUploading);
 const setIsUploading = (isUploading)=>$isUploading.set(isUploading);
@@ -40,4 +37,4 @@ const getAccept = ()=>$accept.get().map((type)=>{
         }
     }).join(',');
 const setAccept = (accept)=>$accept.set(accept);
-export { getAccept, getIsComposing, getOnSubmit, setAccept, setFile, setIsComposing, setIsSubmitting, setIsUploading, setOnSubmit, setText, useFile, useIsSubmitting, useIsUploading, useText };
+export { getAccept, getIsComposing, getOnSubmit, setAccept, setFile, setIsComposing, setIsUploading, setOnSubmit, setText, useFile, useIsUploading, useText };

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

@@ -3,14 +3,14 @@ export declare const Chat: {
     Messages: ({ children, ...props }: import("@mantine/core").StackProps) => import("react/jsx-runtime").JSX.Element[];
     Message: ({ messageId }: {
         messageId: string;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element | null;
     File: ({ messageId }: {
         messageId: string;
     }) => 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;
     Input: {
-        Root: ({ className, onSubmit, isSubmitting, isUploading, accept, ...props }: import("./chatInput/Root").ChatInputRootProps) => import("react/jsx-runtime").JSX.Element;
+        Root: ({ className, onSubmit, isUploading, accept, ...props }: import("./chatInput/Root").ChatInputRootProps) => 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;

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

@@ -7,7 +7,7 @@ export declare const getChatMessages: <T extends UIMessage>() => T[];
 export declare const setChatMessages: <T extends UIMessage>(messages: T[]) => void;
 export declare const useChatMessageIds: <T extends UIMessage>(props?: UseChatOptions<T> & ChatInit<T>) => string[];
 export declare const useChatMessage: <T extends UIMessage>(messageId: string) => T;
-export declare const useChatMessagePart: <M extends UIMessage, T extends UIMessagePart<UIDataTypes, UITools>>(messageId: string, type?: T["type"]) => T;
+export declare const useChatMessagePart: <M extends UIMessage, T extends UIMessagePart<UIDataTypes, UITools>>(messageId: string, type?: T["type"]) => T | undefined;
 export type SendMessage = ({ text, file }: {
     text: string;
     file?: FileUIPart;

package/dist/app/defaultTheme.d.ts

@@ -6,20 +6,20 @@ export declare const defaultTheme: {
     black?: string | undefined;
     colors?: {
         [x: string & {}]: import("@mantine/core").MantineColorsTuple | undefined;
+        red?: import("@mantine/core").MantineColorsTuple | undefined;
+        dark?: import("@mantine/core").MantineColorsTuple | undefined;
+        gray?: import("@mantine/core").MantineColorsTuple | undefined;
+        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;
-        dark?: import("@mantine/core").MantineColorsTuple | undefined;
-        grape?: import("@mantine/core").MantineColorsTuple | undefined;
     } | undefined;
     primaryShade?: import("@mantine/core").MantineColorShade | {
         light?: import("@mantine/core").MantineColorShade | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolder/kit",
-  "version": "3.0.0-alpha.26",
+  "version": "3.0.0-alpha.28",
   "type": "module",
   "exports": {
     ".": {
@@ -16,7 +16,7 @@
   "scripts": {
     "build": "rslib build",
     "dev": "rslib build --watch",
-    "publish": "rslib build && bun publish --access public",
+    "prepublishOnly": "bun run build",
     "check": "biome check --write && tsgo --noEmit"
   },
   "devDependencies": {