kelt-ui-kit-react 2.0.8 → 2.1.0

package/dist/dataTable/dataTableRow/DataTableRow.d.ts

@@ -1,12 +1,13 @@
 import { dataTableColumnsInterface } from '../dataTable.interface';
-
-type DataTableRowProps = {
-    column: dataTableColumnsInterface<any>;
-    idx: number;
-    rowIndex: number;
-    row: any;
-    container?: "cell" | "card";
-    onEnterNextColumn?: (columnIndex: number, rowIndex: number) => void;
-};
-export declare const DataTableRow: ({ column, idx, rowIndex, row, container, onEnterNextColumn, }: DataTableRowProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+type DataTableRowProps<T> = {
+    column: dataTableColumnsInterface<T>;
+    idx: number;
+    rowIndex: number;
+    row: T;
+    container?: "cell" | "card";
+    stickyLeft?: number;
+    onEnterNextColumn?: (columnIndex: number, rowIndex: number) => void;
+    onEditColumnByOverlay?: (row: T) => void;
+};
+export declare const DataTableRow: <T>({ column, idx, rowIndex, row, container, stickyLeft, onEnterNextColumn, onEditColumnByOverlay, }: DataTableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/dataTable/useDataTableState.d.ts

@@ -0,0 +1,13 @@
+import { dataTableColumnsInterface } from './dataTable.interface';
+import { DataTableFilterState, DataTableSortState } from './dataTable.utils';
+export declare function useDataTableState<T>(id: string, columns: dataTableColumnsInterface<T>[], data: T[], onFiltersChange?: (next: DataTableFilterState) => void, onSortChange?: (next: DataTableSortState | null) => void): {
+    filters: DataTableFilterState;
+    setFilters: import('react').Dispatch<import('react').SetStateAction<DataTableFilterState>>;
+    visibleFilters: Set<string>;
+    sort: DataTableSortState | null;
+    flatColumns: dataTableColumnsInterface<T>[];
+    sortedData: T[];
+    toggleFilter: (column: dataTableColumnsInterface<T>) => void;
+    toggleSort: (column: dataTableColumnsInterface<T>) => void;
+    renderFilter: (column: dataTableColumnsInterface<T>) => import("react/jsx-runtime").JSX.Element | null;
+};

package/dist/datePicker/DatePicker.d.ts

@@ -1,9 +1,8 @@
 import { Value } from 'react-calendar/dist/cjs/shared/types';
-
-export type DatePickerProps = {
-    value?: Value;
-    maxDate?: Date;
-    onChange?: (date: Value) => void;
-    children?: React.ReactNode;
-};
-export declare const DatePicker: ({ value, onChange, maxDate, children, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export type DatePickerProps = {
+    value?: Value;
+    maxDate?: Date;
+    onChange?: (date: Value) => void;
+    children?: React.ReactNode;
+};
+export declare const DatePicker: ({ value, onChange, maxDate, children, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/datePicker/DatePicker.view.d.ts

@@ -1 +1 @@
-export declare const DatePickerView: () => import("react/jsx-runtime").JSX.Element;
+export declare const DatePickerView: () => import("react/jsx-runtime").JSX.Element;

package/dist/docs/ComponentDocs.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare function ComponentDocs({ path, name, children }: {
+    path: string;
+    name: string;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/docs/catalog.d.ts

@@ -0,0 +1,8 @@
+export declare const categories: readonly ["Actions", "Formulaires", "Navigation", "Affichage", "Feedback"];
+export type Category = typeof categories[number];
+export declare const catalog: Record<string, {
+    category: Category;
+    description: string;
+    icon: string;
+}>;
+export declare function matchesSearch(value: string, search: string): boolean;

package/dist/docs/documentation.types.d.ts

@@ -0,0 +1,21 @@
+export type DocumentedProp = {
+    name: string;
+    type: string;
+    required: boolean;
+    defaultValue?: string;
+    description: string;
+};
+export type DocumentedComponent = {
+    name: string;
+    source: string;
+    signature: string;
+    props: DocumentedProp[];
+    types: {
+        name: string;
+        declaration: string;
+    }[];
+};
+export type ComponentDocumentation = {
+    components: DocumentedComponent[];
+    example: string;
+};

package/dist/expands/Expands.d.ts

@@ -1,13 +1,12 @@
 import { ExpandInterface } from './expand/expand.interface';
-
-type ExpandProps = {
-    items: ExpandInterface[];
-    className?: string;
-    onChange?: (item: ExpandInterface) => void;
-    currentItem?: ExpandInterface;
-    showArrow?: boolean;
-    catchfocusCapture?: boolean;
-    catchFocusCaptureId?: number;
-};
-export declare const Expands: (props: ExpandProps) => import("react/jsx-runtime").JSX.Element;
-export type { ExpandProps };
+type ExpandProps = {
+    items: ExpandInterface[];
+    className?: string;
+    onChange?: (item: ExpandInterface) => void;
+    currentItem?: ExpandInterface;
+    showArrow?: boolean;
+    catchfocusCapture?: boolean;
+    catchFocusCaptureId?: number;
+};
+export declare const Expands: (props: ExpandProps) => import("react/jsx-runtime").JSX.Element;
+export type { ExpandProps };

package/dist/expands/Expands.view.d.ts

@@ -1 +1 @@
-export declare const ExpandsView: () => JSX.Element;
+export declare const ExpandsView: () => JSX.Element;

package/dist/expands/expand/expand.d.ts

@@ -1,12 +1,11 @@
 import { ExpandInterface } from './expand.interface';
-
-export type ExpandProps = {
-    currentExpand?: ExpandInterface;
-    item: ExpandInterface;
-    className?: string;
-    showArrow?: boolean;
-    catchfocusCapture?: boolean;
-    catchFocusCaptureId?: number;
-    onChange: (item: ExpandInterface) => void;
-};
-export declare const Expand: ({ currentExpand, item, className, showArrow, catchfocusCapture, catchFocusCaptureId, onChange, }: ExpandProps) => JSX.Element;
+export type ExpandProps = {
+    currentExpand?: ExpandInterface;
+    item: ExpandInterface;
+    className?: string;
+    showArrow?: boolean;
+    catchfocusCapture?: boolean;
+    catchFocusCaptureId?: number;
+    onChange: (item: ExpandInterface) => void;
+};
+export declare const Expand: ({ currentExpand, item, className, showArrow, catchfocusCapture, catchFocusCaptureId, onChange, }: ExpandProps) => JSX.Element;

package/dist/expands/expand/expand.interface.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-export interface ExpandInterface {
-    id?: number;
-    title: string | React.ReactNode;
-    description?: string | React.ReactNode;
-    content?: React.ReactNode;
-    headerContent?: React.ReactNode;
-    footer?: JSX.Element;
-}
+/// <reference types="react" />
+export interface ExpandInterface {
+    id?: number;
+    title: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    content?: React.ReactNode;
+    headerContent?: React.ReactNode;
+    footer?: JSX.Element;
+}

package/dist/filAriane/FilAriane.d.ts

@@ -1,10 +1,9 @@
 import { FilArianeInterface } from './filAriane.interface';
-
-type FilArianeProps = {
-    filArianes?: FilArianeInterface[];
-    currentFil?: number;
-    title?: string;
-    onClick?: (fil?: FilArianeInterface) => void;
-};
-export declare const FilAriane: ({ filArianes, onClick, currentFil, title, }: FilArianeProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+type FilArianeProps = {
+    filArianes?: FilArianeInterface[];
+    currentFil?: number;
+    title?: string;
+    onClick?: (fil?: FilArianeInterface) => void;
+};
+export declare const FilAriane: ({ filArianes, onClick, currentFil, title, }: FilArianeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/filAriane/FilAriane.view.d.ts

@@ -1 +1 @@
-export declare const FilArianeView: () => import("react/jsx-runtime").JSX.Element;
+export declare const FilArianeView: () => import("react/jsx-runtime").JSX.Element;

package/dist/filAriane/filAriane.interface.d.ts

@@ -1,6 +1,6 @@
-export interface FilArianeInterface {
-    id: number;
-    title?: string;
-    url?: string;
-    isLast: boolean;
-}
+export interface FilArianeInterface {
+    id: number;
+    title?: string;
+    url?: string;
+    isLast: boolean;
+}

package/dist/form/Form.d.ts

@@ -1,39 +1,38 @@
 import { default as React } from 'react';
 import { FormInterface, FormMode, FormSection, FormValuesInterface } from './form.interface';
 import { GridBreakpoints, GridResponsive } from '../grid/grid.interface';
-
-export type FormProps<T extends {
-    [key: string]: string | number | boolean | Date | string[];
-}> = {
-    id?: string;
-    className?: string;
-    title?: string;
-    hideSubmit?: boolean;
-    autoComplete?: string;
-    children?: React.ReactNode;
-    initialForm?: FormInterface[];
-    sections?: FormSection[];
-    disabledSubmit?: boolean;
-    mode?: FormMode;
-    /** Largeur sur laquelle se basent les breakpoints des champs (col), défaut : "app" */
-    responsive?: GridResponsive;
-    /** Place le bouton submit dans la grid (dernière ligne) avec ces tailles de col.
-     *  Ignoré si les champs n'utilisent pas la grid : le bouton reste dans le footer. */
-    submitCol?: GridBreakpoints;
-    onSubmit?: (values: FormValuesInterface<T>) => void;
-    onChange?: (values: FormValuesInterface<T>) => void;
-};
-export declare const DynamicForm: React.ForwardRefExoticComponent<FormProps<{
-    [key: string]: string | number | boolean | string[] | Date;
-}> & React.RefAttributes<{
-    clearInput?: ((name: string) => void) | undefined;
-    resetForm?: (() => void) | undefined;
-    focusInitialElement?: (() => void) | undefined;
-    getValues?: (() => Partial<{
-        [x: string]: string | number | boolean | string[] | Date;
-    }>) | undefined;
-    updateFormValue?: ((values: Partial<{
-        [x: string]: string | number | boolean | string[] | Date;
-    }>) => void) | undefined;
-    setBtnDisabledSubmit?: ((disabled: boolean) => void) | undefined;
-}>>;
+export type FormProps<T extends {
+    [key: string]: string | number | boolean | Date | string[];
+}> = {
+    id?: string;
+    className?: string;
+    title?: string;
+    hideSubmit?: boolean;
+    autoComplete?: string;
+    children?: React.ReactNode;
+    initialForm?: FormInterface[];
+    sections?: FormSection[];
+    disabledSubmit?: boolean;
+    mode?: FormMode;
+    /** Largeur sur laquelle se basent les breakpoints des champs (col), défaut : "app" */
+    responsive?: GridResponsive;
+    /** Place le bouton submit dans la grid (dernière ligne) avec ces tailles de col.
+     *  Ignoré si les champs n'utilisent pas la grid : le bouton reste dans le footer. */
+    submitCol?: GridBreakpoints;
+    onSubmit?: (values: FormValuesInterface<T>) => void;
+    onChange?: (values: FormValuesInterface<T>) => void;
+};
+export declare const DynamicForm: React.ForwardRefExoticComponent<FormProps<{
+    [key: string]: string | number | boolean | string[] | Date;
+}> & React.RefAttributes<{
+    clearInput?: ((name: string) => void) | undefined;
+    resetForm?: (() => void) | undefined;
+    focusInitialElement?: (() => void) | undefined;
+    getValues?: (() => Partial<{
+        [x: string]: string | number | boolean | string[] | Date;
+    }>) | undefined;
+    updateFormValue?: ((values: Partial<{
+        [x: string]: string | number | boolean | string[] | Date;
+    }>) => void) | undefined;
+    setBtnDisabledSubmit?: ((disabled: boolean) => void) | undefined;
+}>>;

package/dist/form/Form.view.d.ts

@@ -1 +1 @@
-export declare const FormView: () => JSX.Element;
+export declare const FormView: () => JSX.Element;

package/dist/form/form.enum.d.ts

@@ -1,15 +1,16 @@
-export declare enum TypeInputEnum {
-    ADDRESS = "address",
-    TEXT = "text",
-    BUTTON = "button",
-    EMAIL = "email",
-    HIDDEN = "hidden",
-    PASSWORD = "password",
-    NUMBER = "number",
-    CHECKBOX = "checkbox",
-    RADIO = "radio",
-    DATE = "date",
-    SELECT = "select",
-    TEXTAREA = "textarea",
-    PRICE = "price"
-}
+export declare enum TypeInputEnum {
+    ADDRESS = "address",
+    TEXT = "text",
+    BUTTON = "button",
+    EMAIL = "email",
+    HIDDEN = "hidden",
+    PASSWORD = "password",
+    NUMBER = "number",
+    CHECKBOX = "checkbox",
+    RADIO = "radio",
+    DATE = "date",
+    DATERANGE = "daterange",
+    SELECT = "select",
+    TEXTAREA = "textarea",
+    PRICE = "price"
+}

package/dist/form/form.interface.d.ts

@@ -1,57 +1,56 @@
 import { TypeInputEnum } from './form.enum';
 import { GridBreakpoints } from '../grid/grid.interface';
 import { GeocodedAddress, GeocodingProvider } from '../geocoding/geocoding.interface';
-
-export type FormMode = "read" | "edit";
-export type FormValuesInterface<T extends {
-    [key: string]: string | number | boolean | Date | string[];
-}> = Partial<{
-    [K in keyof T]: T[K];
-}>;
-export interface FormCondition {
-    errorMessage: string;
-    regex: string;
-}
-export interface FormSection {
-    title?: React.ReactNode;
-    fields: FormInterface[];
-    className?: string;
-}
-export interface FormInterface {
-    value: string | number | boolean | Date | string[];
-    id?: string;
-    label?: string;
-    focus?: boolean;
-    type: TypeInputEnum;
-    placeholder?: string;
-    name: string;
-    disabled?: boolean;
-    required?: boolean;
-    condition?: FormCondition;
-    icon?: string;
-    multiple?: boolean;
-    usePortal?: boolean;
-    searchable?: boolean;
-    options?: {
-        value: string;
-        label: string;
-    }[];
-    className?: string;
-    col?: GridBreakpoints;
-    addressSearch?: {
-        minimumQueryLength?: number;
-        debounceTime?: number;
-        limit?: number;
-        provider?: GeocodingProvider;
-        manualEntryLabel?: string;
-        mapAddress?: (address: GeocodedAddress) => Record<string, string | number | boolean | Date | string[]>;
-        onSelect?: (address: GeocodedAddress) => void;
-    };
-    formatReadValue?: (value: string | number | boolean | Date | string[]) => React.ReactNode;
-    autoComplete?: string;
-    step?: string;
-    onChange?: (value: string | number | boolean | Date | string[], name?: string) => void;
-    onRequired?: (value: string | number | boolean | Date | string[]) => boolean;
-    onDisabled?: (value: string | number | boolean | Date | string[]) => boolean;
-    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}
+export type FormMode = "read" | "edit";
+export type FormValuesInterface<T extends {
+    [key: string]: string | number | boolean | Date | string[];
+}> = Partial<{
+    [K in keyof T]: T[K];
+}>;
+export interface FormCondition {
+    errorMessage: string;
+    regex: string;
+}
+export interface FormSection {
+    title?: React.ReactNode;
+    fields: FormInterface[];
+    className?: string;
+}
+export interface FormInterface {
+    value: string | number | boolean | Date | string[];
+    id?: string;
+    label?: string;
+    focus?: boolean;
+    type: TypeInputEnum;
+    placeholder?: string;
+    name: string;
+    disabled?: boolean;
+    required?: boolean;
+    condition?: FormCondition;
+    icon?: string;
+    multiple?: boolean;
+    usePortal?: boolean;
+    searchable?: boolean;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    className?: string;
+    col?: GridBreakpoints;
+    addressSearch?: {
+        minimumQueryLength?: number;
+        debounceTime?: number;
+        limit?: number;
+        provider?: GeocodingProvider;
+        manualEntryLabel?: string;
+        mapAddress?: (address: GeocodedAddress) => Record<string, string | number | boolean | Date | string[]>;
+        onSelect?: (address: GeocodedAddress) => void;
+    };
+    formatReadValue?: (value: string | number | boolean | Date | string[]) => React.ReactNode;
+    autoComplete?: string;
+    step?: string;
+    onChange?: (value: string | number | boolean | Date | string[], name?: string) => void;
+    onRequired?: (value: string | number | boolean | Date | string[]) => boolean;
+    onDisabled?: (value: string | number | boolean | Date | string[]) => boolean;
+    onInvalid?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}

package/dist/form/input/Input.d.ts

@@ -1,26 +1,28 @@
 import { TypeInputEnum } from '../form.enum';
-
-export interface InputProps {
-    id: string;
-    name: string;
-    type?: TypeInputEnum;
-    onInvalid?: (e: React.FocusEvent<HTMLInputElement>) => void;
-    value?: string | number;
-    placeholder?: string;
-    className?: string;
-    inputMode?: "text" | "numeric" | "decimal" | "email" | "tel" | "search";
-    disabled?: boolean;
-    autoFocus?: boolean;
-    required?: boolean;
-    minLength?: number;
-    maxLength?: number;
-    autoComplete?: string;
-    step?: string;
-    tabIndex?: number;
-    checked?: boolean;
-    handleKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
-    onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
-}
-export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+export interface InputProps {
+    id: string;
+    name: string;
+    type?: TypeInputEnum;
+    onInvalid?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    value?: string | number;
+    placeholder?: string;
+    className?: string;
+    inputMode?: "text" | "numeric" | "decimal" | "email" | "tel" | "search";
+    disabled?: boolean;
+    autoFocus?: boolean;
+    required?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    autoComplete?: string;
+    step?: string;
+    tabIndex?: number;
+    checked?: boolean;
+    handleKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    width?: string;
+    disabledDebounce?: boolean;
+    showClearButton?: boolean;
+}
+export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/form/inputNumber/InputNumber.d.ts

@@ -1,22 +1,21 @@
-
-export type InputNumberProps = {
-    id: string;
-    name: string;
-    value?: string;
-    placeholder?: string;
-    className?: string;
-    pattern?: string;
-    disabled?: boolean;
-    required?: boolean;
-    inputMode?: "numeric" | "decimal";
-    autoFocus?: boolean;
-    maxLength?: number;
-    autoComplete?: string;
-    tabIndex?: number;
-    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>, valueFormat?: string) => void;
-    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
-    onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
-    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
-};
-export declare const InputNumber: import('react').ForwardRefExoticComponent<InputNumberProps & import('react').RefAttributes<HTMLInputElement>>;
+export type InputNumberProps = {
+    id: string;
+    name: string;
+    value?: string;
+    placeholder?: string;
+    className?: string;
+    pattern?: string;
+    disabled?: boolean;
+    required?: boolean;
+    inputMode?: "numeric" | "decimal";
+    autoFocus?: boolean;
+    maxLength?: number;
+    autoComplete?: string;
+    tabIndex?: number;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>, valueFormat?: string) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+};
+export declare const InputNumber: import('react').ForwardRefExoticComponent<InputNumberProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/form/inputNumber/InputNumber.view.d.ts

@@ -1 +1 @@
-export declare const InputNumberView: () => import("react/jsx-runtime").JSX.Element;
+export declare const InputNumberView: () => import("react/jsx-runtime").JSX.Element;

package/dist/form/inputPrice/InputPrice.d.ts

@@ -1,16 +1,15 @@
 import { InputNumberProps } from '../inputNumber/InputNumber';
-
-export type InputPriceProps = Omit<InputNumberProps, "onChange"> & {
-    locale?: string;
-    currency?: string;
-    allowDecimals?: boolean;
-    onChange?: (value: string) => void;
-    value?: string;
-};
-export declare const InputPrice: import('react').ForwardRefExoticComponent<Omit<InputNumberProps, "onChange"> & {
-    locale?: string | undefined;
-    currency?: string | undefined;
-    allowDecimals?: boolean | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    value?: string | undefined;
-} & import('react').RefAttributes<HTMLInputElement>>;
+export type InputPriceProps = Omit<InputNumberProps, "onChange"> & {
+    locale?: string;
+    currency?: string;
+    allowDecimals?: boolean;
+    onChange?: (value: string) => void;
+    value?: string;
+};
+export declare const InputPrice: import('react').ForwardRefExoticComponent<Omit<InputNumberProps, "onChange"> & {
+    locale?: string | undefined;
+    currency?: string | undefined;
+    allowDecimals?: boolean | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    value?: string | undefined;
+} & import('react').RefAttributes<HTMLInputElement>>;

package/dist/form/inputPrice/InputPrice.view.d.ts

@@ -1 +1 @@
-export declare const InputPriceView: () => import("react/jsx-runtime").JSX.Element;
+export declare const InputPriceView: () => import("react/jsx-runtime").JSX.Element;

package/dist/form/textArea/TextArea.d.ts

@@ -1,15 +1,14 @@
-
-export type TextAreaProps = {
-    name: string;
-    id?: string;
-    value?: string;
-    disabled?: boolean;
-    width?: string;
-    className?: string;
-    onChange?: (value: string, name: string) => void;
-    placeholder?: string;
-    rows?: number;
-    cols?: number;
-    required?: boolean;
-};
-export declare const TextArea: ({ name, id, value, disabled, width, className, onChange, placeholder, cols, rows, required, }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export type TextAreaProps = {
+    name: string;
+    id?: string;
+    value?: string;
+    disabled?: boolean;
+    width?: string;
+    className?: string;
+    onChange?: (value: string, name: string) => void;
+    placeholder?: string;
+    rows?: number;
+    cols?: number;
+    required?: boolean;
+};
+export declare const TextArea: ({ name, id, value, disabled, width, className, onChange, placeholder, cols, rows, required, }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/form/textArea/TextArea.view.d.ts

@@ -1 +1 @@
-export declare const TextAreaView: () => import("react/jsx-runtime").JSX.Element;
+export declare const TextAreaView: () => import("react/jsx-runtime").JSX.Element;