@rolder/kit 3.0.0-alpha-1

package/README.md

@@ -0,0 +1,23 @@
+# Rslib project
+
+## Setup
+
+Install the dependencies:
+
+```bash
+bun install
+```
+
+## Get started
+
+Build the library:
+
+```bash
+bun run build
+```
+
+Build the library in watch mode:
+
+```bash
+bun run dev
+```

package/dist/functions/cookies/getCookie.d.ts

@@ -0,0 +1,3 @@
+export declare function getCookie<T extends string>(name: string, defaultValue: T): T;
+export declare function getCookie(name: string, defaultValue: string): string;
+export declare function getCookie(name: string, defaultValue?: undefined): string | undefined;

package/dist/functions/cookies/getCookie.js

@@ -0,0 +1,8 @@
+import { createIsomorphicFn } from "@tanstack/react-start";
+import { getCookie } from "@tanstack/react-start/server";
+import js_cookie from "js-cookie";
+const getCookieImpl = createIsomorphicFn().server((name, defaultValue)=>getCookie(name) || defaultValue).client((name, defaultValue)=>js_cookie.get(name) || defaultValue);
+function getCookie_getCookie(name, defaultValue) {
+    return getCookieImpl(name, defaultValue);
+}
+export { getCookie_getCookie as getCookie };

package/dist/functions/cookies/index.d.ts

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

package/dist/functions/cookies/index.js

@@ -0,0 +1,3 @@
+export * from "./getCookie.js";
+export * from "./setCookie.js";
+export * from "./setCookies.js";

package/dist/functions/cookies/setCookie.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Изоморфная функция для установки значения куки.
+ * На клиенте использует библиотеку js-cookie для работы с куками.
+ * На сервере использует функции getCookie и setCookie из tanstack start.
+ *
+ * @param {string} name - Имя куки
+ * @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>;

package/dist/functions/cookies/setCookie.js

@@ -0,0 +1,19 @@
+import { createIsomorphicFn } from "@tanstack/react-start";
+import { deleteCookie, setCookie } from "@tanstack/react-start/server";
+import js_cookie from "js-cookie";
+const setCookie_setCookie = createIsomorphicFn().server((name, value, expires)=>{
+    const expiresDate = new Date();
+    expiresDate.setDate(expiresDate.getDate() + (expires || 7));
+    if (value) setCookie(name, value, {
+        expires: expiresDate
+    });
+    else deleteCookie(name);
+}).client((name, value, expires)=>{
+    const expiresDate = new Date();
+    expiresDate.setDate(expiresDate.getDate() + (expires || 7));
+    if (value) js_cookie.set(name, value, {
+        expires: expiresDate
+    });
+    else js_cookie.remove(name);
+});
+export { setCookie_setCookie as setCookie };

package/dist/functions/cookies/setCookies.d.ts

@@ -0,0 +1,14 @@
+interface Cookie {
+    name: string;
+    value?: string;
+    expires?: number;
+}
+/**
+ * Клиентская функция для установки значения нескольких куки.
+ * На клиенте использует библиотеку js-cookie для работы с куками.
+ * На сервере использует функции getCookie и setCookie из tanstack start.
+ *
+ * @param {Cookie[]} cookies - Массив объектов с данными куки *
+ */
+export declare const setCookies: (cookies: Cookie[]) => void;
+export {};

package/dist/functions/cookies/setCookies.js

@@ -0,0 +1,13 @@
+import { createClientOnlyFn } from "@tanstack/react-start";
+import js_cookie from "js-cookie";
+const setCookies = createClientOnlyFn((cookies)=>{
+    cookies.forEach(({ name, value, expires })=>{
+        const expiresDate = new Date();
+        expiresDate.setDate(expiresDate.getDate() + (expires || 7));
+        if (value) js_cookie.set(name, value, {
+            expires: expiresDate
+        });
+        else js_cookie.remove(name);
+    });
+});
+export { setCookies };

package/dist/functions/index.d.ts

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

package/dist/functions/index.js

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

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './functions';
+export * from './ui';

package/dist/index.js

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

package/dist/ui/AnimatedChevron.d.ts

@@ -0,0 +1,6 @@
+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;
+export {};

package/dist/ui/AnimatedChevron.js

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

package/dist/ui/JsonInput.d.ts

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

package/dist/ui/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 { vscodeDark, vscodeLight } from "@uiw/codemirror-theme-vscode";
+import react_codemirror from "@uiw/react-codemirror";
+import { getCookie } from "../functions/index.js";
+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/ui/editor/Content.d.ts

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

package/dist/ui/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, {
+        h: height,
+        autoScroll: true,
+        radius: "md",
+        children: [
+            /*#__PURE__*/ jsx(RichTextEditor.Content, {}),
+            /*#__PURE__*/ jsx(ScrollArea.ScrollButton, {})
+        ]
+    });
+export { Content };

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

@@ -0,0 +1,17 @@
+import type { Editor } from '@tiptap/react';
+import type { EditorProps } from './types';
+interface EditorContext {
+    editor: Editor | null;
+    editable?: boolean;
+    setEditable: (value: boolean) => void;
+    disabledToolbar: boolean;
+    setDisabledToolbar: (value: boolean) => void;
+    focused: boolean;
+    setFocused: (value: boolean) => void;
+    editedByUser: boolean;
+    setEditedByUser: (value: boolean) => void;
+}
+declare const EditorContext: import("react").Context<EditorContext | null>;
+export declare const Provider: ({ children, initialContent, initialEditable, initialDisabledToolbar, onChange, }: EditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useEditor: () => EditorContext;
+export {};

package/dist/ui/editor/Provider.js

@@ -0,0 +1,80 @@
+import { jsx } from "react/jsx-runtime";
+import { Link, 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 { createContext, useContext, useEffect, useState } from "react";
+const EditorContext = /*#__PURE__*/ createContext(null);
+const Provider = ({ children, initialContent, initialEditable = true, initialDisabledToolbar, onChange })=>{
+    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: initialContent,
+        onUpdate: ({ editor })=>{
+            onChange?.(editor.getHTML());
+        },
+        editable: initialEditable
+    });
+    const [editable, setEditable] = useState(initialEditable);
+    const [disabledToolbar, setDisabledToolbar] = useState(!!initialDisabledToolbar);
+    const [editedByUser, setEditedByUser] = useState(true);
+    const [focused, setFocused] = useState(false);
+    useEffect(()=>{
+        editor?.on('focus', ()=>setFocused(true));
+        editor?.on('blur', ()=>setFocused(false));
+        editor?.on('update', ({ transaction })=>{
+            if (transaction.docChanged && focused) setEditedByUser(true);
+            if (transaction.docChanged && !focused) setEditedByUser(false);
+        });
+    }, [
+        editor,
+        focused
+    ]);
+    const value = {
+        editor,
+        editable,
+        setEditable,
+        disabledToolbar,
+        setDisabledToolbar,
+        editedByUser,
+        setEditedByUser,
+        focused,
+        setFocused
+    };
+    return /*#__PURE__*/ jsx(EditorContext.Provider, {
+        value: value,
+        children: children
+    });
+};
+const Provider_useEditor = ()=>{
+    const context = useContext(EditorContext);
+    if (!context) throw new Error('useEditor must be used within EditorProvider');
+    return context;
+};
+export { Provider, Provider_useEditor as useEditor };

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

@@ -0,0 +1,2 @@
+import { type RichTextEditorProps } from '@mantine/tiptap';
+export declare const Root: ({ children, classNames, ...props }: Omit<RichTextEditorProps, "editor">) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/editor/Root.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { RichTextEditor } from "@mantine/tiptap";
+import { useEditor } from "./Provider.js";
+import styles_module from "./styles.module.js";
+const Root = ({ children, classNames, ...props })=>{
+    const { editor } = useEditor();
+    return /*#__PURE__*/ jsx(RichTextEditor, {
+        editor: editor,
+        classNames: {
+            root: styles_module.root,
+            content: styles_module.content,
+            toolbar: styles_module.toolbar,
+            ...classNames
+        },
+        ...props,
+        children: children
+    });
+};
+export { Root };

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

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

package/dist/ui/editor/Toolbar.js

@@ -0,0 +1,138 @@
+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();
+    return disabledToolbar ? 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/ui/editor/index.d.ts

@@ -0,0 +1,12 @@
+export declare const Editor: {
+    Root: ({ children, classNames, ...props }: Omit<import("@mantine/tiptap").RichTextEditorProps, "editor">) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ height }: {
+        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;
+};
+export { useEditor } from './Provider';

package/dist/ui/editor/index.js

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

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

@@ -0,0 +1,7 @@
+export interface EditorProps {
+    children: React.ReactNode;
+    initialContent?: string;
+    initialEditable?: boolean;
+    initialDisabledToolbar?: boolean;
+    onChange?: (value: string) => void;
+}

package/dist/ui/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/ui/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/ui/form/buttons/CancelButton.d.ts

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

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

@@ -0,0 +1,22 @@
+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();
+    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/ui/form/buttons/SubmitButton.d.ts

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

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

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@mantine/core";
+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/ui/form/buttons/SubscribeActionIcon.d.ts

@@ -0,0 +1,4 @@
+import { type ActionIconProps } from '@mantine/core';
+export declare const SubscribeActionIcon: (props: ActionIconProps & {
+    onClick?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { ActionIcon } from "@mantine/core";
+import { useFormContext } from "../context.js";
+const SubscribeActionIcon = (props)=>{
+    const form = useFormContext();
+    return /*#__PURE__*/ jsx(form.Subscribe, {
+        selector: (state)=>state.isSubmitting,
+        children: (isSubmitting)=>/*#__PURE__*/ jsx(ActionIcon, {
+                disabled: isSubmitting,
+                ...props,
+                children: props.children
+            })
+    });
+};
+export { SubscribeActionIcon };

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

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

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

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@mantine/core";
+import { useFormContext } from "../context.js";
+const SubscribeButton = (props)=>{
+    const form = useFormContext();
+    return /*#__PURE__*/ jsx(form.Subscribe, {
+        selector: (state)=>state.isSubmitting,
+        children: (isSubmitting)=>/*#__PURE__*/ jsx(Button, {
+                type: "button",
+                disabled: isSubmitting,
+                ...props,
+                children: props.label
+            })
+    });
+};
+export { SubscribeButton };