@itcase/forms 1.1.62 → 1.1.64

package/dist/form/Field/Segmented/stories/FormFieldSegmented.stories.d.ts

@@ -0,0 +1,101 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Success {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldSegmented as component };
+    export namespace args {
+        namespace config {
+            export namespace FormFieldSegmented_1 {
+                let type: "segmented";
+                let name: string;
+                let fieldProps: {
+                    label: string;
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    id?: string;
+                    after?: React.ReactNode;
+                    afterItem?: React.ReactNode;
+                    before?: React.ReactNode;
+                    beforeItem?: React.ReactNode;
+                    children?: React.ReactNode;
+                    className?: string;
+                    dataTestId?: string;
+                    dataTour?: string;
+                    desc?: string;
+                    descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText?: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    type?: import("../../../generator/generator.interface").FormTypes;
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                let inputProps: {
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceKeys;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+                let options: {
+                    label: string;
+                    value: string;
+                }[];
+            }
+            export { FormFieldSegmented_1 as FormFieldSegmented };
+        }
+    }
+}
+import { FormFieldSegmented } from '../index';

package/dist/form/Field/Select/FormFieldSelect.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldSelectProps } from './FormFieldSelect.interface';
+declare const FormFieldSelect: React.NamedExoticComponent<FormFieldSelectProps>;
+export { FormFieldSelect };

package/dist/form/Field/Select/FormFieldSelect.interface.d.ts

@@ -0,0 +1,33 @@
+import { FieldRenderProps } from 'react-final-form';
+import { SelectInstance } from 'react-select';
+import { Option } from '@itcase/types-core';
+import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
+import { SelectProps } from '@itcase/ui-web/components/Select';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+import { UseFieldValidationStateParams } from 'src/hooks/useFieldValidationState/useFieldValidationState.interface';
+type SelectField = BaseField & {
+    onChange: SelectProps<Option>['onChange'];
+    options: Option[];
+    selectProps: BaseField['inputProps'];
+    type: Extract<FormTypes, 'select'>;
+};
+type FormFieldSelectProps = SelectField & {
+    initialValue?: object;
+    onInputChange?: SelectProps<Option>['onInputChange'];
+    selectRef?: React.ForwardedRef<SelectInstance<Option>>;
+};
+type OptionValue = number | string;
+type GetDefaultValueParams = {
+    options: Array<Option & {
+        options?: Option[];
+    }>;
+    selectValue: OptionValue | OptionValue[];
+};
+type SelectFieldRenderProps = FieldRenderProps<UseFieldValidationStateParams['meta'], HTMLElement, string[]>;
+type DefaultSelectProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+};
+export type { DefaultSelectProps, FormFieldSelectProps, GetDefaultValueParams, SelectField, SelectFieldRenderProps, };

package/dist/form/Field/Select/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultSelectProps } from '../FormFieldSelect.interface';
+declare const defaultSelectProps: DefaultSelectProps;
+export { defaultSelectProps };

package/dist/form/Field/Select/index.d.ts

@@ -0,0 +1,3 @@
+import { defaultSelectProps } from './appearance/default';
+import { FormFieldSelect } from './FormFieldSelect';
+export { defaultSelectProps, FormFieldSelect };

package/dist/form/Field/Select/stories/FormFieldSelect.stories.d.ts

@@ -0,0 +1,101 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Success {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldSelect as component };
+    export namespace args {
+        namespace config {
+            export namespace FormFieldSelect_1 {
+                let type: "select";
+                let name: string;
+                let fieldProps: {
+                    label: string;
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    id?: string;
+                    after?: React.ReactNode;
+                    afterItem?: React.ReactNode;
+                    before?: React.ReactNode;
+                    beforeItem?: React.ReactNode;
+                    children?: React.ReactNode;
+                    className?: string;
+                    dataTestId?: string;
+                    dataTour?: string;
+                    desc?: string;
+                    descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText?: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    type?: import("../../../generator/generator.interface").FormTypes;
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                let options: {
+                    label: string;
+                    value: string;
+                }[];
+                let selectProps: {
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                };
+            }
+            export { FormFieldSelect_1 as FormFieldSelect };
+        }
+    }
+}
+import { FormFieldSelect } from '../index';

package/dist/form/Field/Switch/FormFieldSwitch.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { defaultSwitchProps } from './appearance/default';
+import { FormFieldSwitchProps } from './FormFieldSwitch.interface';
+declare const FormFieldSwitch: React.NamedExoticComponent<FormFieldSwitchProps>;
+export { defaultSwitchProps, FormFieldSwitch };

package/dist/form/Field/Switch/FormFieldSwitch.interface.d.ts

@@ -0,0 +1,16 @@
+import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type SwitchField = BaseField & {
+    type: Extract<FormTypes, 'switch'>;
+};
+type FormFieldSwitchProps = SwitchField & {
+    name: string;
+    onChange?: (isChecked: boolean, name: string) => void;
+};
+type DefaultSwitchProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+};
+export type { DefaultSwitchProps, FormFieldSwitchProps, SwitchField };

package/dist/form/Field/Switch/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultSwitchProps } from '../FormFieldSwitch.interface';
+declare const defaultSwitchProps: DefaultSwitchProps;
+export { defaultSwitchProps };

package/dist/form/Field/Switch/index.d.ts

@@ -0,0 +1,3 @@
+import { defaultSwitchProps } from './appearance/default';
+import { FormFieldSwitch } from './FormFieldSwitch';
+export { defaultSwitchProps, FormFieldSwitch };

package/dist/form/Field/Switch/stories/FormFieldSwitch.stories.d.ts

@@ -0,0 +1,86 @@
+export default meta;
+export namespace Demo {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Skeleton {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldSwitch as component };
+    export namespace args {
+        namespace config {
+            export namespace FormFieldSwitch_1 {
+                let type: "switch";
+                let fieldProps: {
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    id?: string;
+                    after?: React.ReactNode;
+                    afterItem?: React.ReactNode;
+                    before?: React.ReactNode;
+                    beforeItem?: React.ReactNode;
+                    children?: React.ReactNode;
+                    className?: string;
+                    dataTestId?: string;
+                    dataTour?: string;
+                    desc?: string;
+                    descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText?: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    label?: string;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    type?: import("../../../generator/generator.interface").FormTypes;
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                let inputProps: {
+                    title: string;
+                    desc: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                };
+            }
+            export { FormFieldSwitch_1 as FormFieldSwitch };
+        }
+    }
+}
+import { FormFieldSwitch } from '../index';

package/dist/form/Field/Switch/stories/FormFieldSwitchLeft.stories.d.ts

@@ -0,0 +1,98 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Success {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldSwitch as component };
+    export namespace args {
+        namespace config {
+            export namespace FormFieldSwitch_1 {
+                let type: "switch";
+                let fieldProps: {
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    id?: string;
+                    after?: React.ReactNode;
+                    afterItem?: React.ReactNode;
+                    before?: React.ReactNode;
+                    beforeItem?: React.ReactNode;
+                    children?: React.ReactNode;
+                    className?: string;
+                    dataTestId?: string;
+                    dataTour?: string;
+                    desc?: string;
+                    descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText?: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    label?: string;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    type?: import("../../../generator/generator.interface").FormTypes;
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                let inputProps: {
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    title: string;
+                    desc: string;
+                };
+            }
+            export { FormFieldSwitch_1 as FormFieldSwitch };
+        }
+    }
+}
+import { FormFieldSwitch } from '../index';

package/dist/form/Field/Switch/stories/FormFieldSwitchRight.stories.d.ts

@@ -0,0 +1,98 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Success {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldSwitch as component };
+    export namespace args {
+        namespace config {
+            export namespace FormFieldSwitch_1 {
+                let type: "switch";
+                let fieldProps: {
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    id?: string;
+                    after?: React.ReactNode;
+                    afterItem?: React.ReactNode;
+                    before?: React.ReactNode;
+                    beforeItem?: React.ReactNode;
+                    children?: React.ReactNode;
+                    className?: string;
+                    dataTestId?: string;
+                    dataTour?: string;
+                    desc?: string;
+                    descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText?: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    label?: string;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    type?: import("../../../generator/generator.interface").FormTypes;
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                let inputProps: {
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    title: string;
+                    desc: string;
+                };
+            }
+            export { FormFieldSwitch_1 as FormFieldSwitch };
+        }
+    }
+}
+import { FormFieldSwitch } from '../index';

package/dist/form/Field/Textarea/FormFieldTextarea.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldTextareaProps } from './FormFieldTextarea.interface';
+declare const FormFieldTextarea: React.NamedExoticComponent<FormFieldTextareaProps>;
+export { FormFieldTextarea };

package/dist/form/Field/Textarea/FormFieldTextarea.interface.d.ts

@@ -0,0 +1,13 @@
+import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type TextareaField = BaseField & {
+    type: Extract<FormTypes, 'textarea'>;
+};
+type FormFieldTextareaProps = TextareaField & {};
+type DefaultTextareaProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+};
+export type { DefaultTextareaProps, FormFieldTextareaProps, TextareaField };

package/dist/form/Field/Textarea/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultTextareaProps } from '../FormFieldTextarea.interface';
+declare const defaultTextareaProps: DefaultTextareaProps;
+export { defaultTextareaProps };

package/dist/form/Field/Textarea/index.d.ts

@@ -0,0 +1,3 @@
+import { defaultTextareaProps } from './appearance/default';
+import { FormFieldTextarea } from './FormFieldTextarea';
+export { defaultTextareaProps, FormFieldTextarea };