@rolder-kit/ui 0.1.0-alpha.0

package/dist/AnimatedChevron.d.ts

@@ -0,0 +1,5 @@
+import { type IconProps } from '@tabler/icons-react';
+export interface AnimatedChevronProps extends IconProps {
+    expanded?: boolean;
+}
+export declare const AnimatedChevron: React.FC<AnimatedChevronProps>;

package/dist/AnimatedChevron.js

@@ -0,0 +1,12 @@
+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)',
+            ...style
+        },
+        ...props
+    });
+export { AnimatedChevron };

package/dist/JsonInput.d.ts

@@ -0,0 +1,2 @@
+import { type ReactCodeMirrorProps } from '@uiw/react-codemirror';
+export declare const JsonInput: React.FC<ReactCodeMirrorProps>;

package/dist/JsonInput.js

@@ -0,0 +1,45 @@
+import { jsx } from "react/jsx-runtime";
+import { indentSelection } from "@codemirror/commands";
+import { json, jsonParseLinter } from "@codemirror/lang-json";
+import { linter } from "@codemirror/lint";
+import { keymap } from "@codemirror/view";
+import { getCookie } from "@rolder-kit/tanstack/cookie";
+import { vscodeDark, vscodeLight } from "@uiw/codemirror-theme-vscode";
+import react_codemirror from "@uiw/react-codemirror";
+const formatJson = (view)=>{
+    try {
+        const text = view.state.doc.toString();
+        const parsed = JSON.parse(text);
+        const formatted = JSON.stringify(parsed, null, 2);
+        view.dispatch({
+            changes: {
+                from: 0,
+                to: view.state.doc.length,
+                insert: formatted
+            }
+        });
+        return true;
+    } catch (_) {
+        return indentSelection(view);
+    }
+};
+const extensions = [
+    json(),
+    linter(jsonParseLinter()),
+    keymap.of([
+        {
+            key: 'Mod-Shift-f',
+            run: formatJson
+        }
+    ])
+];
+const JsonInput = (props)=>{
+    const colorScheme = getCookie('colorScheme');
+    return /*#__PURE__*/ jsx(react_codemirror, {
+        height: "280px",
+        theme: 'light' === colorScheme ? vscodeLight : vscodeDark,
+        extensions: extensions,
+        ...props
+    });
+};
+export { JsonInput };

package/dist/RouterLink.d.ts

@@ -0,0 +1,16 @@
+import { type ActionIconProps, type AnchorProps, type ButtonProps, type UnstyledButtonProps } from '@rolder-kit/mantine';
+import { type LinkComponent } from '@tanstack/react-router';
+interface MantineAnchorProps extends Omit<AnchorProps, 'href'> {
+}
+interface MantineButtonProps extends Omit<ButtonProps, 'href'> {
+}
+interface MantineActionIconProps extends Omit<ActionIconProps, 'href'> {
+}
+interface MantineUnstyledButtonProps extends Omit<UnstyledButtonProps, 'href'> {
+}
+export declare const RouterLink: LinkComponent<import("react").ForwardRefExoticComponent<MantineAnchorProps & import("react").RefAttributes<HTMLAnchorElement>>> & {
+    Button: LinkComponent<import("react").ForwardRefExoticComponent<MantineButtonProps & import("react").RefAttributes<HTMLButtonElement>>>;
+    ActionIcon: LinkComponent<import("react").ForwardRefExoticComponent<MantineActionIconProps & import("react").RefAttributes<HTMLButtonElement>>>;
+    UnstyledButton: LinkComponent<import("react").ForwardRefExoticComponent<MantineUnstyledButtonProps & import("react").RefAttributes<HTMLButtonElement>>>;
+};
+export {};

package/dist/RouterLink.js

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import { ActionIcon, Anchor, Button, UnstyledButton } from "@rolder-kit/mantine";
+import { createLink } from "@tanstack/react-router";
+import { forwardRef } from "react";
+const MantineLinkComponent = /*#__PURE__*/ forwardRef(({ classNames, ...props }, ref)=>/*#__PURE__*/ jsx(Anchor, {
+        ref: ref,
+        classNames: {
+            root: 'rolder-router-link-root',
+            ...classNames
+        },
+        c: "inherit",
+        underline: "never",
+        ...props
+    }));
+const MantineButtonComponent = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Button, {
+        ref: ref,
+        ...props
+    }));
+const MantineActionIconComponent = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(ActionIcon, {
+        ref: ref,
+        ...props
+    }));
+const MantineUnstyledButtonComponent = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(UnstyledButton, {
+        ref: ref,
+        ...props
+    }));
+const RouterLinkBase = createLink(MantineLinkComponent);
+const RouterLinkButton = createLink(MantineButtonComponent);
+const RouterLinkActionIcon = createLink(MantineActionIconComponent);
+const RouterLinkUnstyledButton = createLink(MantineUnstyledButtonComponent);
+const RouterLink = Object.assign(RouterLinkBase, {
+    Button: RouterLinkButton,
+    ActionIcon: RouterLinkActionIcon,
+    UnstyledButton: RouterLinkUnstyledButton
+});
+export { RouterLink };

package/dist/editor/Content.d.ts

@@ -0,0 +1,3 @@
+export declare const Content: React.FC<{
+    height: string;
+}>;

package/dist/editor/Content.js

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

package/dist/editor/Root.d.ts

@@ -0,0 +1,8 @@
+import { type RichTextEditorProps } from '@mantine/tiptap';
+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/editor/Root.js

@@ -0,0 +1,55 @@
+import { jsx } from "react/jsx-runtime";
+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: customEditor || editor,
+        classNames: {
+            root: 'rolder-editor-root',
+            content: 'rolder-editor-content',
+            toolbar: 'rolder-editor-toolbar',
+            ...classNames
+        },
+        ...props,
+        children: children
+    });
+};
+export { Root };

package/dist/editor/Toolbar.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export interface ToolbarProps {
+    saving?: boolean;
+    children?: ReactNode;
+}
+export declare const Toolbar: React.FC<ToolbarProps>;

package/dist/editor/Toolbar.js

@@ -0,0 +1,138 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { RichTextEditor } from "@mantine/tiptap";
+import { Loader } from "@rolder-kit/mantine";
+import { IconCheck } from "@tabler/icons-react";
+import { getDisabledToolbar, useEditor } from "./store.js";
+const Toolbar = ({ saving, children })=>{
+    const editor = useEditor();
+    return getDisabledToolbar() ? null : /*#__PURE__*/ jsxs(RichTextEditor.Toolbar, {
+        sticky: true,
+        children: [
+            /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
+                children: [
+                    /*#__PURE__*/ jsx(RichTextEditor.Bold, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.Italic, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.Underline, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.Strikethrough, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.ClearFormatting, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.Highlight, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.Code, {
+                        disabled: !editor?.isEditable
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
+                children: [
+                    /*#__PURE__*/ jsx(RichTextEditor.H1, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.H2, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.H3, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.H4, {
+                        disabled: !editor?.isEditable
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
+                children: [
+                    /*#__PURE__*/ jsx(RichTextEditor.Blockquote, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.Hr, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.BulletList, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.OrderedList, {
+                        disabled: !editor?.isEditable
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
+                children: [
+                    /*#__PURE__*/ jsx(RichTextEditor.TaskList, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.TaskListLift, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.TaskListSink, {
+                        disabled: !editor?.isEditable
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
+                children: [
+                    /*#__PURE__*/ jsx(RichTextEditor.Link, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.Unlink, {
+                        disabled: !editor?.isEditable
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
+                children: [
+                    /*#__PURE__*/ jsx(RichTextEditor.AlignLeft, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.AlignCenter, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.AlignJustify, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.AlignRight, {
+                        disabled: !editor?.isEditable
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
+                children: [
+                    /*#__PURE__*/ jsx(RichTextEditor.Undo, {
+                        disabled: !editor?.isEditable
+                    }),
+                    /*#__PURE__*/ jsx(RichTextEditor.Redo, {
+                        disabled: !editor?.isEditable
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(RichTextEditor.ControlsGroup, {
+                ml: "auto",
+                children: [
+                    children,
+                    /*#__PURE__*/ jsx(RichTextEditor.Control, {
+                        ml: "10px",
+                        style: {
+                            cursor: 'default'
+                        },
+                        children: saving ? /*#__PURE__*/ jsx(Loader, {
+                            size: 14
+                        }) : /*#__PURE__*/ jsx(IconCheck, {
+                            stroke: 1.5,
+                            size: 16
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+export { Toolbar };

package/dist/editor/index.d.ts

@@ -0,0 +1,8 @@
+export declare const Editor: {
+    Root: import("react").FC<import("./Root").EditorProps>;
+    Content: import("react").FC<{
+        height: string;
+    }>;
+    Toolbar: import("react").FC<import("./Toolbar").ToolbarProps>;
+};
+export * from './store';

package/dist/editor/index.js

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

package/dist/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/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/error/DefaultError.d.ts

@@ -0,0 +1,2 @@
+import type { ErrorComponentProps } from '@tanstack/react-router';
+export declare const DefaultError: React.FC<ErrorComponentProps>;

package/dist/error/DefaultError.js

@@ -0,0 +1,62 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Group, Stack, Title } from "@rolder-kit/mantine";
+import { rootRouteId, useMatch, useRouter } from "@tanstack/react-router";
+import { RouterLink } from "../RouterLink.js";
+const DefaultError = ({ error })=>{
+    const router = useRouter();
+    const isRoot = useMatch({
+        strict: false,
+        select: (state)=>state.id === rootRouteId
+    });
+    return /*#__PURE__*/ jsxs(Stack, {
+        align: "center",
+        justify: "center",
+        gap: 0,
+        ta: "center",
+        h: "100vh",
+        children: [
+            /*#__PURE__*/ jsx(Title, {
+                textWrap: "balance",
+                size: 65,
+                children: "Произошла ошибка!"
+            }),
+            error.message && /*#__PURE__*/ jsx(Title, {
+                order: 3,
+                ml: 4,
+                textWrap: "balance",
+                c: "var(--mantine-color-error)",
+                children: error.message
+            }),
+            /*#__PURE__*/ jsxs(Group, {
+                children: [
+                    /*#__PURE__*/ jsx(Button, {
+                        mt: "xl",
+                        size: "lg",
+                        variant: "light",
+                        onClick: ()=>{
+                            router.invalidate();
+                        },
+                        children: "Попробовать еще раз"
+                    }),
+                    isRoot ? /*#__PURE__*/ jsx(RouterLink.Button, {
+                        to: "/",
+                        mt: "xl",
+                        size: "lg",
+                        radius: "md",
+                        children: "На главную"
+                    }) : /*#__PURE__*/ jsx(Button, {
+                        mt: "xl",
+                        radius: "md",
+                        size: "lg",
+                        onClick: (e)=>{
+                            e.preventDefault();
+                            router.history.back();
+                        },
+                        children: "Назад"
+                    })
+                ]
+            })
+        ]
+    });
+};
+export { DefaultError };

package/dist/error/DefaultNotFound.d.ts

@@ -0,0 +1 @@
+export declare const DefaultNotFound: React.FC;

package/dist/error/DefaultNotFound.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Stack, Text, Title } from "@rolder-kit/mantine";
+import { RouterLink } from "../RouterLink.js";
+const DefaultNotFound = ()=>/*#__PURE__*/ jsxs(Stack, {
+        align: "center",
+        justify: "center",
+        gap: 0,
+        ta: "center",
+        h: "100vh",
+        children: [
+            /*#__PURE__*/ jsx(Text, {
+                c: "dimmed",
+                fw: "bold",
+                children: "404"
+            }),
+            /*#__PURE__*/ jsx(Title, {
+                textWrap: "balance",
+                size: 65,
+                children: "Страница не найдена"
+            }),
+            /*#__PURE__*/ jsx(Title, {
+                order: 3,
+                ml: 4,
+                textWrap: "balance",
+                c: "dimmed",
+                children: "Извините, но здесь нет страницы. Возможно она перемещена."
+            }),
+            /*#__PURE__*/ jsx(RouterLink.Button, {
+                to: "/",
+                mt: "xl",
+                size: "lg",
+                radius: "md",
+                children: "На главную"
+            })
+        ]
+    });
+export { DefaultNotFound };

package/dist/error/Forbidden.d.ts

@@ -0,0 +1 @@
+export declare const Forbidden: React.FC;

package/dist/error/Forbidden.js

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Stack, Title } from "@rolder-kit/mantine";
+import { RouterLink } from "../RouterLink.js";
+const Forbidden = ()=>/*#__PURE__*/ jsxs(Stack, {
+        align: "center",
+        justify: "center",
+        gap: 0,
+        ta: "center",
+        h: "100vh",
+        children: [
+            /*#__PURE__*/ jsx(Title, {
+                textWrap: "balance",
+                size: 65,
+                children: "Доступ запрещен!"
+            }),
+            /*#__PURE__*/ jsx(Title, {
+                order: 3,
+                ml: 4,
+                textWrap: "balance",
+                c: "var(--mantine-color-error)",
+                children: "У вас нет доступа к этой странице"
+            }),
+            /*#__PURE__*/ jsx(RouterLink.Button, {
+                to: "/",
+                mt: "xl",
+                size: "lg",
+                radius: "md",
+                children: "На главную"
+            })
+        ]
+    });
+export { Forbidden };

package/dist/error/defaultErrorNotification.d.ts

@@ -0,0 +1 @@
+export declare const defaultErrorNotification: (error: Error) => string;

package/dist/error/defaultErrorNotification.js

@@ -0,0 +1,8 @@
+import { notifications } from "@rolder-kit/mantine/notifications";
+const defaultErrorNotification = (error)=>notifications.show({
+        title: 'Системная ошибка',
+        message: error.message,
+        color: 'red',
+        autoClose: false
+    });
+export { defaultErrorNotification };

package/dist/error/index.d.ts

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

package/dist/error/index.js

@@ -0,0 +1,5 @@
+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/form/blurOnError.d.ts

@@ -0,0 +1,4 @@
+import type { AnyFormApi } from '@tanstack/react-form';
+export declare const blurOnError: ({ formApi }: {
+    formApi: AnyFormApi;
+}) => void;

package/dist/form/blurOnError.js

@@ -0,0 +1,11 @@
+const blurOnError = ({ formApi })=>{
+    const inputNames = Array.from(new Set(Object.keys(formApi.state.fieldMeta).filter((i)=>formApi.state.fieldMeta[i]?.errors.length)));
+    for (const inputName of inputNames){
+        const input = document.querySelector(`#form input[name="${inputName}"]`);
+        if (input) {
+            input.focus();
+            break;
+        }
+    }
+};
+export { blurOnError };

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

@@ -0,0 +1,5 @@
+import { type ButtonProps } from '@rolder-kit/mantine';
+export declare const CancelButton: React.FC<ButtonProps & {
+    label?: string;
+    onClick?: () => void;
+}>;

package/dist/form/buttons/CancelButton.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@rolder-kit/mantine";
+import { IconCancel } from "@tabler/icons-react";
+import { useFormContext } from "../context.js";
+const CancelButton = (props)=>{
+    const form = useFormContext();
+    return /*#__PURE__*/ jsx(form.Subscribe, {
+        selector: (state)=>state.isSubmitting,
+        children: (isSubmitting)=>/*#__PURE__*/ jsx(Button, {
+                type: "reset",
+                size: "xs",
+                variant: "light",
+                leftSection: /*#__PURE__*/ jsx(IconCancel, {
+                    size: 16
+                }),
+                disabled: isSubmitting,
+                ...props,
+                children: props.label || 'Отмена'
+            })
+    });
+};
+export { CancelButton };

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

@@ -0,0 +1,5 @@
+import { type ButtonProps } from '@rolder-kit/mantine';
+export declare const SubmitButton: React.FC<ButtonProps & {
+    label?: string;
+    onClick?: () => void;
+}>;

package/dist/form/buttons/SubmitButton.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@rolder-kit/mantine";
+import { IconDeviceFloppy } from "@tabler/icons-react";
+import { useFormContext } from "../context.js";
+const SubmitButton = (props)=>{
+    const form = useFormContext();
+    return /*#__PURE__*/ jsx(form.Subscribe, {
+        selector: (state)=>state,
+        children: (state)=>/*#__PURE__*/ jsx(Button, {
+                type: "submit",
+                size: "xs",
+                leftSection: /*#__PURE__*/ jsx(IconDeviceFloppy, {
+                    size: 20
+                }),
+                loading: state.isSubmitting,
+                disabled: !state.isDirty,
+                ...props,
+                children: props.label || 'Сохранить'
+            })
+    });
+};
+export { SubmitButton };

package/dist/form/buttons/SubscribeActionIcon.d.ts

@@ -0,0 +1,4 @@
+import { type ActionIconProps } from '@rolder-kit/mantine';
+export declare const SubscribeActionIcon: React.FC<ActionIconProps & {
+    onClick?: () => void;
+}>;