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

package/dist/{surreal → surrealDB}/deafaultCrud.js

@@ -1,17 +1,18 @@
 import { createServerFn } from "@tanstack/react-start";
-import { getDB } from "./connection.js";
+import { getDBSession } from "../betterAuth/index.js";
+import { zodSchemas } from "../zodSchemas.js";
 import { deserialize } from "./deserialize.js";
 const surrealDeleteFn = createServerFn({
     method: 'POST'
-}).inputValidator((data)=>data).handler(async ({ data })=>{
-    const db = await getDB();
+}).inputValidator(zodSchemas.id).handler(async ({ data })=>{
+    const db = await getDBSession();
     const id = deserialize(data);
     await db.delete(id);
 });
 const surrealUnsubscribeFn = createServerFn({
     method: 'POST'
-}).inputValidator((data)=>data).handler(async ({ data })=>{
-    const db = await getDB();
+}).inputValidator(zodSchemas.id).handler(async ({ data })=>{
+    const db = await getDBSession();
     const live = await db.liveOf(data);
     await live.kill();
 });

package/dist/surrealDB/getDBInstance.d.ts

@@ -0,0 +1,3 @@
+import { Surreal } from 'surrealdb';
+import type { SurrealDBProps } from './types';
+export declare const getDBInstance: (params?: SurrealDBProps | undefined) => Promise<Surreal>;

package/dist/surrealDB/getDBInstance.js

@@ -0,0 +1,34 @@
+import { Surreal } from "surrealdb";
+let db = null;
+const getDBInstance = async (params = {})=>{
+    if (db?.isConnected) return db;
+    const instance = new Surreal();
+    try {
+        const url = params.url || process.env.SURREALDB_URL;
+        if (!url) throw new Error('Missing required SurrealDB URL');
+        const namespace = params.namespace || process.env.SURREALDB_NAMESPACE;
+        if (!namespace) throw new Error('Missing required SurrealDB namespace');
+        const database = params.database || process.env.SURREALDB_DATABASE;
+        if (!database) throw new Error('Missing required SurrealDB database');
+        const username = params.username || process.env.SURREALDB_USERNAME;
+        const password = params.password || process.env.SURREALDB_PASSWORD;
+        if (username && password) await instance.connect(url, {
+            authentication: {
+                username,
+                password
+            }
+        });
+        else await instance.connect(url);
+        await instance.use({
+            namespace,
+            database
+        });
+        db = instance;
+        return instance;
+    } catch (error) {
+        console.error('Failed to connect to SurrealDB:', error);
+        db = null;
+        throw error;
+    }
+};
+export { getDBInstance };

package/dist/surrealDB/getDBInstanceTanstack.d.ts

@@ -0,0 +1,3 @@
+import { Surreal } from 'surrealdb';
+import type { SurrealDBProps } from './types';
+export declare const getDBInstanceTanstack: (params?: SurrealDBProps | undefined) => Promise<Surreal>;

package/dist/{surreal/connection.js → surrealDB/getDBInstanceTanstack.js}

@@ -2,7 +2,7 @@ import { createServerOnlyFn } from "@tanstack/react-start";
 import { getCookie } from "@tanstack/react-start/server";
 import { DateTime, Surreal } from "surrealdb";
 let db = null;
-const getDB = createServerOnlyFn(async (params = {})=>{
+const getDBInstanceTanstack = createServerOnlyFn(async (params = {})=>{
     if (db?.isConnected) return db;
     const locale = getCookie('locale') || 'ru-RU';
     const timeZone = getCookie('tz') || 'UTC';
@@ -46,4 +46,4 @@ const getDB = createServerOnlyFn(async (params = {})=>{
         throw error;
     }
 });
-export { getDB };
+export { getDBInstanceTanstack };

package/dist/surrealDB/index.d.ts

@@ -0,0 +1,6 @@
+export * from 'surrealdb';
+export * from './deafaultCrud';
+export * from './deserialize';
+export * from './encryption';
+export * from './getDBInstance';
+export * from './getDBInstanceTanstack';

package/dist/surrealDB/index.js

@@ -0,0 +1,6 @@
+export * from "surrealdb";
+export * from "./deafaultCrud.js";
+export * from "./deserialize.js";
+export * from "./encryption.js";
+export * from "./getDBInstance.js";
+export * from "./getDBInstanceTanstack.js";

package/dist/{surreal/connection.d.ts → surrealDB/types.d.ts}

@@ -1,9 +1,9 @@
-import { type CodecOptions, Surreal } from 'surrealdb';
-export declare const getDB: (params?: {
+import type { CodecOptions } from 'surrealdb';
+export interface SurrealDBProps {
     url?: string;
     namespace?: string;
     database?: string;
     username?: string;
     password?: string;
     codecOptions?: CodecOptions;
-} | undefined) => Promise<Surreal>;
+}

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

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

package/dist/tanstack/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/{functions → tanstack/cookie}/setCookie.d.ts

@@ -7,4 +7,4 @@
  * @param {string} value - Значение куки, если не указано, кука будет удалена
  * @param {number} [expires=7] - Количество дней до истечения срока действия куки (по умолчанию 7 дней)
  */
-export declare const setCookie: import("@tanstack/start-fn-stubs").IsomorphicFn<[name: string, value?: string | undefined, expires?: number | undefined], void, void>;
+export declare const setCookie: import("@tanstack/react-start").IsomorphicFn<[name: string, value?: string | undefined, expires?: number | undefined], void, void>;

package/dist/tanstack/index.d.ts

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

package/dist/tanstack/index.js

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

package/dist/tanstack/middlewares/index.d.ts

@@ -0,0 +1,6 @@
+import { locale } from './locale';
+export { locale };
+export declare const defaultRequestMiddlewares: import("@tanstack/react-start").RequestMiddlewareAfterServer<{}, undefined, {
+    locale: string;
+    timeZone: string;
+}>[];

package/dist/tanstack/middlewares/index.js

@@ -0,0 +1,5 @@
+import { locale } from "./locale.js";
+const defaultRequestMiddlewares = [
+    locale
+];
+export { defaultRequestMiddlewares, locale };

package/dist/tanstack/middlewares/locale.d.ts

@@ -0,0 +1,4 @@
+export declare const locale: import("@tanstack/react-start").RequestMiddlewareAfterServer<{}, undefined, {
+    locale: string;
+    timeZone: string;
+}>;

package/dist/{app/defaultRequestMiddlewares.js → tanstack/middlewares/locale.js}

@@ -1,6 +1,6 @@
 import { createMiddleware } from "@tanstack/react-start";
 import { getCookie, getRequestHeader, setCookie } from "@tanstack/react-start/server";
-const defaultRequestMiddlewares_locale = createMiddleware().server(async ({ next })=>{
+const locale_locale = createMiddleware().server(async ({ next })=>{
     const header = getRequestHeader('accept-language');
     const headerLocale = header?.split(',')[0] || 'ru-RU';
     const cookieLocale = getCookie('locale');
@@ -18,7 +18,4 @@ const defaultRequestMiddlewares_locale = createMiddleware().server(async ({ next
         }
     });
 });
-const defaultRequestMiddlewares = [
-    defaultRequestMiddlewares_locale
-];
-export { defaultRequestMiddlewares };
+export { locale_locale as locale };

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

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

package/dist/tanstack/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/tanstack/s3/getSignedFileUrlFn.d.ts

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

package/dist/tanstack/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/tanstack/s3/index.d.ts

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

package/dist/tanstack/s3/index.js

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

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

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

package/dist/tanstack/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.S3_BUCKET_NAME;
+    if (!bucket) throw new Error('S3_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,6 +1,5 @@
-import type { SVGProps } from 'react';
-interface Props extends SVGProps<SVGSVGElement> {
+import { type IconProps } from '@tabler/icons-react';
+export interface AnimatedChevronProps extends IconProps {
     expanded?: boolean;
 }
-export declare const AnimatedChevron: ({ expanded, style, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const AnimatedChevron: React.FC<AnimatedChevronProps>;

package/dist/ui/AnimatedChevron.js

@@ -1,31 +1,12 @@
-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,
         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.d.ts

@@ -1,2 +1,2 @@
 import { type ReactCodeMirrorProps } from '@uiw/react-codemirror';
-export declare const JsonInput: (props: ReactCodeMirrorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JsonInput: React.FC<ReactCodeMirrorProps>;

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 "../tanstack/index.js";
 const formatJson = (view)=>{
     try {
         const text = view.state.doc.toString();

package/dist/ui/editor/Content.d.ts

@@ -1,3 +1,3 @@
-export declare const Content: ({ height }: {
+export declare const Content: React.FC<{
     height: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}>;

package/dist/ui/editor/Content.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { RichTextEditor } from "@mantine/tiptap";
 import { ScrollArea } from "../scrollArea/index.js";
-const Content = ({ height })=>/*#__PURE__*/ jsxs(ScrollArea, {
-        h: height,
+const Content = ({ height })=>/*#__PURE__*/ jsxs(ScrollArea.Root, {
+        height: height,
         autoScroll: true,
         radius: "md",
         children: [

package/dist/ui/editor/Root.d.ts

@@ -1,2 +1,8 @@
 import { type RichTextEditorProps } from '@mantine/tiptap';
-export declare const Root: ({ children, classNames, ...props }: Omit<RichTextEditorProps, "editor">) => import("react/jsx-runtime").JSX.Element;
+import { type EditorOptions } from '@tiptap/react';
+export interface EditorProps extends RichTextEditorProps {
+    editable?: boolean;
+    disabledToolbar?: boolean;
+    onUpdate: EditorOptions['onUpdate'];
+}
+export declare const Root: React.FC<EditorProps>;

package/dist/ui/editor/Root.js

@@ -1,10 +1,47 @@
 import { jsx } from "react/jsx-runtime";
-import { RichTextEditor } from "@mantine/tiptap";
-import { useEditor } from "./Provider.js";
-const Root = ({ children, classNames, ...props })=>{
-    const { editor } = useEditor();
+import { Link, RichTextEditor, getTaskListExtension } from "@mantine/tiptap";
+import extension_highlight from "@tiptap/extension-highlight";
+import extension_placeholder from "@tiptap/extension-placeholder";
+import { TableKit } from "@tiptap/extension-table";
+import extension_task_item from "@tiptap/extension-task-item";
+import extension_task_list from "@tiptap/extension-task-list";
+import extension_text_align from "@tiptap/extension-text-align";
+import { useEditor } from "@tiptap/react";
+import starter_kit from "@tiptap/starter-kit";
+import { useState } from "react";
+import { setDisabledToolbar } from "./store.js";
+const Root = ({ children, classNames, content, editable = true, disabledToolbar, onUpdate, editor: customEditor, ...props })=>{
+    useState(()=>setDisabledToolbar(disabledToolbar || false));
+    const editor = useEditor({
+        shouldRerenderOnTransaction: false,
+        immediatelyRender: false,
+        extensions: [
+            starter_kit.configure({
+                link: false
+            }),
+            extension_placeholder.configure({
+                placeholder: 'Документ пуст'
+            }),
+            Link,
+            extension_highlight,
+            extension_text_align.configure({
+                types: [
+                    'heading',
+                    'paragraph'
+                ]
+            }),
+            getTaskListExtension(extension_task_list),
+            extension_task_item.configure({
+                nested: true
+            }),
+            TableKit
+        ],
+        content,
+        onUpdate,
+        editable
+    });
     return /*#__PURE__*/ jsx(RichTextEditor, {
-        editor: editor,
+        editor: customEditor || editor,
         classNames: {
             root: 'rolder-editor-root',
             content: 'rolder-editor-content',

package/dist/ui/editor/Toolbar.d.ts

@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
-export declare const Toolbar: ({ saving, children, }: {
+export interface ToolbarProps {
     saving?: boolean;
     children?: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}
+export declare const Toolbar: React.FC<ToolbarProps>;

package/dist/ui/editor/Toolbar.js

@@ -1,10 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader } from "@mantine/core";
 import { RichTextEditor } from "@mantine/tiptap";
-import { useEditor } from "./Provider.js";
+import { IconCheck } from "@tabler/icons-react";
+import { getDisabledToolbar, useEditor } from "./store.js";
 const Toolbar = ({ saving, children })=>{
-    const { editor, disabledToolbar } = useEditor();
-    return disabledToolbar ? null : /*#__PURE__*/ jsxs(RichTextEditor.Toolbar, {
+    const editor = useEditor();
+    return getDisabledToolbar() ? null : /*#__PURE__*/ jsxs(RichTextEditor.Toolbar, {
         sticky: true,
         children: [
             /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
@@ -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/editor/index.d.ts

@@ -1,12 +1,8 @@
 export declare const Editor: {
-    Root: ({ children, classNames, ...props }: Omit<import("@mantine/tiptap").RichTextEditorProps, "editor">) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ height }: {
+    Root: import("react").FC<import("./Root").EditorProps>;
+    Content: import("react").FC<{
         height: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Toolbar: ({ saving, children, }: {
-        saving?: boolean;
-        children?: import("react").ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element | null;
-    Provider: ({ children, initialContent, initialEditable, initialDisabledToolbar, onChange, }: import("./types").EditorProps) => import("react/jsx-runtime").JSX.Element;
+    }>;
+    Toolbar: import("react").FC<import("./Toolbar").ToolbarProps>;
 };
-export { useEditor } from './Provider';
+export * from './store';

package/dist/ui/editor/index.js

@@ -1,11 +1,10 @@
 import { Content } from "./Content.js";
-import { Provider, useEditor } from "./Provider.js";
 import { Root } from "./Root.js";
 import { Toolbar } from "./Toolbar.js";
+export * from "./store.js";
 const Editor = {
     Root: Root,
     Content: Content,
-    Toolbar: Toolbar,
-    Provider: Provider
+    Toolbar: Toolbar
 };
-export { Editor, useEditor };
+export { Editor };

package/dist/ui/editor/store.d.ts

@@ -0,0 +1,6 @@
+import type { Editor } from '@tiptap/react';
+export declare const getEditor: () => Editor | null;
+export declare const useEditor: () => Editor | null;
+export declare const setEditor: (editor: Editor) => void;
+export declare const getDisabledToolbar: () => boolean;
+export declare const setDisabledToolbar: (disabled: boolean) => void;

package/dist/ui/editor/store.js

@@ -0,0 +1,10 @@
+import { useStore } from "@nanostores/react";
+import { atom } from "nanostores";
+const $editor = atom(null);
+const getEditor = ()=>$editor.get();
+const useEditor = ()=>useStore($editor);
+const setEditor = (editor)=>$editor.set(editor);
+const $disabledToolbar = atom(false);
+const getDisabledToolbar = ()=>$disabledToolbar.get();
+const setDisabledToolbar = (disabled)=>$disabledToolbar.set(disabled);
+export { getDisabledToolbar, getEditor, setDisabledToolbar, setEditor, useEditor };

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

@@ -1,2 +1,2 @@
 import type { ErrorComponentProps } from '@tanstack/react-router';
-export declare const DefaultError: ({ error }: ErrorComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultError: React.FC<ErrorComponentProps>;

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

@@ -1 +1 @@
-export declare const DefaultNotFound: () => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultNotFound: React.FC;

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

@@ -1 +1 @@
-export declare const Forbidden: () => import("react/jsx-runtime").JSX.Element;
+export declare const Forbidden: React.FC;

package/dist/ui/form/buttons/CancelButton.d.ts

@@ -1,5 +1,5 @@
 import { type ButtonProps } from '@mantine/core';
-export declare const CancelButton: (props: ButtonProps & {
+export declare const CancelButton: React.FC<ButtonProps & {
     label?: string;
     onClick?: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}>;

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,

package/dist/ui/form/buttons/SubmitButton.d.ts

@@ -1,5 +1,5 @@
 import { type ButtonProps } from '@mantine/core';
-export declare const SubmitButton: (props: ButtonProps & {
+export declare const SubmitButton: React.FC<ButtonProps & {
     label?: string;
     onClick?: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}>;