@rolder/kit 3.0.0-alpha.9 → 3.0.0-alpha.91

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

@@ -1,5 +1,6 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+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();
@@ -8,34 +9,8 @@ const SubmitButton = (props)=>{
         children: (state)=>/*#__PURE__*/ jsx(Button, {
                 type: "submit",
                 size: "xs",
-                leftSection: /*#__PURE__*/ jsxs("svg", {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "20",
-                    height: "20",
-                    viewBox: "0 0 20 20",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    role: "img",
-                    "aria-label": "Submit",
-                    children: [
-                        /*#__PURE__*/ jsx("path", {
-                            stroke: "none",
-                            d: "M0 0h24v24H0z",
-                            fill: "none"
-                        }),
-                        /*#__PURE__*/ jsx("path", {
-                            d: "M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2"
-                        }),
-                        /*#__PURE__*/ jsx("path", {
-                            d: "M10 14a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
-                        }),
-                        /*#__PURE__*/ jsx("path", {
-                            d: "M14 4l0 4l-6 0l0 -4"
-                        })
-                    ]
+                leftSection: /*#__PURE__*/ jsx(IconDeviceFloppy, {
+                    size: 20
                 }),
                 loading: state.isSubmitting,
                 disabled: !state.isDirty,

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

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

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

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

package/dist/ui/form/context.d.ts

@@ -1,83 +1,83 @@
-declare const useFieldContext: <TData>() => import("@tanstack/form-core").FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useFormContext: () => import("@tanstack/react-form").ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
-declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import("@tanstack/form-core").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import("@tanstack/react-form").AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-    readonly TextField: (props: import("@mantine/core").TextInputProps) => import("react/jsx-runtime").JSX.Element;
-    readonly NumberField: (props: import("@mantine/core").NumberInputProps) => import("react/jsx-runtime").JSX.Element;
-    readonly TextareaField: (props: import("@mantine/core").TextareaProps) => import("react/jsx-runtime").JSX.Element;
-    readonly TextPassowrdField: (props: import("@mantine/core").TextInputProps) => import("react/jsx-runtime").JSX.Element;
-    readonly PassowrdField: (props: import("@mantine/core").PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
-    readonly SelectField: (props: import("@mantine/core").SelectProps) => import("react/jsx-runtime").JSX.Element;
-    readonly MultiSelectField: (props: import("@mantine/core").MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
-    readonly SwitchField: (props: import("@mantine/core").SwitchProps) => import("react/jsx-runtime").JSX.Element;
-    readonly JsonField: (props: import("@uiw/react-codemirror").ReactCodeMirrorProps) => import("react/jsx-runtime").JSX.Element;
+declare const useFieldContext: <TData>() => import("@tanstack/react-form").FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useFormContext: () => import("@tanstack/react-form").ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
+declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import("@tanstack/react-form").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import("@tanstack/react-form").AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly TextField: import("react").FC<import("@mantine/core").TextInputProps>;
+    readonly NumberField: import("react").FC<import("@mantine/core").NumberInputProps>;
+    readonly TextareaField: import("react").FC<import("@mantine/core").TextareaProps>;
+    readonly TextPasswordField: import("react").FC<import("@mantine/core").TextInputProps>;
+    readonly PasswordField: import("react").FC<import("@mantine/core").PasswordInputProps>;
+    readonly SelectField: import("react").FC<import("@mantine/core").SelectProps>;
+    readonly MultiSelectField: import("react").FC<import("@mantine/core").MultiSelectProps>;
+    readonly SwitchField: import("react").FC<import("@mantine/core").SwitchProps>;
+    readonly JsonField: import("react").FC<import("@uiw/react-codemirror").ReactCodeMirrorProps>;
 }, {
-    readonly SubmitButton: (props: import("@mantine/core").ButtonProps & {
+    readonly SubmitButton: import("react").FC<import("@mantine/core").ButtonProps & {
         label?: string;
         onClick?: () => void;
-    }) => import("react/jsx-runtime").JSX.Element;
-    readonly CancelButton: (props: import("@mantine/core").ButtonProps & {
+    }>;
+    readonly CancelButton: import("react").FC<import("@mantine/core").ButtonProps & {
         label?: string;
         onClick?: () => void;
-    }) => import("react/jsx-runtime").JSX.Element;
-    readonly SubscribeButton: (props: import("@mantine/core").ButtonProps & {
+    }>;
+    readonly SubscribeButton: import("react").FC<import("@mantine/core").ButtonProps & {
         label: string;
         onClick?: () => void;
-    }) => import("react/jsx-runtime").JSX.Element;
-    readonly SubscribeActionIcon: (props: import("@mantine/core").ActionIconProps & {
+    }>;
+    readonly SubscribeActionIcon: import("react").FC<import("@mantine/core").ActionIconProps & {
         onClick?: () => void;
-    }) => import("react/jsx-runtime").JSX.Element;
-}>, withForm: <TFormData, TOnMount extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-    readonly TextField: (props: import("@mantine/core").TextInputProps) => import("react/jsx-runtime").JSX.Element;
-    readonly NumberField: (props: import("@mantine/core").NumberInputProps) => import("react/jsx-runtime").JSX.Element;
-    readonly TextareaField: (props: import("@mantine/core").TextareaProps) => import("react/jsx-runtime").JSX.Element;
-    readonly TextPassowrdField: (props: import("@mantine/core").TextInputProps) => import("react/jsx-runtime").JSX.Element;
-    readonly PassowrdField: (props: import("@mantine/core").PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
-    readonly SelectField: (props: import("@mantine/core").SelectProps) => import("react/jsx-runtime").JSX.Element;
-    readonly MultiSelectField: (props: import("@mantine/core").MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
-    readonly SwitchField: (props: import("@mantine/core").SwitchProps) => import("react/jsx-runtime").JSX.Element;
-    readonly JsonField: (props: import("@uiw/react-codemirror").ReactCodeMirrorProps) => import("react/jsx-runtime").JSX.Element;
+    }>;
+}>, withForm: <TFormData, TOnMount extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly TextField: import("react").FC<import("@mantine/core").TextInputProps>;
+    readonly NumberField: import("react").FC<import("@mantine/core").NumberInputProps>;
+    readonly TextareaField: import("react").FC<import("@mantine/core").TextareaProps>;
+    readonly TextPasswordField: import("react").FC<import("@mantine/core").TextInputProps>;
+    readonly PasswordField: import("react").FC<import("@mantine/core").PasswordInputProps>;
+    readonly SelectField: import("react").FC<import("@mantine/core").SelectProps>;
+    readonly MultiSelectField: import("react").FC<import("@mantine/core").MultiSelectProps>;
+    readonly SwitchField: import("react").FC<import("@mantine/core").SwitchProps>;
+    readonly JsonField: import("react").FC<import("@uiw/react-codemirror").ReactCodeMirrorProps>;
 }, {
-    readonly SubmitButton: (props: import("@mantine/core").ButtonProps & {
+    readonly SubmitButton: import("react").FC<import("@mantine/core").ButtonProps & {
         label?: string;
         onClick?: () => void;
-    }) => import("react/jsx-runtime").JSX.Element;
-    readonly CancelButton: (props: import("@mantine/core").ButtonProps & {
+    }>;
+    readonly CancelButton: import("react").FC<import("@mantine/core").ButtonProps & {
         label?: string;
         onClick?: () => void;
-    }) => import("react/jsx-runtime").JSX.Element;
-    readonly SubscribeButton: (props: import("@mantine/core").ButtonProps & {
+    }>;
+    readonly SubscribeButton: import("react").FC<import("@mantine/core").ButtonProps & {
         label: string;
         onClick?: () => void;
-    }) => import("react/jsx-runtime").JSX.Element;
-    readonly SubscribeActionIcon: (props: import("@mantine/core").ActionIconProps & {
+    }>;
+    readonly SubscribeActionIcon: import("react").FC<import("@mantine/core").ActionIconProps & {
         onClick?: () => void;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }>;
 }, TRenderProps>) => import("react").FunctionComponent<import("react").PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
-    form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
-        readonly TextField: (props: import("@mantine/core").TextInputProps) => import("react/jsx-runtime").JSX.Element;
-        readonly NumberField: (props: import("@mantine/core").NumberInputProps) => import("react/jsx-runtime").JSX.Element;
-        readonly TextareaField: (props: import("@mantine/core").TextareaProps) => import("react/jsx-runtime").JSX.Element;
-        readonly TextPassowrdField: (props: import("@mantine/core").TextInputProps) => import("react/jsx-runtime").JSX.Element;
-        readonly PassowrdField: (props: import("@mantine/core").PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
-        readonly SelectField: (props: import("@mantine/core").SelectProps) => import("react/jsx-runtime").JSX.Element;
-        readonly MultiSelectField: (props: import("@mantine/core").MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
-        readonly SwitchField: (props: import("@mantine/core").SwitchProps) => import("react/jsx-runtime").JSX.Element;
-        readonly JsonField: (props: import("@uiw/react-codemirror").ReactCodeMirrorProps) => import("react/jsx-runtime").JSX.Element;
+    form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
+        readonly TextField: import("react").FC<import("@mantine/core").TextInputProps>;
+        readonly NumberField: import("react").FC<import("@mantine/core").NumberInputProps>;
+        readonly TextareaField: import("react").FC<import("@mantine/core").TextareaProps>;
+        readonly TextPasswordField: import("react").FC<import("@mantine/core").TextInputProps>;
+        readonly PasswordField: import("react").FC<import("@mantine/core").PasswordInputProps>;
+        readonly SelectField: import("react").FC<import("@mantine/core").SelectProps>;
+        readonly MultiSelectField: import("react").FC<import("@mantine/core").MultiSelectProps>;
+        readonly SwitchField: import("react").FC<import("@mantine/core").SwitchProps>;
+        readonly JsonField: import("react").FC<import("@uiw/react-codemirror").ReactCodeMirrorProps>;
     }, {
-        readonly SubmitButton: (props: import("@mantine/core").ButtonProps & {
+        readonly SubmitButton: import("react").FC<import("@mantine/core").ButtonProps & {
             label?: string;
             onClick?: () => void;
-        }) => import("react/jsx-runtime").JSX.Element;
-        readonly CancelButton: (props: import("@mantine/core").ButtonProps & {
+        }>;
+        readonly CancelButton: import("react").FC<import("@mantine/core").ButtonProps & {
             label?: string;
             onClick?: () => void;
-        }) => import("react/jsx-runtime").JSX.Element;
-        readonly SubscribeButton: (props: import("@mantine/core").ButtonProps & {
+        }>;
+        readonly SubscribeButton: import("react").FC<import("@mantine/core").ButtonProps & {
             label: string;
             onClick?: () => void;
-        }) => import("react/jsx-runtime").JSX.Element;
-        readonly SubscribeActionIcon: (props: import("@mantine/core").ActionIconProps & {
+        }>;
+        readonly SubscribeActionIcon: import("react").FC<import("@mantine/core").ActionIconProps & {
             onClick?: () => void;
-        }) => import("react/jsx-runtime").JSX.Element;
+        }>;
     }>;
 }>>;
 export { useAppForm, useFieldContext, useFormContext, withForm };

package/dist/ui/form/context.js

@@ -1,14 +1,14 @@
 import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
 import { CancelButton, SubmitButton, SubscribeActionIcon, SubscribeButton } from "./buttons/index.js";
-import { JsonField, MultiSelectField, NumberField, PassowrdField, SelectField, SwitchField, TextField, TextPassowrdField, TextareaField } from "./fields/index.js";
+import { JsonField, MultiSelectField, NumberField, PasswordField, SelectField, SwitchField, TextField, TextPasswordField, TextareaField } from "./fields/index.js";
 const { fieldContext, useFieldContext, formContext, useFormContext } = createFormHookContexts();
 const { useAppForm, withForm } = createFormHook({
     fieldComponents: {
         TextField: TextField,
         NumberField: NumberField,
         TextareaField: TextareaField,
-        TextPassowrdField: TextPassowrdField,
-        PassowrdField: PassowrdField,
+        TextPasswordField: TextPasswordField,
+        PasswordField: PasswordField,
         SelectField: SelectField,
         MultiSelectField: MultiSelectField,
         SwitchField: SwitchField,

package/dist/ui/form/fields/JsonField.d.ts

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

package/dist/ui/form/fields/MultiSelectField.d.ts

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

package/dist/ui/form/fields/NumberField.d.ts

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

package/dist/ui/form/fields/PasswordField.d.ts

@@ -0,0 +1,2 @@
+import { type PasswordInputProps } from '@mantine/core';
+export declare const PasswordField: React.FC<PasswordInputProps>;

package/dist/ui/form/fields/{PassowrdField.js → PasswordField.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { PasswordInput } from "@mantine/core";
 import { useFieldContext } from "../context.js";
-const PassowrdField = (props)=>{
+const PasswordField = (props)=>{
     const field = useFieldContext();
     return /*#__PURE__*/ jsx(PasswordInput, {
         size: "lg",
@@ -15,4 +15,4 @@ const PassowrdField = (props)=>{
         ...props
     });
 };
-export { PassowrdField };
+export { PasswordField };

package/dist/ui/form/fields/SelectField.d.ts

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

package/dist/ui/form/fields/SwitchField.d.ts

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

package/dist/ui/form/fields/TextField.d.ts

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

package/dist/ui/form/fields/TextPasswordField.d.ts

@@ -0,0 +1,2 @@
+import { type TextInputProps } from '@mantine/core';
+export declare const TextPasswordField: React.FC<TextInputProps>;

package/dist/ui/form/fields/TextPasswordField.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { ActionIcon, TextInput } from "@mantine/core";
+import { IconRefresh } from "@tabler/icons-react";
+import omgopass from "omgopass";
+import { useFieldContext } from "../context.js";
+const TextPasswordField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(TextInput, {
+        label: "Пароль",
+        placeholder: "Введите пароль",
+        rightSection: /*#__PURE__*/ jsx(ActionIcon, {
+            variant: "light",
+            onClick: ()=>field.setValue(omgopass({
+                    minSyllableLength: 2,
+                    maxSyllableLength: 2
+                })),
+            children: /*#__PURE__*/ jsx(IconRefresh, {
+                size: 16
+            })
+        }),
+        name: field.name,
+        value: field.state.value || '',
+        onChange: (e)=>field.handleChange(e.target.value),
+        onBlur: field.handleBlur,
+        error: field.state.meta.errors.map((error)=>error.message).join(', '),
+        ...props
+    });
+};
+export { TextPasswordField };

package/dist/ui/form/fields/TextareaField.d.ts

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

package/dist/ui/form/fields/index.d.ts

@@ -1,9 +1,9 @@
 export * from './JsonField';
 export * from './MultiSelectField';
 export * from './NumberField';
-export * from './PassowrdField';
+export * from './PasswordField';
 export * from './SelectField';
 export * from './SwitchField';
 export * from './TextareaField';
 export * from './TextField';
-export * from './TextPassowrdField';
+export * from './TextPasswordField';

package/dist/ui/form/fields/index.js

@@ -1,9 +1,9 @@
 export * from "./JsonField.js";
 export * from "./MultiSelectField.js";
 export * from "./NumberField.js";
-export * from "./PassowrdField.js";
+export * from "./PasswordField.js";
 export * from "./SelectField.js";
 export * from "./SwitchField.js";
 export * from "./TextareaField.js";
 export * from "./TextField.js";
-export * from "./TextPassowrdField.js";
+export * from "./TextPasswordField.js";

package/dist/ui/index.d.ts

@@ -0,0 +1,9 @@
+export * from './AnimatedChevron';
+export * from './editor';
+export * from './error';
+export * from './form';
+export * from './hoverPaper';
+export * from './JsonInput';
+export * from './RouterLink';
+export * from './saveInput';
+export * from './scrollArea';

package/dist/ui/index.js

@@ -0,0 +1,9 @@
+export * from "./AnimatedChevron.js";
+export * from "./editor/index.js";
+export * from "./error/index.js";
+export * from "./form/index.js";
+export * from "./hoverPaper/index.js";
+export * from "./JsonInput.js";
+export * from "./RouterLink.js";
+export * from "./saveInput/index.js";
+export * from "./scrollArea/index.js";

package/dist/ui/saveInput/JsonInput.d.ts

@@ -1,6 +1,6 @@
 import type { ReactCodeMirrorProps } from '@uiw/react-codemirror';
-export declare const JsonInput: ({ initialValue, onChange, debounce, ...props }: {
+export declare const JsonInput: React.FC<{
     initialValue: string;
     onChange: (value: string) => Promise<void>;
     debounce?: number;
-} & Omit<ReactCodeMirrorProps, "value" | "onChange">) => import("react/jsx-runtime").JSX.Element;
+} & Omit<ReactCodeMirrorProps, 'value' | 'onChange'>>;

package/dist/ui/saveInput/NumberInput.d.ts

@@ -1,6 +1,6 @@
 import { type NumberInputProps } from '@mantine/core';
-export declare const NumberInput: ({ initialValue, onChange, debounce, ...props }: {
+export declare const NumberInput: React.FC<{
     initialValue: string | number;
     onChange: (value: string | number) => Promise<void>;
     debounce?: number;
-} & Omit<NumberInputProps, "value" | "onChange">) => import("react/jsx-runtime").JSX.Element;
+} & Omit<NumberInputProps, 'value' | 'onChange'>>;

package/dist/ui/saveInput/SaveInput.d.ts

@@ -1,36 +1,36 @@
-export declare const SaveInput: (({ initialValue, onChange, debounce, ...props }: {
+export declare const SaveInput: import("react").FC<{
     initialValue?: string;
     onChange: (value: string) => Promise<void>;
     debounce?: number;
-} & Omit<import("@mantine/core").TextInputProps, "value" | "onChange">) => import("react/jsx-runtime").JSX.Element) & {
-    TextInput: ({ initialValue, onChange, debounce, ...props }: {
+} & Omit<import("@mantine/core").TextInputProps, "onChange" | "value">> & {
+    TextInput: import("react").FC<{
         initialValue?: string;
         onChange: (value: string) => Promise<void>;
         debounce?: number;
-    } & Omit<import("@mantine/core").TextInputProps, "value" | "onChange">) => import("react/jsx-runtime").JSX.Element;
-    NumberInput: ({ initialValue, onChange, debounce, ...props }: {
+    } & Omit<import("@mantine/core").TextInputProps, "onChange" | "value">>;
+    NumberInput: import("react").FC<{
         initialValue: string | number;
         onChange: (value: string | number) => Promise<void>;
         debounce?: number;
-    } & Omit<import("@mantine/core").NumberInputProps, "value" | "onChange">) => import("react/jsx-runtime").JSX.Element;
-    Textarea: ({ initialValue, onChange, debounce, ...props }: {
+    } & Omit<import("@mantine/core").NumberInputProps, "onChange" | "value">>;
+    Textarea: import("react").FC<{
         initialValue: string;
         onChange: (value: string) => Promise<void>;
         debounce?: number;
-    } & Omit<import("@mantine/core").TextareaProps, "value" | "onChange">) => import("react/jsx-runtime").JSX.Element;
-    Switch: ({ initialValue, onChange, debounce, w, ...props }: {
+    } & Omit<import("@mantine/core").TextareaProps, "onChange" | "value">>;
+    Switch: import("react").FC<{
         initialValue: boolean;
         onChange: (value: boolean) => Promise<void>;
         debounce?: number;
-    } & Omit<import("@mantine/core").SwitchProps, "checked" | "onChange">) => import("react/jsx-runtime").JSX.Element;
-    JsonInput: ({ initialValue, onChange, debounce, ...props }: {
+    } & Omit<import("@mantine/core").SwitchProps, "onChange" | "checked">>;
+    JsonInput: import("react").FC<{
         initialValue: string;
         onChange: (value: string) => Promise<void>;
         debounce?: number;
-    } & Omit<import("@uiw/react-codemirror").ReactCodeMirrorProps, "value" | "onChange">) => import("react/jsx-runtime").JSX.Element;
-    Select: ({ initialValue, onChange, debounce, ...props }: {
+    } & Omit<import("@uiw/react-codemirror").ReactCodeMirrorProps, "onChange" | "value">>;
+    Select: import("react").FC<{
         initialValue: string | null;
         onChange: (value: string | null) => Promise<void>;
         debounce?: number;
-    } & Omit<import("@mantine/core").SelectProps, "value" | "onChange">) => import("react/jsx-runtime").JSX.Element;
+    } & Omit<import("@mantine/core").SelectProps, "onChange" | "value">>;
 };

package/dist/ui/saveInput/Select.d.ts

@@ -1,6 +1,6 @@
 import { type SelectProps } from '@mantine/core';
-export declare const Select: ({ initialValue, onChange, debounce, ...props }: {
+export declare const Select: React.FC<{
     initialValue: string | null;
     onChange: (value: string | null) => Promise<void>;
     debounce?: number;
-} & Omit<SelectProps, "value" | "onChange">) => import("react/jsx-runtime").JSX.Element;
+} & Omit<SelectProps, 'value' | 'onChange'>>;

package/dist/ui/saveInput/Switch.d.ts

@@ -1,6 +1,6 @@
 import { type SwitchProps } from '@mantine/core';
-export declare const Switch: ({ initialValue, onChange, debounce, w, ...props }: {
+export declare const Switch: React.FC<{
     initialValue: boolean;
     onChange: (value: boolean) => Promise<void>;
     debounce?: number;
-} & Omit<SwitchProps, "checked" | "onChange">) => import("react/jsx-runtime").JSX.Element;
+} & Omit<SwitchProps, 'checked' | 'onChange'>>;

package/dist/ui/saveInput/TextInput.d.ts

@@ -1,6 +1,6 @@
 import { type TextInputProps } from '@mantine/core';
-export declare const TextInput: ({ initialValue, onChange, debounce, ...props }: {
+export declare const TextInput: React.FC<{
     initialValue?: string;
     onChange: (value: string) => Promise<void>;
     debounce?: number;
-} & Omit<TextInputProps, "value" | "onChange">) => import("react/jsx-runtime").JSX.Element;
+} & Omit<TextInputProps, 'value' | 'onChange'>>;

package/dist/ui/saveInput/Textarea.d.ts

@@ -1,6 +1,6 @@
 import { type TextareaProps } from '@mantine/core';
-export declare const Textarea: ({ initialValue, onChange, debounce, ...props }: {
+export declare const Textarea: React.FC<{
     initialValue: string;
     onChange: (value: string) => Promise<void>;
     debounce?: number;
-} & Omit<TextareaProps, "value" | "onChange">) => import("react/jsx-runtime").JSX.Element;
+} & Omit<TextareaProps, 'value' | 'onChange'>>;

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

@@ -0,0 +1,7 @@
+import { type MantineRadius, type ScrollAreaProps as MantineScrollAreaProps } from '@mantine/core';
+export interface ScrollAreaProps extends Omit<MantineScrollAreaProps, 'h'> {
+    height: MantineScrollAreaProps['h'];
+    radius?: MantineRadius;
+    autoScroll?: boolean;
+}
+export declare const Root: React.FC<ScrollAreaProps>;

package/dist/ui/scrollArea/Root.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { Box, ScrollArea, getRadius } from "@mantine/core";
+import { useElementSize } from "@mantine/hooks";
+import { useEffect, useRef } from "react";
+import { isAboveCenter } from "./methods.js";
+import { getHasScrollableContent, getHeight, getIsAboveCenter, getScrollAreaRef, setAutoScroll, setHeight, setIsAboveCenter, setScrollAreaRef } from "./store.js";
+const Root = ({ children, height, radius, autoScroll = false, ...props })=>{
+    const scrollAreaRef = useRef(null);
+    const { ref: boxRef, height: contentHeight } = useElementSize();
+    useEffect(()=>{
+        setAutoScroll(autoScroll);
+    });
+    useEffect(()=>{
+        if (getHeight() !== contentHeight) setHeight(contentHeight);
+        if (scrollAreaRef.current && !getScrollAreaRef()) setScrollAreaRef(scrollAreaRef.current);
+    }, [
+        contentHeight
+    ]);
+    return /*#__PURE__*/ jsx(ScrollArea, {
+        viewportRef: scrollAreaRef,
+        h: height,
+        classNames: {
+            viewport: 'rolder-scroll-area-viewport',
+            scrollbar: 'rolder-scroll-area-scrollbar'
+        },
+        style: {
+            '--radius': radius ? getRadius(radius) : void 0
+        },
+        onScrollPositionChange: ()=>{
+            if (getHasScrollableContent()) {
+                const current = isAboveCenter();
+                if (getIsAboveCenter() !== current) setIsAboveCenter(current);
+            }
+        },
+        ...props,
+        children: /*#__PURE__*/ jsx(Box, {
+            ref: boxRef,
+            children: children
+        })
+    });
+};
+export { Root };

package/dist/ui/scrollArea/ScrollButton.d.ts

@@ -0,0 +1,7 @@
+import { type ActionIconProps } from '@mantine/core';
+import { type ReactNode } from '@tabler/icons-react';
+export interface ScrollButtonProps extends ActionIconProps {
+    upIcon?: ReactNode;
+    downIcon?: ReactNode;
+}
+export declare const ScrollButton: React.FC<ScrollButtonProps>;

package/dist/ui/scrollArea/ScrollButton.js

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import { ActionIcon } from "@mantine/core";
+import { IconChevronDown, IconChevronUp } from "@tabler/icons-react";
+import { scrollToBottom, scrollToTop } from "./methods.js";
+import { useHasScrollableContent, useIsAboveCenter } from "./store.js";
+const ScrollButton = ({ upIcon, downIcon, ...props })=>{
+    const hasScrollableContent = useHasScrollableContent();
+    const isScrollingDown = useIsAboveCenter();
+    if (!hasScrollableContent) return null;
+    const icon = isScrollingDown ? downIcon ?? /*#__PURE__*/ jsx(IconChevronDown, {
+        strokeWidth: 1.5
+    }) : upIcon ?? /*#__PURE__*/ jsx(IconChevronUp, {
+        strokeWidth: 1.5
+    });
+    const handleClick = ()=>{
+        if (isScrollingDown) scrollToBottom();
+        else scrollToTop();
+    };
+    return /*#__PURE__*/ jsx(ActionIcon, {
+        pos: "absolute",
+        bottom: 16,
+        right: 16,
+        variant: "light",
+        onClick: handleClick,
+        "aria-label": isScrollingDown ? 'Scroll to bottom' : 'Scroll to top',
+        ...props,
+        children: icon
+    });
+};
+export { ScrollButton };