@rolder/kit 3.0.0-alpha-1

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

@@ -0,0 +1,4 @@
+export * from './CancelButton';
+export * from './SubmitButton';
+export * from './SubscribeActionIcon';
+export * from './SubscribeButton';

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

@@ -0,0 +1,4 @@
+export * from "./CancelButton.js";
+export * from "./SubmitButton.js";
+export * from "./SubscribeActionIcon.js";
+export * from "./SubscribeButton.js";

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

@@ -0,0 +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;
+}, {
+    readonly SubmitButton: (props: import("@mantine/core").ButtonProps & {
+        label?: string;
+        onClick?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly CancelButton: (props: import("@mantine/core").ButtonProps & {
+        label?: string;
+        onClick?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly SubscribeButton: (props: import("@mantine/core").ButtonProps & {
+        label: string;
+        onClick?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly SubscribeActionIcon: (props: 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;
+}, {
+    readonly SubmitButton: (props: import("@mantine/core").ButtonProps & {
+        label?: string;
+        onClick?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly CancelButton: (props: import("@mantine/core").ButtonProps & {
+        label?: string;
+        onClick?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly SubscribeButton: (props: import("@mantine/core").ButtonProps & {
+        label: string;
+        onClick?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly SubscribeActionIcon: (props: 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;
+    }, {
+        readonly SubmitButton: (props: import("@mantine/core").ButtonProps & {
+            label?: string;
+            onClick?: () => void;
+        }) => import("react/jsx-runtime").JSX.Element;
+        readonly CancelButton: (props: import("@mantine/core").ButtonProps & {
+            label?: string;
+            onClick?: () => void;
+        }) => import("react/jsx-runtime").JSX.Element;
+        readonly SubscribeButton: (props: import("@mantine/core").ButtonProps & {
+            label: string;
+            onClick?: () => void;
+        }) => import("react/jsx-runtime").JSX.Element;
+        readonly SubscribeActionIcon: (props: import("@mantine/core").ActionIconProps & {
+            onClick?: () => void;
+        }) => import("react/jsx-runtime").JSX.Element;
+    }>;
+}>>;
+export { useAppForm, useFieldContext, useFormContext, withForm };

package/dist/ui/form/context.js

@@ -0,0 +1,26 @@
+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";
+const { fieldContext, useFieldContext, formContext, useFormContext } = createFormHookContexts();
+const { useAppForm, withForm } = createFormHook({
+    fieldComponents: {
+        TextField: TextField,
+        NumberField: NumberField,
+        TextareaField: TextareaField,
+        TextPassowrdField: TextPassowrdField,
+        PassowrdField: PassowrdField,
+        SelectField: SelectField,
+        MultiSelectField: MultiSelectField,
+        SwitchField: SwitchField,
+        JsonField: JsonField
+    },
+    formComponents: {
+        SubmitButton: SubmitButton,
+        CancelButton: CancelButton,
+        SubscribeButton: SubscribeButton,
+        SubscribeActionIcon: SubscribeActionIcon
+    },
+    fieldContext,
+    formContext
+});
+export { useAppForm, useFieldContext, useFormContext, withForm };

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

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

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

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { JsonInput } from "../../JsonInput.js";
+import { useFieldContext } from "../context.js";
+const JsonField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(JsonInput, {
+        value: field.state.value || '',
+        onChange: field.handleChange,
+        onBlur: field.handleBlur,
+        ...props
+    });
+};
+export { JsonField };

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

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

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

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { MultiSelect } from "@mantine/core";
+import { useFieldContext } from "../context.js";
+const MultiSelectField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(MultiSelect, {
+        name: field.name,
+        value: field.state.value || [],
+        onChange: field.handleChange,
+        onBlur: field.handleBlur,
+        error: field.state.meta.errors.map((error)=>error.message).join(', '),
+        ...props
+    });
+};
+export { MultiSelectField };

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

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

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

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { NumberInput } from "@mantine/core";
+import { useFieldContext } from "../context.js";
+const NumberField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(NumberInput, {
+        name: field.name,
+        value: field.state.value || '',
+        onChange: (v)=>field.handleChange(v),
+        onBlur: field.handleBlur,
+        error: field.state.meta.errors.map((error)=>error.message).join(', '),
+        ...props
+    });
+};
+export { NumberField };

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

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

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

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { PasswordInput } from "@mantine/core";
+import { useFieldContext } from "../context.js";
+const PassowrdField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(PasswordInput, {
+        size: "lg",
+        label: "Пароль",
+        placeholder: "Введите пароль",
+        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 { PassowrdField };

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

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

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

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@mantine/core";
+import { useFieldContext } from "../context.js";
+const SelectField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(Select, {
+        name: field.name,
+        value: field.state.value,
+        onChange: field.handleChange,
+        onBlur: field.handleBlur,
+        error: field.state.meta.errors.map((error)=>error.message).join(', '),
+        ...props
+    });
+};
+export { SelectField };

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

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

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

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Switch } from "@mantine/core";
+import { useFieldContext } from "../context.js";
+const SwitchField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(Switch, {
+        name: field.name,
+        checked: field.state.value,
+        onChange: (e)=>field.handleChange(e.currentTarget.checked),
+        error: field.state.meta.errors.map((error)=>error.message).join(', '),
+        w: "fit-content",
+        ...props
+    });
+};
+export { SwitchField };

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

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

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

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { TextInput } from "@mantine/core";
+import { useFieldContext } from "../context.js";
+const TextField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(TextInput, {
+        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 { TextField };

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

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

package/dist/ui/form/fields/TextPassowrdField.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 TextPassowrdField = (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 { TextPassowrdField };

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

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

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

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Textarea } from "@mantine/core";
+import { useFieldContext } from "../context.js";
+const TextareaField = (props)=>{
+    const field = useFieldContext();
+    return /*#__PURE__*/ jsx(Textarea, {
+        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 { TextareaField };

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

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

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

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

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

@@ -0,0 +1,12 @@
+import z from 'zod/v4';
+export declare const fieldsSchema: {
+    id: z.ZodString;
+    str: z.ZodString;
+    strArr: z.ZodArray<z.ZodString>;
+    strMin3: z.ZodString;
+    select: z.ZodString;
+    email: z.ZodEmail;
+    username: z.ZodString;
+    password: z.ZodString;
+    kebab: z.ZodString;
+};

package/dist/ui/form/fieldsSchema.js

@@ -0,0 +1,13 @@
+import v4 from "zod/v4";
+const fieldsSchema = {
+    id: v4.string().min(1, 'ID не может быть пустым'),
+    str: v4.string().min(1, 'Значение не может быть пустым'),
+    strArr: v4.array(v4.string().min(1, 'Значение не может быть пустым')),
+    strMin3: v4.string().min(3, 'Должно содержать не менее 3 символов'),
+    select: v4.string().min(1, 'Выберите значение'),
+    email: v4.email('Неверный формат email'),
+    username: v4.string().min(3, 'Должен быть не менее 3 символов').max(24, 'Должен быть не более 24 символов'),
+    password: v4.string('Пароль не может быть пустым').min(8, 'Пароль должен содержать не менее 8 символов'),
+    kebab: v4.string().min(3, 'Минимум 3 символа').regex(/^[a-z0-9]+(-[a-z0-9]+)*$/, 'Должен быть в формате kebab-case (только строчные буквы, цифры и дефисы)')
+};
+export { fieldsSchema };

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

@@ -0,0 +1,3 @@
+export * from './blurOnError';
+export { useAppForm, useFieldContext, withForm } from './context';
+export * from './fieldsSchema';

package/dist/ui/form/index.js

@@ -0,0 +1,4 @@
+import { useAppForm, useFieldContext, withForm } from "./context.js";
+export * from "./blurOnError.js";
+export * from "./fieldsSchema.js";
+export { useAppForm, useFieldContext, withForm };

package/dist/ui/hoverActionIcon/HoverActionIcon.d.ts

@@ -0,0 +1,6 @@
+import { type ActionIconProps, type ElementProps } from '@mantine/core';
+interface Props extends ActionIconProps, ElementProps<'button', keyof ActionIconProps> {
+    hovered?: boolean;
+}
+export declare const HoverActionIcon: ({ hovered, classNames, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/hoverActionIcon/HoverActionIcon.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { ActionIcon } from "@mantine/core";
+import styles_module from "./styles.module.js";
+const HoverActionIcon = ({ hovered, classNames, ...props })=>/*#__PURE__*/ jsx(ActionIcon, {
+        classNames: {
+            root: styles_module.root,
+            ...classNames
+        },
+        mod: {
+            hovered
+        },
+        ...props
+    });
+export { HoverActionIcon };

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

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

package/dist/ui/hoverActionIcon/index.js

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

package/dist/ui/hoverPaper/HoverPaper.d.ts

@@ -0,0 +1,6 @@
+import { type ElementProps, type PaperProps } from '@mantine/core';
+interface Props extends PaperProps, ElementProps<'div', keyof PaperProps> {
+    disabled?: boolean;
+}
+export declare const HoverPaper: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/ui/hoverPaper/HoverPaper.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { Paper } from "@mantine/core";
+import { forwardRef } from "react";
+import styles_module from "./styles.module.js";
+const HoverPaper = /*#__PURE__*/ forwardRef(({ disabled, classNames, ...props }, ref)=>/*#__PURE__*/ jsx(Paper, {
+        ref: ref,
+        classNames: {
+            root: styles_module.root,
+            ...classNames
+        },
+        mod: {
+            disabled
+        },
+        ...props
+    }));
+export { HoverPaper };

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

@@ -0,0 +1,2 @@
+export * from './HoverPaper';
+export * from './usePaperHover';

package/dist/ui/hoverPaper/index.js

@@ -0,0 +1,2 @@
+export * from "./HoverPaper.js";
+export * from "./usePaperHover.js";

package/dist/ui/hoverPaper/usePaperHover.d.ts

@@ -0,0 +1,4 @@
+export declare const usePaperHover: () => {
+    paperHovered: boolean;
+    paperRef: (node: HTMLDivElement | null) => void;
+};

package/dist/ui/hoverPaper/usePaperHover.js

@@ -0,0 +1,9 @@
+import { useHover } from "@mantine/hooks";
+const usePaperHover = ()=>{
+    const { hovered: paperHovered, ref: paperRef } = useHover();
+    return {
+        paperHovered,
+        paperRef
+    };
+};
+export { usePaperHover };

package/dist/ui/index.d.ts

@@ -0,0 +1,9 @@
+export * from './AnimatedChevron';
+export * from './editor';
+export * from './form';
+export * from './hoverActionIcon';
+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 "./form/index.js";
+export * from "./hoverActionIcon/index.js";
+export * from "./hoverPaper/index.js";
+export * from "./JsonInput.js";
+export * from "./routerLink/index.js";
+export * from "./saveInput/index.js";
+export * from "./scrollArea/index.js";

package/dist/ui/routerLink/RouterLink.d.ts

@@ -0,0 +1,16 @@
+import { type ActionIconProps, type AnchorProps, type ButtonProps, type UnstyledButtonProps } from '@mantine/core';
+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/ui/routerLink/RouterLink.js

@@ -0,0 +1,37 @@
+import { jsx } from "react/jsx-runtime";
+import { ActionIcon, Anchor, Button, UnstyledButton } from "@mantine/core";
+import { createLink } from "@tanstack/react-router";
+import { forwardRef } from "react";
+import styles_module from "./styles.module.js";
+const MantineLinkComponent = /*#__PURE__*/ forwardRef(({ classNames, ...props }, ref)=>/*#__PURE__*/ jsx(Anchor, {
+        ref: ref,
+        classNames: {
+            root: styles_module.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/ui/routerLink/index.d.ts

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

package/dist/ui/routerLink/index.js

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

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

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

package/dist/ui/saveInput/JsonInput.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Loader } from "@mantine/core";
+import { useDebouncedCallback } from "@mantine/hooks";
+import { useState } from "react";
+import { JsonInput } from "../JsonInput.js";
+const JsonInput_JsonInput = ({ initialValue, onChange, debounce = 300, ...props })=>{
+    const [value, setValue] = useState(initialValue);
+    const [loading, setLoading] = useState(false);
+    const handleSave = useDebouncedCallback(async (content)=>{
+        setLoading(true);
+        await onChange(content);
+        setLoading(false);
+    }, debounce);
+    return /*#__PURE__*/ jsxs(Box, {
+        pos: "relative",
+        children: [
+            /*#__PURE__*/ jsx(JsonInput, {
+                value: value,
+                onChange: (e)=>{
+                    setValue(e);
+                    handleSave(e);
+                },
+                ...props
+            }),
+            loading && /*#__PURE__*/ jsx(Loader, {
+                size: "sm",
+                pos: "absolute",
+                top: 8,
+                left: 8
+            })
+        ]
+    });
+};
+export { JsonInput_JsonInput as JsonInput };

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

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