@rolder/kit 3.0.0-alpha.4 → 3.0.0-alpha.41

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

@@ -0,0 +1,2 @@
+export declare const parseExcel: (file: File) => Promise<string>;
+export declare const parseWord: (file: File) => Promise<string>;

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

@@ -0,0 +1,23 @@
+import mammoth from "mammoth";
+import { read, utils } from "xlsx";
+const parseExcel = async (file)=>{
+    const buffer = await file.arrayBuffer();
+    const workbook = read(buffer, {
+        type: 'array',
+        cellDates: true
+    });
+    const sheetName = workbook.SheetNames[0];
+    const worksheet = workbook.Sheets[sheetName];
+    const jsonData = utils.sheet_to_json(worksheet, {
+        dateNF: 'yyyy-mm-dd'
+    });
+    return JSON.stringify(jsonData, null, 2);
+};
+const parseWord = async (file)=>{
+    const arrayBuffer = await file.arrayBuffer();
+    const { value } = await mammoth.convertToHtml({
+        arrayBuffer
+    });
+    return value;
+};
+export { parseExcel, parseWord };

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

@@ -0,0 +1,14 @@
+export declare const Chat: {
+    Root: ({ children, scrollAreaProps, withScrollButton, ...props }: import("./Root").ConversationRootProps) => import("react/jsx-runtime").JSX.Element;
+    Messages: ({ children, ...props }: import("@mantine/core").StackProps) => import("react/jsx-runtime").JSX.Element;
+    Message: import("react").MemoExoticComponent<({ messageId }: {
+        messageId: string;
+    }) => 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;
+};
+export { ChatInput } from './chatInput';
+export * from './store';

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

@@ -2,13 +2,16 @@ import { Empty } from "./Empty.js";
 import { File } from "./File.js";
 import { Loader } from "./Loader.js";
 import { Message } from "./Message.js";
+import { Messages } from "./Messages.js";
 import { Root } from "./Root.js";
-import { useChatMessage } from "./useChatMessage.js";
-const Conversation = {
+import { ChatInput } from "./chatInput/index.js";
+export * from "./store/index.js";
+const Chat = {
     Root: Root,
+    Messages: Messages,
     Message: Message,
     File: File,
     Loader: Loader,
     Empty: Empty
 };
-export { Conversation, useChatMessage };
+export { Chat, ChatInput };

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

@@ -0,0 +1,2 @@
+export * from './messages';
+export * from './states';

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

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

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

@@ -0,0 +1,18 @@
+import { type UseChatOptions } from '@ai-sdk/react';
+import type { ChatInit, FileUIPart, UIDataTypes, UIMessage, UIMessagePart, UITools } from 'ai';
+export declare const $chatMessageIds: import("nanostores").PreinitializedWritableAtom<string[]> & object;
+export declare const $chatMessages: import("nanostores").PreinitializedMapStore<Record<string, UIMessage<unknown, UIDataTypes, UITools>>> & object;
+export declare const getChatMessage: (messageId: string) => UIMessage<unknown, UIDataTypes, UITools>;
+export declare const addChatMessage: (newMessage: UIMessage) => void;
+export declare const getChatMessages: <T extends UIMessage>() => T[];
+export declare const setChatMessages: <T extends UIMessage>(messages: T[]) => void;
+export declare const getIsEmpty: () => boolean;
+export declare const useIsEmpty: () => boolean;
+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 | undefined;
+export type SendMessage = ({ text, file }: {
+    text: string;
+    file?: FileUIPart;
+}, data?: Record<string, unknown>) => Promise<void>;
+export declare const sendMessage: SendMessage;

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

@@ -0,0 +1,89 @@
+import { useChat } from "@ai-sdk/react";
+import { notifications } from "@mantine/notifications";
+import { useStore } from "@nanostores/react";
+import { atom, computed, map } from "nanostores";
+import { useEffect } from "react";
+import { setChatError, setChatStatus } from "./states.js";
+const $chatMessageIds = atom([]);
+const $chatMessages = map({});
+const getChatMessage = (messageId)=>$chatMessages.get()[messageId];
+const addChatMessage = (newMessage)=>{
+    $chatMessageIds.set([
+        ...$chatMessageIds.get(),
+        newMessage.id
+    ]);
+    $chatMessages.set({
+        ...$chatMessages.get(),
+        [newMessage.id]: newMessage
+    });
+};
+const getChatMessages = ()=>$chatMessageIds.get().map((id)=>$chatMessages.get()[id]);
+const setChatMessages = (messages)=>{
+    $chatMessageIds.set(messages.map((msg)=>msg.id));
+    const messagesMap = {};
+    for (const msg of messages)messagesMap[msg.id] = msg;
+    $chatMessages.set(messagesMap);
+};
+const $isEmpty = computed($chatMessageIds, (messages)=>0 === messages.length);
+const getIsEmpty = ()=>$isEmpty.get();
+const useIsEmpty = ()=>useStore($isEmpty);
+const useChatMessageIds = (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
+    ]);
+    return useStore($chatMessageIds);
+};
+const useChatMessage = (messageId)=>useStore($chatMessages, {
+        keys: [
+            messageId
+        ]
+    })[messageId];
+const useChatMessagePart = (messageId, type)=>{
+    const message = useChatMessage(messageId);
+    console.log(messageId, message);
+    const part = message?.parts?.find((i)=>i.type === type);
+    return part;
+};
+const $chatSendMessage = atom();
+const getChatSendMessage = ()=>$chatSendMessage.get();
+const setChatSendMessage = (sendMessage)=>$chatSendMessage.set(sendMessage);
+const messages_sendMessage = async ({ text, file }, data)=>{
+    const files = file ? [
+        file
+    ] : [];
+    await getChatSendMessage()?.({
+        text,
+        files
+    }, {
+        body: data
+    });
+};
+export { $chatMessageIds, $chatMessages, addChatMessage, getChatMessage, getChatMessages, getIsEmpty, messages_sendMessage as sendMessage, setChatMessages, useChatMessage, useChatMessageIds, useChatMessagePart, useIsEmpty };

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 setChatStatus: (status: ChatStatus) => void;
+export declare const useChatStatus: () => ChatStatus;
+export declare const getIsLoading: () => boolean;
+export declare const useIsLoading: () => boolean;
+export declare const getIsStreaming: () => boolean;
+export declare const useIsStreaming: () => boolean;
+export declare const getChatError: () => string | undefined;
+export declare const setChatError: (error: string | undefined) => void;
+export declare const useChatError: () => string | undefined;

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

@@ -0,0 +1,17 @@
+import { useStore } from "@nanostores/react";
+import { atom, computed } from "nanostores";
+const $chatStatus = atom('ready');
+const getChatStatus = ()=>$chatStatus.get();
+const setChatStatus = (status)=>$chatStatus.set(status);
+const useChatStatus = ()=>useStore($chatStatus);
+const $isLoading = computed($chatStatus, (status)=>'ready' !== status);
+const getIsLoading = ()=>$isLoading.get();
+const useIsLoading = ()=>useStore($isLoading);
+const $isStreaming = computed($chatStatus, (status)=>'streaming' === status);
+const getIsStreaming = ()=>$isStreaming.get();
+const useIsStreaming = ()=>useStore($isStreaming);
+const $chatError = atom();
+const getChatError = ()=>$chatError.get();
+const setChatError = (error)=>$chatError.set(error);
+const useChatError = ()=>useStore($chatError);
+export { getChatError, getChatStatus, getIsLoading, getIsStreaming, setChatError, setChatStatus, useChatError, useChatStatus, useIsLoading, useIsStreaming };

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 "../tanstackFunctions/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 "../tanstackFunctions/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 "../tanstackFunctions/index.js";
 const $colorScheme = atom();
 let unsubscribeSystemTheme;
 const cookieColorSchemeManager = ({ key = 'colorScheme' } = {})=>({

package/dist/app/defaultTheme.d.ts

@@ -6,9 +6,9 @@ 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;
-        red?: import("@mantine/core").MantineColorsTuple | undefined;
         pink?: import("@mantine/core").MantineColorsTuple | undefined;
         grape?: import("@mantine/core").MantineColorsTuple | undefined;
         violet?: import("@mantine/core").MantineColorsTuple | undefined;

package/dist/app/index.d.ts

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

package/dist/app/index.js

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

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useMutation';
+export * from './useMutationWithInvalidate';

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+export * from "./useMutation.js";
+export * from "./useMutationWithInvalidate.js";

package/dist/index.d.ts

@@ -1,17 +1,5 @@
-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 { getCookie } from './functions/getCookie';
-export { setCookie } from './functions/setCookie';
-export { setCookies } from './functions/setCookies';
-export { useMutation } from './hooks/useMutation';
-export { useMutationWithInvalidate } from './hooks/useMutationWithInvalidate';
-export { getDB } from './surreal/connection';
-export { surrealDeleteFn, surrealUnsubscribeFn } from './surreal/deafaultCrud';
-export { deserialize } from './surreal/deserialize';
-export { encryptionFn } from './surreal/encryption';
+export * from './ai';
+export * from './app';
+export * from './hooks';
+export * from './tanstackFunctions';
 export * from './ui';

package/dist/index.js

@@ -1,18 +1,5 @@
-import { Conversation, useChatMessage } from "./ai/ui/conversation/index.js";
-import { PromptInput } from "./ai/ui/promptInput/index.js";
-import { convertFileUIPartBlobToDataURL } from "./ai/utils/convertFileUIPartBlobToDataURL.js";
-import { parseAiMessagePart } from "./ai/utils/parseAiMessagePart.js";
-import { DefaultApp } from "./app/DefaultApp.js";
-import { defaultRequestMiddlewares } from "./app/defaultRequestMiddlewares.js";
-import { defaultTheme } from "./app/defaultTheme.js";
-import { getCookie } from "./functions/getCookie.js";
-import { setCookie } from "./functions/setCookie.js";
-import { setCookies } from "./functions/setCookies.js";
-import { useMutation } from "./hooks/useMutation.js";
-import { useMutationWithInvalidate } from "./hooks/useMutationWithInvalidate.js";
-import { getDB } from "./surreal/connection.js";
-import { surrealDeleteFn, surrealUnsubscribeFn } from "./surreal/deafaultCrud.js";
-import { deserialize } from "./surreal/deserialize.js";
-import { encryptionFn } from "./surreal/encryption.js";
+export * from "./ai/index.js";
+export * from "./app/index.js";
+export * from "./hooks/index.js";
+export * from "./tanstackFunctions/index.js";
 export * from "./ui/index.js";
-export { Conversation, DefaultApp, PromptInput, convertFileUIPartBlobToDataURL, defaultRequestMiddlewares, defaultTheme, deserialize, encryptionFn, getCookie, getDB, parseAiMessagePart, setCookie, setCookies, surrealDeleteFn, surrealUnsubscribeFn, useChatMessage, useMutation, useMutationWithInvalidate };

package/dist/styles.css

@@ -1,4 +1,4 @@
-.rolder-prompt-input-root {
+.rolder-chat-input-root {
   background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-6));
 
   &:focus-within {
@@ -8,13 +8,13 @@
   }
 }
 
-.rolder-prompt-input-textarea {
+.rolder-chat-input-textarea {
   border: 0;
   border-radius: 8px;
   overflow: hidden;
 }
 
-.rolder-prompt-input-file-action-action {
+.rolder-chat-input-file-action-action {
   color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1));
 
   &[data-disabled] {

package/dist/tanstackFunctions/cookie/index.d.ts

@@ -0,0 +1,3 @@
+export { getCookie } from './getCookie';
+export { setCookie } from './setCookie';
+export { setCookies } from './setCookies';

package/dist/tanstackFunctions/cookie/index.js

@@ -0,0 +1,4 @@
+import { getCookie } from "./getCookie.js";
+import { setCookie } from "./setCookie.js";
+import { setCookies } from "./setCookies.js";
+export { getCookie, setCookie, setCookies };

package/dist/tanstackFunctions/index.d.ts

@@ -0,0 +1,2 @@
+export * from './cookie';
+export * from './s3';

package/dist/tanstackFunctions/index.js

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

package/dist/tanstackFunctions/s3/getS3Client.d.ts

@@ -0,0 +1,2 @@
+import { custom } from '@better-upload/server/clients';
+export declare const getS3Client: () => ReturnType<typeof custom>;

package/dist/tanstackFunctions/s3/getS3Client.js

@@ -0,0 +1,18 @@
+import { custom } from "@better-upload/server/clients";
+const getS3Client = ()=>{
+    const host = process.env.S3_HOST;
+    if (!host) throw new Error('S3_HOST environment variable is not set');
+    const region = process.env.S3_REGION;
+    if (!region) throw new Error('S3_REGION environment variable is not set');
+    const accessKeyId = process.env.S3_ACCESS_KEY_ID;
+    if (!accessKeyId) throw new Error('S3_ACCESS_KEY_ID environment variable is not set');
+    const accessKeySecret = process.env.S3_ACCESS_KEY_SECRET;
+    if (!accessKeySecret) throw new Error('S3_ACCESS_KEY_SECRET environment variable is not set');
+    return custom({
+        host,
+        region,
+        accessKeyId,
+        secretAccessKey: accessKeySecret
+    });
+};
+export { getS3Client };

package/dist/tanstackFunctions/s3/getSignedFileUrlFn.d.ts

@@ -0,0 +1,4 @@
+import z from 'zod/v4';
+export declare const getSignedFileUrlFn: import("@tanstack/start-client-core").RequiredFetcher<undefined, z.ZodObject<{
+    s3Key: z.ZodString;
+}, z.core.$strip>, Promise<string>>;

package/dist/tanstackFunctions/s3/getSignedFileUrlFn.js

@@ -0,0 +1,21 @@
+import { presignGetObject } from "@better-upload/server/helpers";
+import { createServerFn } from "@tanstack/react-start";
+import v4 from "zod/v4";
+import { getS3Client } from "./getS3Client.js";
+const Schema = v4.object({
+    s3Key: v4.string()
+});
+const getSignedFileUrlFn = createServerFn({
+    method: 'POST'
+}).inputValidator(Schema).handler(async ({ data: { s3Key } })=>{
+    const bucket = process.env.S3_BUCKET_NAME;
+    if (!bucket) throw new Error('S3_BUCKET_NAME environment variable is not set');
+    const s3 = getS3Client();
+    const url = await presignGetObject(s3, {
+        bucket,
+        key: s3Key,
+        expiresIn: 300
+    });
+    return url;
+});
+export { getSignedFileUrlFn };

package/dist/tanstackFunctions/s3/index.d.ts

@@ -0,0 +1,2 @@
+export * from './getSignedFileUrlFn';
+export * from './uploadRequest';

package/dist/tanstackFunctions/s3/index.js

@@ -0,0 +1,2 @@
+export * from "./getSignedFileUrlFn.js";
+export * from "./uploadRequest.js";

package/dist/tanstackFunctions/s3/uploadRequest.d.ts

@@ -0,0 +1,3 @@
+export declare const uploadRequest: ({ request }: {
+    request: Request;
+}) => Promise<Response>;

package/dist/tanstackFunctions/s3/uploadRequest.js

@@ -0,0 +1,21 @@
+import { handleRequest, route } from "@better-upload/server";
+import { createServerOnlyFn } from "@tanstack/react-start";
+import { getS3Client } from "./getS3Client.js";
+const getRouter = createServerOnlyFn(()=>{
+    const bucket = process.env.BUCKET_NAME;
+    if (!bucket) throw new Error('BUCKET_NAME environment variable is not set');
+    const s3 = getS3Client();
+    const router = {
+        client: s3,
+        bucketName: bucket,
+        routes: {
+            upload: route({
+                multipleFiles: false,
+                maxFileSize: 52428800
+            })
+        }
+    };
+    return router;
+});
+const uploadRequest = async ({ request })=>handleRequest(request, getRouter());
+export { uploadRequest };

package/dist/ui/AnimatedChevron.d.ts

@@ -1,5 +1,5 @@
-import type { SVGProps } from 'react';
-interface Props extends SVGProps<SVGSVGElement> {
+import { type IconProps } from '@tabler/icons-react';
+interface Props extends IconProps {
     expanded?: boolean;
 }
 export declare const AnimatedChevron: ({ expanded, style, ...props }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/AnimatedChevron.js

@@ -1,31 +1,13 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const AnimatedChevron = ({ expanded, style, ...props })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        role: "img",
-        "aria-label": "Chevron",
+import { jsx } from "react/jsx-runtime";
+import { IconChevronDown } from "@tabler/icons-react";
+const AnimatedChevron = ({ expanded, style, ...props })=>/*#__PURE__*/ jsx(IconChevronDown, {
+        strokeWidth: 1.5,
+        "data-expanded": expanded,
         style: {
             transition: 'transform 0.2s ease-in-out',
-            transform: expanded ? 'rotate(-180deg)' : 'rotate(0deg)',
+            transform: expanded ? 'rotate(180deg)' : 'rotate(0deg)',
             ...style
         },
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M6 9l6 6l6 -6"
-            })
-        ]
+        ...props
     });
 export { AnimatedChevron };

package/dist/ui/JsonInput.js

@@ -5,7 +5,7 @@ import { linter } from "@codemirror/lint";
 import { keymap } from "@codemirror/view";
 import { vscodeDark, vscodeLight } from "@uiw/codemirror-theme-vscode";
 import react_codemirror from "@uiw/react-codemirror";
-import { getCookie } from "../functions/getCookie.js";
+import { getCookie } from "../tanstackFunctions/index.js";
 const formatJson = (view)=>{
     try {
         const text = view.state.doc.toString();

package/dist/ui/editor/Toolbar.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader } from "@mantine/core";
 import { RichTextEditor } from "@mantine/tiptap";
+import { IconCheck } from "@tabler/icons-react";
 import { useEditor } from "./Provider.js";
 const Toolbar = ({ saving, children })=>{
     const { editor, disabledToolbar } = useEditor();
@@ -124,28 +125,9 @@ const Toolbar = ({ saving, children })=>{
                         },
                         children: saving ? /*#__PURE__*/ jsx(Loader, {
                             size: 14
-                        }) : /*#__PURE__*/ jsxs("svg", {
-                            xmlns: "http://www.w3.org/2000/svg",
-                            width: "16",
-                            height: "16",
-                            viewBox: "0 0 16 16",
-                            fill: "none",
-                            stroke: "currentColor",
-                            strokeWidth: "1.5",
-                            strokeLinecap: "round",
-                            strokeLinejoin: "round",
-                            role: "img",
-                            "aria-label": "Saved",
-                            children: [
-                                /*#__PURE__*/ jsx("path", {
-                                    stroke: "none",
-                                    d: "M0 0h24v24H0z",
-                                    fill: "none"
-                                }),
-                                /*#__PURE__*/ jsx("path", {
-                                    d: "M5 12l5 5l10 -10"
-                                })
-                            ]
+                        }) : /*#__PURE__*/ jsx(IconCheck, {
+                            stroke: 1.5,
+                            size: 16
                         })
                     })
                 ]

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

@@ -1,4 +1,4 @@
-export * from './DefaultError';
-export * from './DefaultNotFound';
-export * from './defaultErrorNotification';
-export * from './Forbidden';
+export { DefaultError } from './DefaultError';
+export { DefaultNotFound } from './DefaultNotFound';
+export { defaultErrorNotification } from './defaultErrorNotification';
+export { Forbidden } from './Forbidden';

package/dist/ui/error/index.js

@@ -1,4 +1,5 @@
-export * from "./DefaultError.js";
-export * from "./DefaultNotFound.js";
-export * from "./defaultErrorNotification.js";
-export * from "./Forbidden.js";
+import { DefaultError } from "./DefaultError.js";
+import { DefaultNotFound } from "./DefaultNotFound.js";
+import { defaultErrorNotification } from "./defaultErrorNotification.js";
+import { Forbidden } from "./Forbidden.js";
+export { DefaultError, DefaultNotFound, Forbidden, defaultErrorNotification };

package/dist/ui/form/buttons/CancelButton.js

@@ -1,5 +1,6 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Button } from "@mantine/core";
+import { IconCancel } from "@tabler/icons-react";
 import { useFormContext } from "../context.js";
 const CancelButton = (props)=>{
     const form = useFormContext();
@@ -9,31 +10,8 @@ const CancelButton = (props)=>{
                 type: "reset",
                 size: "xs",
                 variant: "light",
-                leftSection: /*#__PURE__*/ jsxs("svg", {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 16 16",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    role: "img",
-                    "aria-label": "Cancel",
-                    children: [
-                        /*#__PURE__*/ jsx("path", {
-                            stroke: "none",
-                            d: "M0 0h24v24H0z",
-                            fill: "none"
-                        }),
-                        /*#__PURE__*/ jsx("path", {
-                            d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"
-                        }),
-                        /*#__PURE__*/ jsx("path", {
-                            d: "M18.364 5.636l-12.728 12.728"
-                        })
-                    ]
+                leftSection: /*#__PURE__*/ jsx(IconCancel, {
+                    size: 16
                 }),
                 disabled: isSubmitting,
                 ...props,