@strictly/react-form 0.0.1 → 0.0.3

package/.out/mantine/hooks.d.ts

@@ -4,7 +4,7 @@ import { type FormProps } from 'core/props';
 import { type ComponentProps, type ComponentType } from 'react';
 import { type AllFieldsOfFields } from 'types/all_fields_of_fields';
 import { type BooleanFieldsOfFields } from 'types/boolean_fields_of_fields';
-import { type ErrorTypeOfField } from 'types/error_type_of_field';
+import { type ErrorOfField } from 'types/error_of_field';
 import { type Fields } from 'types/field';
 import { type ListFieldsOfFields } from 'types/list_fields_of_fields';
 import { type StringFieldsOfFields } from 'types/string_fields_of_fields';
@@ -20,10 +20,6 @@ import { type MantineFieldComponent, type MantineForm } from './types';
 declare function SimpleSelect(props: SelectProps & {
     onChange?: (value: string | null) => void;
 }): import("react/jsx-runtime").JSX.Element;
-export type ErrorRendererProps<E> = {
-    error: E;
-};
-export type ErrorRenderer<E = any> = React.ComponentType<ErrorRendererProps<E>>;
 export declare function useMantineForm<F extends Fields>({ onFieldValueChange, onFieldBlur, onFieldFocus, onFieldSubmit, fields, }: FormProps<F>): MantineFormImpl<F>;
 declare class MantineFormImpl<F extends Fields> implements MantineForm<F> {
     private readonly textInputCache;
@@ -40,16 +36,16 @@ declare class MantineFormImpl<F extends Fields> implements MantineForm<F> {
     onFieldSubmit: ((this: void, key: keyof F) => boolean | void) | undefined;
     constructor(fields: F);
     textInput<K extends keyof StringFieldsOfFields<F>>(valuePath: K): MantineFieldComponent<SuppliedTextInputProps, TextInputProps>;
-    textInput<K extends keyof StringFieldsOfFields<F>, P extends SuppliedTextInputProps<any>>(valuePath: K, TextInput?: ComponentType<P>, ErrorRenderer?: ErrorRenderer<ErrorTypeOfField<F[K]>>): MantineFieldComponent<SuppliedTextInputProps, P>;
-    valueInput<K extends keyof AllFieldsOfFields<F>, P extends SuppliedValueInputProps<ValueTypeOfField<F[K]>, any>>(valuePath: K, ValueInput: ComponentType<P>, ErrorRenderer?: ErrorRenderer<ErrorTypeOfField<F[K]>>): MantineFieldComponent<SuppliedValueInputProps<ValueTypeOfField<F[K]>>, P>;
-    select<K extends keyof StringFieldsOfFields<F>>(valuePath: K, ErrorRenderer?: ErrorRenderer<ErrorTypeOfField<F[K]>>): MantineFieldComponent<SuppliedTextInputProps, ComponentProps<typeof SimpleSelect>>;
+    textInput<K extends keyof StringFieldsOfFields<F>, P extends SuppliedTextInputProps<any>>(valuePath: K, TextInput?: ComponentType<P>): MantineFieldComponent<SuppliedTextInputProps, P>;
+    valueInput<K extends keyof AllFieldsOfFields<F>, P extends SuppliedValueInputProps<ValueTypeOfField<F[K]>, any>>(valuePath: K, ValueInput: ComponentType<P>): MantineFieldComponent<SuppliedValueInputProps<ValueTypeOfField<F[K]>>, P, ErrorOfField<F[K]>>;
+    select<K extends keyof StringFieldsOfFields<F>>(valuePath: K): MantineFieldComponent<SuppliedTextInputProps, ComponentProps<typeof SimpleSelect>, ErrorOfField<F[K]>>;
     checkbox<K extends keyof BooleanFieldsOfFields<F>>(valuePath: K): MantineFieldComponent<SuppliedCheckboxProps, CheckboxProps>;
-    checkbox<K extends keyof BooleanFieldsOfFields<F>, P extends SuppliedCheckboxProps>(valuePath: K, Checkbox: ComponentType<P>, ErrorRenderer?: ErrorRenderer<ErrorTypeOfField<F[K]>>): MantineFieldComponent<SuppliedCheckboxProps, P>;
+    checkbox<K extends keyof BooleanFieldsOfFields<F>, P extends SuppliedCheckboxProps>(valuePath: K, Checkbox: ComponentType<P>): MantineFieldComponent<SuppliedCheckboxProps, P, ErrorOfField<F[K]>>;
     radioGroup<K extends keyof StringFieldsOfFields<F>>(valuePath: K): MantineFieldComponent<SuppliedRadioGroupProps, RadioGroupProps>;
-    radioGroup<K extends keyof StringFieldsOfFields<F>, P extends SuppliedRadioGroupProps>(valuePath: K, RadioGroup: ComponentType<P>, ErrorRenderer?: ErrorRenderer<ErrorTypeOfField<F[K]>>): MantineFieldComponent<SuppliedRadioGroupProps, P>;
-    radio<K extends keyof StringFieldsOfFields<F>>(valuePath: K, value: ValueTypeOfField<F[K]>): MantineFieldComponent<SuppliedRadioProps, RadioProps>;
-    radio<K extends keyof StringFieldsOfFields<F>, P extends SuppliedRadioProps>(valuePath: K, value: ValueTypeOfField<F[K]>, Radio: ComponentType<P>): MantineFieldComponent<SuppliedRadioProps, P>;
-    pill<K extends keyof AllFieldsOfFields<F>>(valuePath: K): MantineFieldComponent<SuppliedPillProps, PillProps>;
+    radioGroup<K extends keyof StringFieldsOfFields<F>, P extends SuppliedRadioGroupProps>(valuePath: K, RadioGroup: ComponentType<P>): MantineFieldComponent<SuppliedRadioGroupProps, P>;
+    radio<K extends keyof StringFieldsOfFields<F>>(valuePath: K, value: ValueTypeOfField<F[K]>): MantineFieldComponent<SuppliedRadioProps, RadioProps, ErrorOfField<F[K]>>;
+    radio<K extends keyof StringFieldsOfFields<F>, P extends SuppliedRadioProps>(valuePath: K, value: ValueTypeOfField<F[K]>, Radio: ComponentType<P>): MantineFieldComponent<SuppliedRadioProps, P, ErrorOfField<F[K]>>;
+    pill<K extends keyof AllFieldsOfFields<F>>(valuePath: K): MantineFieldComponent<SuppliedPillProps, PillProps, ErrorOfField<F[K]>>;
     pill<K extends keyof AllFieldsOfFields<F>, P extends SuppliedPillProps>(valuePath: K, Pill: ComponentType<P>): MantineFieldComponent<SuppliedPillProps, P>;
     list<K extends keyof ListFieldsOfFields<F>>(valuePath: K): MantineFieldComponent<SuppliedListProps<ElementOfArray<F[K]>>, ComponentProps<typeof DefaultList<ElementOfArray<F[K]>>>>;
 }

package/.out/mantine/hooks.js

@@ -13,11 +13,6 @@ import { createValueInput, } from './create_value_input';
 function SimpleSelect(props) {
     return _jsx(Select, { ...props });
 }
-function DefaultErrorRenderer({ error,
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
- }) {
-    return error;
-}
 export function useMantineForm({ onFieldValueChange, onFieldBlur, onFieldFocus, onFieldSubmit, fields, }) {
     const form = useMemo(function () {
         return new MantineFormImpl(fields);
@@ -78,39 +73,39 @@ class MantineFormImpl {
     }
     textInput(valuePath, 
     // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-    TextInput = TextInputImpl, ErrorRenderer = DefaultErrorRenderer) {
+    TextInput = TextInputImpl) {
         // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
         return this.textInputCache.retrieveOrCreate(valuePath, 
         // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        TextInput, ErrorRenderer);
+        TextInput);
     }
-    valueInput(valuePath, ValueInput, ErrorRenderer = DefaultErrorRenderer) {
+    valueInput(valuePath, ValueInput) {
         // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
         return this.valueInputCache.retrieveOrCreate(valuePath, 
         // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        ValueInput, ErrorRenderer);
+        ValueInput);
     }
-    select(valuePath, ErrorRenderer = DefaultErrorRenderer) {
+    select(valuePath) {
         // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
         return this.valueInputCache.retrieveOrCreate(valuePath, 
         // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        SimpleSelect, ErrorRenderer);
+        SimpleSelect);
     }
     checkbox(valuePath, 
     // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-    Checkbox = CheckboxImpl, ErrorRenderer = DefaultErrorRenderer) {
+    Checkbox = CheckboxImpl) {
         // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
         return this.checkboxCache.retrieveOrCreate(valuePath, 
         // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        Checkbox, ErrorRenderer);
+        Checkbox);
     }
     radioGroup(valuePath, 
     // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-    RadioGroup = RadioImpl.Group, ErrorRenderer = DefaultErrorRenderer) {
+    RadioGroup = RadioImpl.Group) {
         // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
         return this.radioGroupCache.retrieveOrCreate(valuePath, 
         // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        RadioGroup, ErrorRenderer);
+        RadioGroup);
     }
     radio(valuePath, value, 
     // eslint-disable-next-line @typescript-eslint/consistent-type-assertions

package/.out/mantine/specs/checkbox_hooks.stories.d.ts

@@ -1,9 +1,12 @@
 import { type Meta, type StoryObj } from '@storybook/react';
 import { type FormProps } from 'core/props';
+import { type ErrorRenderer } from 'mantine/error_renderer';
 import { type Field } from 'types/field';
-declare function Component(props: FormProps<{
+declare function Component({ ErrorRenderer, ...props }: FormProps<{
     $: Field<boolean, string>;
-}>): import("react/jsx-runtime").JSX.Element;
+}> & {
+    ErrorRenderer?: ErrorRenderer;
+}): import("react/jsx-runtime").JSX.Element;
 declare const meta: Meta<typeof Component>;
 export default meta;
 type Story = StoryObj<typeof Component>;
@@ -11,3 +14,5 @@ export declare const Off: Story;
 export declare const On: Story;
 export declare const Required: Story;
 export declare const Disabled: Story;
+export declare const Error: Story;
+export declare const CustomError: Story;

package/.out/mantine/specs/checkbox_hooks.stories.js

@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { action } from '@storybook/addon-actions';
 import { useMantineForm } from 'mantine/hooks';
 import { CHECKBOX_LABEL } from './checkbox_constants';
-function Component(props) {
+function Component({ ErrorRenderer, ...props }) {
     const inputProps = useMantineForm(props);
     const CheckboxComponent = inputProps.checkbox('$');
-    return _jsx(CheckboxComponent, { label: CHECKBOX_LABEL });
+    return (_jsx(CheckboxComponent, { ErrorRenderer: ErrorRenderer, label: CHECKBOX_LABEL }));
 }
 const meta = {
     component: Component,
@@ -21,7 +21,7 @@ export const Off = {
     args: {
         fields: {
             $: {
-                disabled: false,
+                readonly: false,
                 required: false,
                 value: false,
             },
@@ -32,7 +32,7 @@ export const On = {
     args: {
         fields: {
             $: {
-                disabled: false,
+                readonly: false,
                 required: false,
                 value: true,
             },
@@ -43,7 +43,7 @@ export const Required = {
     args: {
         fields: {
             $: {
-                disabled: false,
+                readonly: false,
                 required: true,
                 value: false,
             },
@@ -54,10 +54,37 @@ export const Disabled = {
     args: {
         fields: {
             $: {
-                disabled: true,
+                readonly: true,
                 required: false,
                 value: false,
             },
         },
     },
 };
+export const Error = {
+    args: {
+        fields: {
+            $: {
+                readonly: false,
+                required: false,
+                value: true,
+                error: 'error',
+            },
+        },
+    },
+};
+export const CustomError = {
+    args: {
+        fields: {
+            $: {
+                readonly: false,
+                required: false,
+                value: true,
+                error: 'error',
+            },
+        },
+        ErrorRenderer: function () {
+            return 'custom error';
+        },
+    },
+};

package/.out/mantine/specs/list_hooks.stories.js

@@ -23,7 +23,7 @@ export const Empty = {
     args: {
         fields: {
             $: {
-                disabled: false,
+                readonly: false,
                 required: false,
                 value: [],
             },
@@ -34,7 +34,7 @@ export const Populated = {
     args: {
         fields: {
             $: {
-                disabled: false,
+                readonly: false,
                 required: false,
                 value: [
                     '$.4',

package/.out/mantine/specs/radio_group_hooks.stories.d.ts

@@ -1,10 +1,13 @@
 import { type Meta, type StoryObj } from '@storybook/react';
 import { type FormProps } from 'core/props';
+import { type ErrorRenderer } from 'mantine/error_renderer';
 import { type Field } from 'types/field';
 import { type RadioValue } from './radio_group_constants';
-declare function Component(props: FormProps<{
+declare function Component({ ErrorRenderer, ...props }: FormProps<{
     $: Field<RadioValue | null, string>;
-}>): import("react/jsx-runtime").JSX.Element;
+}> & {
+    ErrorRenderer?: ErrorRenderer;
+}): import("react/jsx-runtime").JSX.Element;
 declare const meta: Meta<typeof Component>;
 export default meta;
 type Story = StoryObj<typeof Component>;
@@ -12,3 +15,5 @@ export declare const Empty: Story;
 export declare const Populated: Story;
 export declare const Required: Story;
 export declare const Disabled: Story;
+export declare const Error: Story;
+export declare const CustomError: Story;

package/.out/mantine/specs/radio_group_hooks.stories.js

@@ -3,10 +3,10 @@ import { Stack, } from '@mantine/core';
 import { action } from '@storybook/addon-actions';
 import { useMantineForm } from 'mantine/hooks';
 import { RADIO_GROUP_LABEL, RADIO_LABELS, RADIO_VALUES, } from './radio_group_constants';
-function Component(props) {
+function Component({ ErrorRenderer, ...props }) {
     const form = useMantineForm(props);
     const RadioGroupComponent = form.radioGroup('$');
-    return (_jsx(RadioGroupComponent, { label: RADIO_GROUP_LABEL, children: _jsx(Stack, { children: RADIO_VALUES.map(function (value) {
+    return (_jsx(RadioGroupComponent, { ErrorRenderer: ErrorRenderer, label: RADIO_GROUP_LABEL, children: _jsx(Stack, { children: RADIO_VALUES.map(function (value) {
                 const label = RADIO_LABELS[value];
                 const RadioComponent = form.radio('$', value);
                 return (_jsx(RadioComponent, { label: label }, label));
@@ -26,7 +26,7 @@ export const Empty = {
     args: {
         fields: {
             $: {
-                disabled: false,
+                readonly: false,
                 required: false,
                 value: null,
             },
@@ -37,7 +37,7 @@ export const Populated = {
     args: {
         fields: {
             $: {
-                disabled: false,
+                readonly: false,
                 required: false,
                 value: '3',
             },
@@ -48,7 +48,7 @@ export const Required = {
     args: {
         fields: {
             $: {
-                disabled: false,
+                readonly: false,
                 required: true,
                 value: '1',
             },
@@ -59,10 +59,37 @@ export const Disabled = {
     args: {
         fields: {
             $: {
-                disabled: true,
+                readonly: true,
                 required: false,
                 value: '2',
             },
         },
     },
 };
+export const Error = {
+    args: {
+        fields: {
+            $: {
+                readonly: false,
+                required: false,
+                value: '2',
+                error: 'error',
+            },
+        },
+    },
+};
+export const CustomError = {
+    args: {
+        fields: {
+            $: {
+                readonly: false,
+                required: false,
+                value: '2',
+                error: 'error',
+            },
+        },
+        ErrorRenderer: function () {
+            return 'custom error';
+        },
+    },
+};

package/.out/mantine/specs/select_hooks.stories.d.ts

@@ -1,12 +1,18 @@
 import { type Meta, type StoryObj } from '@storybook/react';
 import { type FormProps } from 'core/props';
+import { type ErrorRenderer } from 'mantine/error_renderer';
 import { type Field } from 'types/field';
-declare function Component(props: FormProps<{
+declare function Component({ ErrorRenderer, ...props }: FormProps<{
     $: Field<string | null, string>;
-}>): import("react/jsx-runtime").JSX.Element;
+}> & {
+    ErrorRenderer?: ErrorRenderer;
+}): import("react/jsx-runtime").JSX.Element;
 declare const meta: Meta<typeof Component>;
 export default meta;
 type Story = StoryObj<typeof Component>;
 export declare const EmptySelect: Story;
 export declare const PopulatedSelect: Story;
 export declare const InvalidSelect: Story;
+export declare const RequiredSelect: Story;
+export declare const DisabledSelect: Story;
+export declare const CustomErrorSelect: Story;

package/.out/mantine/specs/select_hooks.stories.js

@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { action } from '@storybook/addon-actions';
 import { useMantineForm } from 'mantine/hooks';
 import { SELECT_LABEL } from './select_hooks_constant';
-function Component(props) {
+function Component({ ErrorRenderer, ...props }) {
     const form = useMantineForm(props);
     const SelectComponent = form.select('$');
-    return (_jsx(SelectComponent, { data: [
+    return (_jsx(SelectComponent, { ErrorRenderer: ErrorRenderer, data: [
             'a',
             'b',
             'c',
@@ -25,8 +25,8 @@ export const EmptySelect = {
     args: {
         fields: {
             $: {
-                disabled: false,
-                required: true,
+                readonly: false,
+                required: false,
                 value: '',
             },
         },
@@ -36,8 +36,8 @@ export const PopulatedSelect = {
     args: {
         fields: {
             $: {
-                disabled: false,
-                required: true,
+                readonly: false,
+                required: false,
                 value: 'a',
             },
         },
@@ -47,11 +47,48 @@ export const InvalidSelect = {
     args: {
         fields: {
             $: {
-                disabled: false,
-                required: true,
+                readonly: false,
+                required: false,
                 value: 'd',
                 error: 'invalid option',
             },
         },
     },
 };
+export const RequiredSelect = {
+    args: {
+        fields: {
+            $: {
+                readonly: false,
+                required: true,
+                value: 'a',
+            },
+        },
+    },
+};
+export const DisabledSelect = {
+    args: {
+        fields: {
+            $: {
+                readonly: true,
+                required: false,
+                value: 'a',
+            },
+        },
+    },
+};
+export const CustomErrorSelect = {
+    args: {
+        fields: {
+            $: {
+                readonly: false,
+                required: true,
+                value: 'c',
+                error: 'error',
+            },
+        },
+        ErrorRenderer: function () {
+            return 'custom error';
+        },
+    },
+};

package/.out/mantine/specs/text_input_hooks.stories.d.ts

@@ -2,13 +2,16 @@ import { type TextInputProps } from '@mantine/core';
 import { type Meta, type StoryObj } from '@storybook/react';
 import { type FormProps } from 'core/props';
 import { type SuppliedTextInputProps, type TextInputTarget } from 'mantine/create_text_input';
+import { type ErrorRenderer } from 'mantine/error_renderer';
 import { type ComponentType } from 'react';
 import { type Field } from 'types/field';
 type StoryTextInputProps<T extends TextInputTarget> = SuppliedTextInputProps<T> & Pick<TextInputProps, 'label'>;
-declare function Component<T extends TextInputTarget>({ TextInput, ...props }: FormProps<{
+declare function Component<T extends TextInputTarget>({ TextInput, ErrorRenderer, ...props }: FormProps<{
     $: Field<string, string>;
 }> & {
     TextInput?: ComponentType<StoryTextInputProps<T>>;
+} & {
+    ErrorRenderer?: ErrorRenderer;
 }): import("react/jsx-runtime").JSX.Element;
 declare const meta: Meta<typeof Component>;
 export default meta;
@@ -17,5 +20,6 @@ export declare const Empty: Story;
 export declare const Populated: Story;
 export declare const Required: Story;
 export declare const Disabled: Story;
+export declare const CustomError: Story;
 export declare const OverriddenTextarea: Story<HTMLTextAreaElement>;
 export declare const OverriddenPillsInputField: Story;

package/.out/mantine/specs/text_input_hooks.stories.js

@@ -3,10 +3,10 @@ import { PillsInputField, Textarea, } from '@mantine/core';
 import { action } from '@storybook/addon-actions';
 import { useMantineForm } from 'mantine/hooks';
 import { TEXT_INPUT_LABEL } from './text_input_constants';
-function Component({ TextInput, ...props }) {
+function Component({ TextInput, ErrorRenderer, ...props }) {
     const form = useMantineForm(props);
     const TextInputComponent = form.textInput('$', TextInput);
-    return _jsx(TextInputComponent, { label: TEXT_INPUT_LABEL });
+    return (_jsx(TextInputComponent, { ErrorRenderer: ErrorRenderer, label: TEXT_INPUT_LABEL }));
 }
 const meta = {
     component: Component,
@@ -22,7 +22,7 @@ export const Empty = {
     args: {
         fields: {
             $: {
-                disabled: false,
+                readonly: false,
                 required: false,
                 value: '',
             },
@@ -33,7 +33,7 @@ export const Populated = {
     args: {
         fields: {
             $: {
-                disabled: false,
+                readonly: false,
                 required: false,
                 value: 'Hello',
             },
@@ -44,7 +44,7 @@ export const Required = {
     args: {
         fields: {
             $: {
-                disabled: false,
+                readonly: false,
                 required: true,
                 value: 'xxx',
             },
@@ -55,18 +55,33 @@ export const Disabled = {
     args: {
         fields: {
             $: {
-                disabled: true,
+                readonly: true,
                 required: false,
                 value: 'xxx',
             },
         },
     },
 };
+export const CustomError = {
+    args: {
+        fields: {
+            $: {
+                readonly: false,
+                required: false,
+                value: 'xxx',
+                error: 'error',
+            },
+        },
+        ErrorRenderer: function () {
+            return 'custom error';
+        },
+    },
+};
 export const OverriddenTextarea = {
     args: {
         fields: {
             $: {
-                disabled: false,
+                readonly: false,
                 required: false,
                 value: 'Textarea',
             },
@@ -78,7 +93,7 @@ export const OverriddenPillsInputField = {
     args: {
         fields: {
             $: {
-                disabled: false,
+                readonly: false,
                 required: false,
                 value: 'PillsInputField',
             },

package/.out/mantine/specs/value_input_hooks.stories.d.ts

@@ -2,21 +2,26 @@ import { type JsonInputProps, type NumberInputProps, type RatingProps, type Slid
 import { type Meta, type StoryObj } from '@storybook/react';
 import { type FormProps } from 'core/props';
 import { type SuppliedValueInputProps } from 'mantine/create_value_input';
+import { type ErrorRenderer } from 'mantine/error_renderer';
 import { type ComponentType } from 'react';
 import { type Field } from 'types/field';
 type StoryValueInputProps<V> = SuppliedValueInputProps<V, any>;
-declare function Component<V, P extends StoryValueInputProps<V>>({ ValueInput, inputs, ...props }: FormProps<{
+declare function Component<V, P extends StoryValueInputProps<V>>({ ValueInput, ErrorRenderer, inputProps, ...props }: FormProps<{
     $: Field<V, string>;
 }> & {
     ValueInput: ComponentType<P>;
 } & {
-    inputs: P;
+    inputProps: P;
+} & {
+    ErrorRenderer?: ErrorRenderer;
 }): import("react/jsx-runtime").JSX.Element;
 declare const meta: Meta<typeof Component>;
 export default meta;
 type Story<V, P extends StoryValueInputProps<V>> = StoryObj<typeof Component<V, P>>;
 export declare const EmptyNumberInput: Story<number | string, NumberInputProps>;
 export declare const PopulatedNumberInput: Story<number | string, NumberInputProps>;
+export declare const RequiredNumberInput: Story<number | string, NumberInputProps>;
+export declare const CustomErrorNumberInput: Story<number | string, NumberInputProps>;
 export declare const DisabledNumberInput: Story<number | string, NumberInputProps>;
 export declare const AnSlider: Story<number, SliderProps>;
 export declare const AnRating: Story<number, RatingProps>;