@orioro/react-ui-core 0.0.2 → 0.0.5

package/dist/Flex/Flex.d.ts

@@ -4,19 +4,28 @@ import { FlexBaseStyles } from './flexBaseStyles';
 import { BoxProps } from '../Box';
 export declare const FLEX_PROPS: string[];
 export type FlexProps = BoxProps & FlexGapStylesProps & FlexBaseStyles;
+export declare const pickFlexProps: <InputProps extends {
+    [key: string]: any;
+} = {
+    [key: string]: any;
+}>(inputProps: InputProps) => [FlexProps, {
+    [key: string]: any;
+}];
 export declare const Flex: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("..").ResponsiveProps> & import("..").ResponsiveProps, import("styled-components/dist/types").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("..").ResponsiveProps> & import("..").ResponsiveProps>, never>, keyof import("..").ResponsiveProps | "top" | "bottom" | "left" | "right" | "width" | "height" | "position" | "flexShrink" | "flexGrow" | "inset" | keyof import("../Box/spacing").SpacingStyles> & import("../Box/spacing").SpacingStyles & import("..").ResponsiveProps & {
+}, keyof import("..").ResponsiveProps> & import("..").ResponsiveProps>, never>, "maxWidth" | keyof import("..").ResponsiveProps | "top" | "bottom" | "left" | "right" | "width" | "height" | "maxHeight" | "position" | "flexShrink" | "flexGrow" | "inset" | keyof import("../Box/spacing").SpacingStyles> & import("../Box/spacing").SpacingStyles & import("..").ResponsiveProps & {
     children?: import("react").ReactNode;
-    width?: import("..").ResponsiveValueInput<import("..").CSSLength> | undefined;
-    height?: import("..").ResponsiveValueInput<import("..").CSSLength> | undefined;
-    position?: import("..").ResponsiveValueInput<import("..").CSSPosition> | undefined;
-    top?: import("..").ResponsiveValueInput<import("..").CSSLength> | undefined;
-    right?: import("..").ResponsiveValueInput<import("..").CSSLength> | undefined;
-    bottom?: import("..").ResponsiveValueInput<import("..").CSSLength> | undefined;
-    left?: import("..").ResponsiveValueInput<import("..").CSSLength> | undefined;
+    width?: import("..").ResponsiveValueInput<import("../util").CSSLength> | undefined;
+    maxWidth?: import("..").ResponsiveValueInput<import("../util").CSSLength> | undefined;
+    height?: import("..").ResponsiveValueInput<import("../util").CSSLength> | undefined;
+    maxHeight?: import("..").ResponsiveValueInput<import("../util").CSSLength> | undefined;
+    position?: import("..").ResponsiveValueInput<import("../util").CSSPosition> | undefined;
+    top?: import("..").ResponsiveValueInput<import("../util").CSSLength> | undefined;
+    right?: import("..").ResponsiveValueInput<import("../util").CSSLength> | undefined;
+    bottom?: import("..").ResponsiveValueInput<import("../util").CSSLength> | undefined;
+    left?: import("..").ResponsiveValueInput<import("../util").CSSLength> | undefined;
     flexShrink?: import("..").ResponsiveValueInput<string> | undefined;
     flexGrow?: import("..").ResponsiveValueInput<string> | undefined;
     inset?: import("..").ResponsiveValueInput<"top" | "bottom" | "left" | "right"> | undefined;
@@ -24,15 +33,17 @@ export declare const Flex: import("styled-components").IStyledComponent<"web", i
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("..").ResponsiveProps> & import("..").ResponsiveProps, import("styled-components/dist/types").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("..").ResponsiveProps> & import("..").ResponsiveProps>, never>, keyof import("..").ResponsiveProps | "top" | "bottom" | "left" | "right" | "width" | "height" | "position" | "flexShrink" | "flexGrow" | "inset" | keyof import("../Box/spacing").SpacingStyles> & import("../Box/spacing").SpacingStyles & import("..").ResponsiveProps & {
+}, keyof import("..").ResponsiveProps> & import("..").ResponsiveProps>, never>, "maxWidth" | keyof import("..").ResponsiveProps | "top" | "bottom" | "left" | "right" | "width" | "height" | "maxHeight" | "position" | "flexShrink" | "flexGrow" | "inset" | keyof import("../Box/spacing").SpacingStyles> & import("../Box/spacing").SpacingStyles & import("..").ResponsiveProps & {
     children?: import("react").ReactNode;
-    width?: import("..").ResponsiveValueInput<import("..").CSSLength> | undefined;
-    height?: import("..").ResponsiveValueInput<import("..").CSSLength> | undefined;
-    position?: import("..").ResponsiveValueInput<import("..").CSSPosition> | undefined;
-    top?: import("..").ResponsiveValueInput<import("..").CSSLength> | undefined;
-    right?: import("..").ResponsiveValueInput<import("..").CSSLength> | undefined;
-    bottom?: import("..").ResponsiveValueInput<import("..").CSSLength> | undefined;
-    left?: import("..").ResponsiveValueInput<import("..").CSSLength> | undefined;
+    width?: import("..").ResponsiveValueInput<import("../util").CSSLength> | undefined;
+    maxWidth?: import("..").ResponsiveValueInput<import("../util").CSSLength> | undefined;
+    height?: import("..").ResponsiveValueInput<import("../util").CSSLength> | undefined;
+    maxHeight?: import("..").ResponsiveValueInput<import("../util").CSSLength> | undefined;
+    position?: import("..").ResponsiveValueInput<import("../util").CSSPosition> | undefined;
+    top?: import("..").ResponsiveValueInput<import("../util").CSSLength> | undefined;
+    right?: import("..").ResponsiveValueInput<import("../util").CSSLength> | undefined;
+    bottom?: import("..").ResponsiveValueInput<import("../util").CSSLength> | undefined;
+    left?: import("..").ResponsiveValueInput<import("../util").CSSLength> | undefined;
     flexShrink?: import("..").ResponsiveValueInput<string> | undefined;
     flexGrow?: import("..").ResponsiveValueInput<string> | undefined;
     inset?: import("..").ResponsiveValueInput<"top" | "bottom" | "left" | "right"> | undefined;

package/dist/FlexGrid/FlexGrid.d.ts

@@ -17,5 +17,27 @@ export type FlexGridProps = FlexProps & {
     itemSize?: Size;
 };
 export declare const FLEX_GRID_PROPS: string[];
-export declare function FlexGrid({ direction, rootDirection, groups, groupSize, groupGap, renderItem, itemSize, ...props }: FlexGridProps): React.JSX.Element;
+export declare const FlexGrid: React.ForwardRefExoticComponent<import("../Box/spacing").SpacingStyles & import("../Responsive").ResponsiveProps & {
+    children?: React.ReactNode;
+    width?: ResponsiveValueInput<CSSLength> | undefined;
+    maxWidth?: ResponsiveValueInput<CSSLength> | undefined;
+    height?: ResponsiveValueInput<CSSLength> | undefined;
+    maxHeight?: ResponsiveValueInput<CSSLength> | undefined;
+    position?: ResponsiveValueInput<import("../util").CSSPosition> | undefined;
+    top?: ResponsiveValueInput<CSSLength> | undefined;
+    right?: ResponsiveValueInput<CSSLength> | undefined;
+    bottom?: ResponsiveValueInput<CSSLength> | undefined;
+    left?: ResponsiveValueInput<CSSLength> | undefined;
+    flexShrink?: ResponsiveValueInput<string> | undefined;
+    flexGrow?: ResponsiveValueInput<string> | undefined;
+    inset?: ResponsiveValueInput<"top" | "bottom" | "left" | "right"> | undefined;
+} & import("../Flex").FlexGapStylesProps & import("../Flex").FlexBaseStyles & {
+    groups: any[];
+    groupSize?: Size | undefined;
+    groupGap?: ResponsiveValueInput<CSSLength> | undefined;
+    rootDirection?: ResponsiveValueInput<FlexDirection> | undefined;
+    direction?: ResponsiveValueInput<FlexDirection> | undefined;
+    renderItem?: FlexGridRenderItem | undefined;
+    itemSize?: Size | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/Input/BooleanCheckboxInput/index.d.ts

@@ -1,8 +1,30 @@
 import React from 'react';
-import { Merge } from 'type-fest';
-import { InputProps } from '../types';
-type BooleanCheckboxInputProps = Merge<InputProps<boolean | 'indeterminate'>, {
+export declare const BooleanCheckboxInput: React.ForwardRefExoticComponent<{
+    id?: string | undefined;
+    label?: string | undefined;
+    value?: boolean | "indeterminate" | undefined;
+    onSetValue: (value: boolean | "indeterminate") => void;
+    onBlur?: (() => void) | undefined;
+    disabled?: boolean | undefined;
+    required?: string | boolean | undefined;
+    error?: Error | import("../types").ErrorLike | undefined;
+    errorStyle?: React.CSSProperties | undefined;
+    validate?: boolean | (string | ((input: any, context: {
+        validateAsync: import("@orioro/validate").AsyncValidateFn;
+    }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | {
+        [key: string]: (string | ((input: any, context: {
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any) | [string | ((input: any, context: {
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any, import("@orioro/validate").ValidatorErrorMessageInput];
+    }) | [string | ((input: any, context: {
+        validateAsync: import("@orioro/validate").AsyncValidateFn;
+    }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | {
+        [key: string]: (string | ((input: any, context: {
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any) | [string | ((input: any, context: {
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any, import("@orioro/validate").ValidatorErrorMessageInput];
+    }, import("@orioro/validate").ValidatorErrorMessageInput] | undefined;
     description: string;
-}>;
-export declare function BooleanCheckboxInput({ value, onSetValue, description, invalid, required, }: BooleanCheckboxInputProps): React.JSX.Element;
-export {};
+} & React.RefAttributes<unknown>>;

package/dist/Input/InputGrid/index.d.ts

@@ -15,5 +15,9 @@ export type InputGridProps = {
     inputProps: InputPropGetter;
 } & Omit<FlexGridProps, 'groups'>;
 export declare const INPUT_GRID_PROPS: string[];
-export declare function InputGrid({ schema, layout, gap, direction, inputProps, ...flexGridProps }: InputGridProps): React.JSX.Element;
+export declare const InputGrid: React.ForwardRefExoticComponent<{
+    schema: NamedInputSchemaList;
+    layout?: LayoutRoot | undefined;
+    inputProps: InputPropGetter;
+} & Omit<FlexGridProps, "groups"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/Input/ObjectInput/index.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { InputGridProps } from '../InputGrid';
-import { InputProps, InputSchema } from '../types';
+import { ErrorLike, InputProps, InputSchema } from '../types';
 import { Merge } from 'type-fest';
+import { ValidationError, validateAsync } from '@orioro/validate';
 type AnyObject = {
     [key: string]: any;
 };
@@ -9,13 +10,48 @@ type FullKeySchema = Merge<InputSchema, {
     getValue?: (currentObjectValue: AnyObject) => any;
     setValue?: (currentObjectValue: AnyObject, nextKeyValue: any) => any;
 }>;
-type ObjectInputProps = InputProps<AnyObject> & Omit<InputGridProps, 'schema' | 'inputProps'> & {
+type TargetOrError = string | ValidationError | null;
+export type ObjectInputHandle = {
+    focus: (target?: TargetOrError) => void;
+    validate: (target?: string | null) => ReturnType<typeof validateAsync>;
+    scrollIntoView: (target?: TargetOrError) => void;
+};
+export declare const ObjectInput: React.ForwardRefExoticComponent<InputProps<AnyObject> & Omit<InputGridProps, "schema" | "inputProps"> & {
     properties: {
-        [key: string]: string | FullKeySchema;
+        [key: string]: string | {
+            [x: string]: any;
+            id?: string | undefined;
+            label?: string | undefined;
+            value?: any;
+            onSetValue?: ((value: any) => void) | undefined;
+            onBlur?: (() => void) | undefined;
+            disabled?: boolean | undefined;
+            required?: string | boolean | undefined;
+            error?: Error | ErrorLike | undefined;
+            errorStyle?: React.CSSProperties | undefined;
+            validate?: boolean | (string | ((input: any, context: {
+                validateAsync: import("@orioro/validate").AsyncValidateFn;
+            }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | {
+                [key: string]: (string | ((input: any, context: {
+                    validateAsync: import("@orioro/validate").AsyncValidateFn;
+                }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any) | [string | ((input: any, context: {
+                    validateAsync: import("@orioro/validate").AsyncValidateFn;
+                }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any, import("@orioro/validate").ValidatorErrorMessageInput];
+            }) | [string | ((input: any, context: {
+                validateAsync: import("@orioro/validate").AsyncValidateFn;
+            }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | {
+                [key: string]: (string | ((input: any, context: {
+                    validateAsync: import("@orioro/validate").AsyncValidateFn;
+                }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any) | [string | ((input: any, context: {
+                    validateAsync: import("@orioro/validate").AsyncValidateFn;
+                }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any, import("@orioro/validate").ValidatorErrorMessageInput];
+            }, import("@orioro/validate").ValidatorErrorMessageInput] | undefined;
+            type: string;
+            variant?: string | undefined;
+            defaultValue?: any;
+            getValue?: ((currentObjectValue: AnyObject) => any) | undefined;
+            setValue?: ((currentObjectValue: AnyObject, nextKeyValue: any) => any) | undefined;
+        };
     };
-};
-export declare function ObjectInput({ id, value: currentObjectValue, onSetValue: onSetObjectValue, disabled, properties, ...props }: ObjectInputProps): React.JSX.Element;
-export declare namespace ObjectInput {
-    var labeled: null;
-}
+} & React.RefAttributes<ObjectInputHandle>>;
 export {};

package/dist/Input/RangeInput/RangeInput.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { InputProps } from '../types';
+export type RangeInputProps = InputProps<[number, number]> & {
+    min?: number;
+    max?: number;
+    step?: number;
+    style?: React.CSSProperties;
+    size?: '1' | '2' | '3';
+    minSize?: number;
+};
+export declare function RangeInput({ value, onSetValue, min, max, minSize, step, style, size, }: RangeInputProps): React.JSX.Element;

package/dist/Input/RangeInput/index.d.ts

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

package/dist/Input/RichTextInput/RichTextInput.d.ts

@@ -15,22 +15,22 @@ export declare const RichTextInput: React.ForwardRefExoticComponent<{
     error?: Error | import("..").ErrorLike | undefined;
     errorStyle?: React.CSSProperties | undefined;
     validate?: boolean | (string | ((input: any, context: {
-        validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-    }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | {
+        validateAsync: import("@orioro/validate").AsyncValidateFn;
+    }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | {
         [key: string]: (string | ((input: any, context: {
-            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any) | [string | ((input: any, context: {
-            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any, import("@orioro/util/dist/validate/types").ValidatorErrorMessageInput];
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any) | [string | ((input: any, context: {
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any, import("@orioro/validate").ValidatorErrorMessageInput];
     }) | [string | ((input: any, context: {
-        validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-    }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | {
+        validateAsync: import("@orioro/validate").AsyncValidateFn;
+    }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | {
         [key: string]: (string | ((input: any, context: {
-            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any) | [string | ((input: any, context: {
-            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any, import("@orioro/util/dist/validate/types").ValidatorErrorMessageInput];
-    }, import("@orioro/util/dist/validate/types").ValidatorErrorMessageInput] | undefined;
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any) | [string | ((input: any, context: {
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any, import("@orioro/validate").ValidatorErrorMessageInput];
+    }, import("@orioro/validate").ValidatorErrorMessageInput] | undefined;
     valueFormat?: "blocks" | "markdown" | undefined;
     editor?: Partial<Omit<Partial<import("@blocknote/core").BlockNoteEditorOptions<Record<string, import("@blocknote/core").BlockConfig>, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>> | undefined, "initialContent">> | undefined;
     view?: Omit<{

package/dist/Input/RichTextInput/RichTextInput_20240730_backup_NO_MARKDOWN.d.ts

@@ -15,22 +15,22 @@ export declare const RichTextInput: React.ForwardRefExoticComponent<{
     error?: Error | import("..").ErrorLike | undefined;
     errorStyle?: React.CSSProperties | undefined;
     validate?: boolean | (string | ((input: any, context: {
-        validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-    }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | {
+        validateAsync: import("@orioro/validate").AsyncValidateFn;
+    }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | {
         [key: string]: (string | ((input: any, context: {
-            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any) | [string | ((input: any, context: {
-            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any, import("@orioro/util/dist/validate/types").ValidatorErrorMessageInput];
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any) | [string | ((input: any, context: {
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any, import("@orioro/validate").ValidatorErrorMessageInput];
     }) | [string | ((input: any, context: {
-        validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-    }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | {
+        validateAsync: import("@orioro/validate").AsyncValidateFn;
+    }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | {
         [key: string]: (string | ((input: any, context: {
-            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any) | [string | ((input: any, context: {
-            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any, import("@orioro/util/dist/validate/types").ValidatorErrorMessageInput];
-    }, import("@orioro/util/dist/validate/types").ValidatorErrorMessageInput] | undefined;
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any) | [string | ((input: any, context: {
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any, import("@orioro/validate").ValidatorErrorMessageInput];
+    }, import("@orioro/validate").ValidatorErrorMessageInput] | undefined;
     valueFormat?: "blocks" | "markdown" | undefined;
     editor?: Partial<Omit<Partial<import("@blocknote/core").BlockNoteEditorOptions<Record<string, import("@blocknote/core").BlockConfig>, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>> | undefined, "initialContent">> | undefined;
     view?: Omit<{

package/dist/Input/SingleFileInput/index.d.ts

@@ -1,7 +1,66 @@
 import React from 'react';
-import { Merge } from 'type-fest';
-import { InputProps } from '../types';
-import { FileDropzoneProps } from '../../FileDropzone';
-type SingleFileInputProps = Merge<InputProps<File | null>, FileDropzoneProps>;
-export declare function SingleFileInput({ value, onSetValue, maxSize, ...props }: SingleFileInputProps): React.JSX.Element;
-export {};
+import { FileMiddleware } from './middleware';
+export declare const SingleFileInput: React.ForwardRefExoticComponent<{
+    id?: string | undefined;
+    label?: string | undefined;
+    value?: File | null | undefined;
+    onSetValue: (value: File | null) => void;
+    onBlur?: (() => void) | undefined;
+    required?: string | boolean | undefined;
+    error?: Error | import("../types").ErrorLike | undefined;
+    errorStyle?: React.CSSProperties | undefined;
+    validate?: boolean | (string | ((input: any, context: {
+        validateAsync: import("@orioro/validate").AsyncValidateFn;
+    }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | {
+        [key: string]: (string | ((input: any, context: {
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any) | [string | ((input: any, context: {
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any, import("@orioro/validate").ValidatorErrorMessageInput];
+    }) | [string | ((input: any, context: {
+        validateAsync: import("@orioro/validate").AsyncValidateFn;
+    }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | {
+        [key: string]: (string | ((input: any, context: {
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any) | [string | ((input: any, context: {
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any, import("@orioro/validate").ValidatorErrorMessageInput];
+    }, import("@orioro/validate").ValidatorErrorMessageInput] | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragOver?: React.DragEventHandler<HTMLElement> | undefined;
+    multiple?: boolean | undefined;
+    minSize?: number | undefined;
+    maxSize?: number | undefined;
+    maxFiles?: number | undefined;
+    preventDropOnDocument?: boolean | undefined;
+    noClick?: boolean | undefined;
+    noKeyboard?: boolean | undefined;
+    noDrag?: boolean | undefined;
+    noDragEventsBubbling?: boolean | undefined;
+    disabled?: boolean | undefined;
+    onDrop?: (<T extends File>(acceptedFiles: T[], fileRejections: import("react-dropzone").FileRejection[], event: import("react-dropzone").DropEvent) => void) | undefined;
+    onDropAccepted?: (<T_1 extends File>(files: T_1[], event: import("react-dropzone").DropEvent) => void) | undefined;
+    onDropRejected?: ((fileRejections: import("react-dropzone").FileRejection[], event: import("react-dropzone").DropEvent) => void) | undefined;
+    getFilesFromEvent?: ((event: import("react-dropzone").DropEvent) => Promise<(File | DataTransferItem)[]>) | undefined;
+    onFileDialogCancel?: (() => void) | undefined;
+    onFileDialogOpen?: (() => void) | undefined;
+    onError?: ((err: Error) => void) | undefined;
+    validator?: (<T_2 extends File>(file: T_2) => import("react-dropzone").FileError | import("react-dropzone").FileError[] | null) | undefined;
+    useFsAccessApi?: boolean | undefined;
+    autoFocus?: boolean | undefined;
+    style?: {
+        [key: string]: string | number | import("../..").ResponsiveValue<any> | undefined;
+    } | undefined;
+    children?: React.ReactNode;
+    theme?: Partial<import("../..").Theme> | undefined;
+    dropzoneLabel?: ((state: {
+        isFocused: boolean;
+        isDragActive: boolean;
+        isDragReject: boolean;
+        isDragAccept: boolean;
+        isFileDialogActive: boolean;
+    }) => React.ReactNode) | undefined;
+    accept?: (string | string[] | import("react-dropzone").Accept) | undefined;
+    middleware?: FileMiddleware[] | undefined;
+} & React.RefAttributes<unknown>>;

package/dist/Input/SingleFileInput/middleware.d.ts

@@ -0,0 +1,4 @@
+type FileOrNull = File | null;
+export type FileMiddleware = (file: File) => Promise<FileOrNull | symbol> | FileOrNull | symbol;
+export declare function applyFileMiddleware(middleware: FileMiddleware[], inputFile: FileOrNull): Promise<FileOrNull | symbol>;
+export {};

package/dist/Input/SliderInput/SliderInput.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { InputProps } from '../types';
+export type SliderInputProps = InputProps<number> & {
+    min?: number;
+    max?: number;
+    step?: number;
+    style?: React.CSSProperties;
+    size?: '1' | '2' | '3';
+};
+export declare const SliderInput: React.ForwardRefExoticComponent<InputProps<number> & {
+    min?: number | undefined;
+    max?: number | undefined;
+    step?: number | undefined;
+    style?: React.CSSProperties | undefined;
+    size?: "1" | "2" | "3" | undefined;
+} & React.RefAttributes<unknown>>;

package/dist/Input/SliderInput/index.d.ts

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

package/dist/Input/SwitchInput/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { InputProps } from '../types';
+export type SwitchInputProps = InputProps<boolean> & {
+    radius?: 'none' | 'small' | 'medium' | 'large' | 'full';
+};
+export declare function SwitchInput({ value, onSetValue, radius }: SwitchInputProps): React.JSX.Element;

package/dist/Input/TextInput/index.d.ts

@@ -11,22 +11,22 @@ export declare const TextInput: React.ForwardRefExoticComponent<{
     error?: Error | ErrorLike | undefined;
     errorStyle?: React.CSSProperties | undefined;
     validate?: boolean | (string | ((input: any, context: {
-        validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-    }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | {
+        validateAsync: import("@orioro/validate").AsyncValidateFn;
+    }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | {
         [key: string]: (string | ((input: any, context: {
-            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any) | [string | ((input: any, context: {
-            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any, import("@orioro/util/dist/validate/types").ValidatorErrorMessageInput];
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any) | [string | ((input: any, context: {
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any, import("@orioro/validate").ValidatorErrorMessageInput];
     }) | [string | ((input: any, context: {
-        validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-    }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | {
+        validateAsync: import("@orioro/validate").AsyncValidateFn;
+    }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | {
         [key: string]: (string | ((input: any, context: {
-            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any) | [string | ((input: any, context: {
-            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any, import("@orioro/util/dist/validate/types").ValidatorErrorMessageInput];
-    }, import("@orioro/util/dist/validate/types").ValidatorErrorMessageInput] | undefined;
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any) | [string | ((input: any, context: {
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any, import("@orioro/validate").ValidatorErrorMessageInput];
+    }, import("@orioro/validate").ValidatorErrorMessageInput] | undefined;
     value?: string | undefined;
     valueDebounceMs?: number | undefined;
     validateDebounceMs?: number | undefined;
@@ -36,4 +36,5 @@ export declare const TextInput: React.ForwardRefExoticComponent<{
     inputProps?: object | undefined;
     placeholder?: string | undefined;
     noValidationState?: boolean | undefined;
+    clearable?: boolean | undefined;
 } & React.RefAttributes<UseTextInputHandle>>;

package/dist/Input/TextInput/parseValidator.d.ts

@@ -1,3 +1,3 @@
-import { AsyncValidatorSystem } from '@orioro/util/dist/validate/types';
 import { TextInputProps } from './types';
+import { AsyncValidatorSystem } from '@orioro/validate';
 export declare function parseValidator({ required, validate, }: Partial<TextInputProps>): AsyncValidatorSystem['ValidatorInput'] | false;

package/dist/Input/TextInput/types.d.ts

@@ -13,4 +13,5 @@ export type TextInputProps = Merge<UseTextInputProps, {
     inputProps?: object;
     placeholder?: string;
     noValidationState?: boolean;
+    clearable?: boolean;
 }>;

package/dist/Input/TextInput/useTextInput.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { UseTextInputProps } from './types';
-import { validateAsync } from '@orioro/util';
+import { validateAsync } from '@orioro/validate';
 export type UseTextInputHandle = {
     focus: () => void;
     validate: () => ReturnType<typeof validateAsync>;
@@ -13,7 +13,8 @@ export declare function useTextInput({ disabled, value, valueDebounceMs, onSetVa
     setTouched: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     immediateValue: string;
     setImmediateValue: import("react").Dispatch<import("react").SetStateAction<string>>;
-    runValidation: () => Promise<true | import("@orioro/util/dist/validate/types").DetailedInvalid>;
+    runValidation: () => Promise<true | import("@orioro/validate").DetailedInvalid>;
+    clear: (focus?: boolean) => void;
     inputProps: {
         onBlur: () => void;
         value: string;

package/dist/Input/TextareaInput/index.d.ts

@@ -10,22 +10,22 @@ export declare const TextareaInput: React.ForwardRefExoticComponent<{
     error?: Error | import("..").ErrorLike | undefined;
     errorStyle?: React.CSSProperties | undefined;
     validate?: boolean | (string | ((input: any, context: {
-        validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-    }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | {
+        validateAsync: import("@orioro/validate").AsyncValidateFn;
+    }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | {
         [key: string]: (string | ((input: any, context: {
-            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any) | [string | ((input: any, context: {
-            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any, import("@orioro/util/dist/validate/types").ValidatorErrorMessageInput];
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any) | [string | ((input: any, context: {
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any, import("@orioro/validate").ValidatorErrorMessageInput];
     }) | [string | ((input: any, context: {
-        validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-    }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | {
+        validateAsync: import("@orioro/validate").AsyncValidateFn;
+    }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | {
         [key: string]: (string | ((input: any, context: {
-            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any) | [string | ((input: any, context: {
-            validateAsync: import("@orioro/util/dist/validate/types").AsyncValidateFn;
-        }) => import("@orioro/util/dist/validate/types").ValidatorResult | Promise<import("@orioro/util/dist/validate/types").ValidatorResult>) | any, import("@orioro/util/dist/validate/types").ValidatorErrorMessageInput];
-    }, import("@orioro/util/dist/validate/types").ValidatorErrorMessageInput] | undefined;
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any) | [string | ((input: any, context: {
+            validateAsync: import("@orioro/validate").AsyncValidateFn;
+        }) => import("@orioro/validate").ValidatorResult | Promise<import("@orioro/validate").ValidatorResult>) | any, import("@orioro/validate").ValidatorErrorMessageInput];
+    }, import("@orioro/validate").ValidatorErrorMessageInput] | undefined;
     value?: string | undefined;
     valueDebounceMs?: number | undefined;
     validateDebounceMs?: number | undefined;

package/dist/Input/TreeSelectInput/TreeSelectInput.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { InputProps } from '../types';
+type BaseMenuNode = {
+    id?: string | number;
+};
+type OptionMenuNode = BaseMenuNode & {
+    value: any;
+    label: string;
+    path?: string | null;
+    type?: 'option';
+    color?: string;
+};
+type SeparatorMenuNode = BaseMenuNode & {
+    path?: string | null;
+    type: 'separator';
+};
+type LabelMenuNode = BaseMenuNode & {
+    path?: string | null;
+    type: 'label';
+    label: React.ReactNode;
+};
+type MenuNode = OptionMenuNode | SeparatorMenuNode | LabelMenuNode;
+type FnIsEqual = (vA: any, vB: any) => boolean;
+export type TreeSelectInputProps = InputProps & {
+    options: MenuNode[];
+    placeholder: string;
+    clearable?: boolean;
+    size?: '1' | '2';
+    color?: string;
+    isEqual?: FnIsEqual;
+    style?: React.CSSProperties;
+};
+export declare const TreeSelectInput: React.ForwardRefExoticComponent<InputProps & {
+    options: MenuNode[];
+    placeholder: string;
+    clearable?: boolean | undefined;
+    size?: "1" | "2" | undefined;
+    color?: string | undefined;
+    isEqual?: FnIsEqual | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.RefAttributes<unknown>>;
+export {};

package/dist/Input/TreeSelectInput/index.d.ts

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

package/dist/Input/index.d.ts

@@ -7,10 +7,15 @@ export * from './MarkdownInput';
 export * from './MultiFileInput';
 export * from './ObjectInput';
 export * from './RadioSelectInput';
+export * from './RangeInput';
 export * from './RichTextInput';
 export * from './SingleFileInput';
+export * from './SliderInput';
+export * from './SwitchInput';
 export * from './TextareaInput';
 export * from './TextInput';
+export * from './TreeSelectInput';
 export * from './types';
 export * from './util';
 export * from './valueUtil';
+export * from './useValidation';