@rolder-kit/ui 0.1.0-alpha.0

package/dist/form/buttons/SubscribeActionIcon.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { ActionIcon } from "@rolder-kit/mantine";
+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/form/buttons/SubscribeButton.d.ts

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

package/dist/form/buttons/SubscribeButton.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@rolder-kit/mantine";
+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 };

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

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

package/dist/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/form/context.d.ts

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

package/dist/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, 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,
+        TextPasswordField: TextPasswordField,
+        PasswordField: PasswordField,
+        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/form/fields/JsonField.d.ts

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

package/dist/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/form/fields/MultiSelectField.d.ts

@@ -0,0 +1,2 @@
+import { type MultiSelectProps } from '@rolder-kit/mantine';
+export declare const MultiSelectField: React.FC<MultiSelectProps>;

package/dist/form/fields/MultiSelectField.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { MultiSelect } from "@rolder-kit/mantine";
+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/form/fields/NumberField.d.ts

@@ -0,0 +1,2 @@
+import { type NumberInputProps } from '@rolder-kit/mantine';
+export declare const NumberField: React.FC<NumberInputProps>;

package/dist/form/fields/NumberField.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { NumberInput } from "@rolder-kit/mantine";
+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/form/fields/PasswordField.d.ts

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

package/dist/form/fields/PasswordField.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { PasswordInput } from "@rolder-kit/mantine";
+import { useFieldContext } from "../context.js";
+const PasswordField = (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 { PasswordField };

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

@@ -0,0 +1,2 @@
+import { type SelectProps } from '@rolder-kit/mantine';
+export declare const SelectField: React.FC<SelectProps>;

package/dist/form/fields/SelectField.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@rolder-kit/mantine";
+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/form/fields/SwitchField.d.ts

@@ -0,0 +1,2 @@
+import { type SwitchProps } from '@rolder-kit/mantine';
+export declare const SwitchField: React.FC<SwitchProps>;

package/dist/form/fields/SwitchField.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Switch } from "@rolder-kit/mantine";
+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/form/fields/TextField.d.ts

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

package/dist/form/fields/TextField.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { TextInput } from "@rolder-kit/mantine";
+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/form/fields/TextPasswordField.d.ts

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

package/dist/form/fields/TextPasswordField.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { ActionIcon, TextInput } from "@rolder-kit/mantine";
+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/form/fields/TextareaField.d.ts

@@ -0,0 +1,2 @@
+import { type TextareaProps } from '@rolder-kit/mantine';
+export declare const TextareaField: React.FC<TextareaProps>;

package/dist/form/fields/TextareaField.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Textarea } from "@rolder-kit/mantine";
+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/form/fields/index.d.ts

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

package/dist/form/fields/index.js

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

package/dist/form/index.d.ts

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

package/dist/form/index.js

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

package/dist/hoverPaper/HoverPaper.d.ts

@@ -0,0 +1,6 @@
+import { type ElementProps, type PaperProps } from '@rolder-kit/mantine';
+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/hoverPaper/HoverPaper.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Paper } from "@rolder-kit/mantine";
+import { forwardRef } from "react";
+const HoverPaper = /*#__PURE__*/ forwardRef(({ disabled, classNames, ...props }, ref)=>/*#__PURE__*/ jsx(Paper, {
+        ref: ref,
+        classNames: {
+            root: 'rolder-hover-paper-root',
+            ...classNames
+        },
+        mod: {
+            disabled
+        },
+        ...props
+    }));
+export { HoverPaper };

package/dist/hoverPaper/index.d.ts

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

package/dist/hoverPaper/index.js

@@ -0,0 +1,3 @@
+import { HoverPaper } from "./HoverPaper.js";
+import { usePaperHover } from "./usePaperHover.js";
+export { HoverPaper, usePaperHover };

package/dist/hoverPaper/usePaperHover.d.ts

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

package/dist/hoverPaper/usePaperHover.js

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

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './AnimatedChevron';
+export * from './JsonInput';
+export * from './RouterLink';
+export * from './scrollArea';

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from "./AnimatedChevron.js";
+export * from "./JsonInput.js";
+export * from "./RouterLink.js";
+export * from "./scrollArea/index.js";

package/dist/saveInput/JsonInput.d.ts

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

package/dist/saveInput/JsonInput.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Loader, useDebouncedCallback } from "@rolder-kit/mantine";
+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/saveInput/NumberInput.d.ts

@@ -0,0 +1,6 @@
+import { type NumberInputProps } from '@rolder-kit/mantine';
+export declare const NumberInput: React.FC<{
+    initialValue: string | number;
+    onChange: (value: string | number) => Promise<void>;
+    debounce?: number;
+} & Omit<NumberInputProps, 'value' | 'onChange'>>;

package/dist/saveInput/NumberInput.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { Loader, NumberInput, useDebouncedCallback } from "@rolder-kit/mantine";
+import { useState } from "react";
+const NumberInput_NumberInput = ({ 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__*/ jsx(NumberInput, {
+        value: value,
+        onChange: (v)=>{
+            setValue(v);
+            handleSave(v);
+        },
+        flex: props.w ? void 0 : 1,
+        rightSection: loading ? /*#__PURE__*/ jsx(Loader, {
+            size: "sm",
+            mr: 8
+        }) : void 0,
+        ...props
+    });
+};
+export { NumberInput_NumberInput as NumberInput };

package/dist/saveInput/SaveInput.d.ts

@@ -0,0 +1,36 @@
+export declare const SaveInput: import("react").FC<{
+    initialValue?: string;
+    onChange: (value: string) => Promise<void>;
+    debounce?: number;
+} & 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, "onChange" | "value">>;
+    NumberInput: import("react").FC<{
+        initialValue: string | number;
+        onChange: (value: string | number) => Promise<void>;
+        debounce?: number;
+    } & 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, "onChange" | "value">>;
+    Switch: import("react").FC<{
+        initialValue: boolean;
+        onChange: (value: boolean) => Promise<void>;
+        debounce?: number;
+    } & 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, "onChange" | "value">>;
+    Select: import("react").FC<{
+        initialValue: string | null;
+        onChange: (value: string | null) => Promise<void>;
+        debounce?: number;
+    } & Omit<import("@mantine/core").SelectProps, "onChange" | "value">>;
+};

package/dist/saveInput/SaveInput.js

@@ -0,0 +1,15 @@
+import { JsonInput } from "./JsonInput.js";
+import { NumberInput } from "./NumberInput.js";
+import { Select } from "./Select.js";
+import { Switch } from "./Switch.js";
+import { Textarea } from "./Textarea.js";
+import { TextInput } from "./TextInput.js";
+const SaveInput = Object.assign(TextInput, {
+    TextInput: TextInput,
+    NumberInput: NumberInput,
+    Textarea: Textarea,
+    Switch: Switch,
+    JsonInput: JsonInput,
+    Select: Select
+});
+export { SaveInput };

package/dist/saveInput/Select.d.ts

@@ -0,0 +1,6 @@
+import { type SelectProps } from '@rolder-kit/mantine';
+export declare const Select: React.FC<{
+    initialValue: string | null;
+    onChange: (value: string | null) => Promise<void>;
+    debounce?: number;
+} & Omit<SelectProps, 'value' | 'onChange'>>;