@zuzjs/ui 1.0.44 → 1.0.46

package/dist/index.d.cts

@@ -1,6 +1,5 @@
 import * as react from 'react';
-import react__default, { ElementType, ComponentPropsWithoutRef, Ref, ReactNode, MouseEvent as MouseEvent$1, RefObject, FC, CSSProperties, FormEventHandler, JSX, HTMLAttributes, ComponentPropsWithRef } from 'react';
-import * as _zuzjs_hooks from '@zuzjs/hooks';
+import react__default, { ElementType, ComponentPropsWithoutRef, Ref, ReactNode, MouseEvent as MouseEvent$1, RefObject, FC, CSSProperties, FormEventHandler, JSX, ComponentPropsWithRef } from 'react';
 import { DragOptions, LineChartProps, MediaItem, useMediaPlayer, ScrollBreakpoint, Command } from '@zuzjs/hooks';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PubSub } from '@zuzjs/core';
@@ -584,12 +583,12 @@ interface CheckboxHandler {
     toggle: (triggerChange?: boolean) => void;
 }
 
-declare const CheckBox: react.ForwardRefExoticComponent<ZuzProps & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, keyof ZuzProps> & {
-    type?: ValueOf<typeof CHECKBOX>;
-    variant?: ValueOf<typeof Variant>;
-    checked?: boolean;
-    onSwitch?: (checked: boolean, value: string | number | readonly string[]) => void;
-} & react.RefAttributes<CheckboxHandler>>;
+declare const CheckBox: {
+    ({ ref, ...props }: CheckBoxProps & {
+        ref?: Ref<CheckboxHandler>;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 interface CodeBlockProps extends ZuzProps {
     ref?: Ref<HTMLPreElement>;
@@ -975,7 +974,15 @@ declare const Sheet: react.ForwardRefExoticComponent<ZuzProps & {
     onHide?: () => void;
 } & react.RefAttributes<SheetHandler>>;
 
+type ValidationSchema = Record<string, (value: any, allValues: dynamic) => string | null | boolean>;
+type ValidationResult = {
+    [key: string]: {
+        valid: boolean;
+        value: string;
+    };
+};
 type FormProps = Omit<BoxProps, `ref`> & {
+    schema?: ValidationSchema;
     /** Name of form, will be appended to --form-{name} in className
      * whitespace will be replaced with dash (-)
     */
@@ -989,13 +996,13 @@ type FormProps = Omit<BoxProps, `ref`> & {
     /** Additional data to include with form submission */
     withData?: dynamic;
     /** Handler function called before form submission with validated form data */
-    beforeSubmit?: (data: FormData | dynamic) => void;
+    beforeSubmit?: (data: FormData | dynamic, validationResult: ValidationResult) => void;
     /** Handler function called on form submission with validated form data */
-    onSubmit?: (data: FormData | dynamic) => void;
+    onSubmit?: (data: FormData | dynamic, validationResult: ValidationResult) => void;
     /** Callback triggered upon successful form submission */
     onSuccess?: (data: dynamic) => void;
     /** Callback triggered when form submission encounters an error */
-    onError?: (error: any) => void;
+    onError?: (error: any, validationResult: ValidationResult) => void;
     /** Cover properties to display loading or processing message */
     cover?: {
         /** Background color of the loading cover */
@@ -1018,17 +1025,8 @@ interface FormHandler {
     submit: () => void;
 }
 
-/**
- * {@link Form} is a controlled component designed to handle form data submission, validation, and display of loading or error states.
- * It allows for optional server-side submission through an action endpoint and customizable success/error handling callbacks.
- *
- * The component also provides an interface for controlling loading and error states from a parent component using {@link FormHandler}.
- *
- * @param props - Properties to configure form behavior, validation messages, submission handling, and visual feedback.
- * @param ref - Reference to the {@link FormHandler} interface, exposing methods to control loading and error states from the parent.
- */
 declare const Form: {
-    ({ ref, ...props }: FormProps & {
+    (props: FormProps & {
         ref?: Ref<FormHandler>;
     }): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -1510,12 +1508,12 @@ declare const Spinner: {
     displayName: string;
 };
 
-declare const Switch: react.ForwardRefExoticComponent<ZuzProps & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, keyof ZuzProps> & {
-    type?: ValueOf<typeof CHECKBOX>;
-    variant?: ValueOf<typeof Variant>;
-    checked?: boolean;
-    onSwitch?: (checked: boolean, value: string | number | readonly string[]) => void;
-} & react.RefAttributes<CheckboxHandler>>;
+declare const Switch: {
+    ({ ref, ...props }: CheckBoxProps & {
+        ref?: Ref<CheckboxHandler>;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 interface TableController {
     setLoading: (mod: boolean) => void;
@@ -1820,30 +1818,24 @@ declare const Terminal: ({ ref, commands, onCommand, welcomeMessage, prompt, var
     ref?: Ref<TerminalHandler>;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const Text: react.ForwardRefExoticComponent<ZuzProps & Omit<Omit<react.DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, keyof ZuzProps> & {
+type TextFxVariant = 'bounce' | 'wave' | 'slide' | 'fade' | 'glitch' | `glitch-v2` | 'typewriter' | `fog` | `pop` | `reveal` | `shuffle`;
+type TextProps = Props<`h1` | `h2` | `h3` | `h4` | `h5` | `h6` | `p` | `span` | `div` | `label`> & {
+    ref?: Ref<HTMLHeadingElement>;
     h?: number;
     html?: ReactNode | string;
     lines?: number;
-} & react.RefAttributes<HTMLHeadingElement>>;
+    tfx?: TextFxVariant;
+    duration?: number;
+    stagger?: number;
+    repeat?: boolean;
+    reveal?: boolean;
+    hover?: boolean;
+};
 
-declare const TextArea: react.ForwardRefExoticComponent<ZuzProps & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, keyof ZuzProps> & {
-    autoResize?: boolean;
-    resize?: `none` | `block` | `both` | `horizontal` | `vertical`;
-    maxHeight?: number | string;
-    variant?: ValueOf<typeof Variant>;
-    command?: string;
-    commands?: _zuzjs_hooks.Command[];
-    cmd?: (value: string, textarea: HTMLTextAreaElement | HTMLInputElement) => void;
-    renderDropdown?: (props: {
-        show: boolean;
-        position: {
-            top: number;
-            left: number;
-        };
-        commands: _zuzjs_hooks.Command[];
-        onSelect: (value: string) => void;
-    }) => React.ReactNode;
-} & react.RefAttributes<HTMLTextAreaElement>>;
+declare const Text: {
+    ({ ref, ...props }: TextProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type TextAreaProps = Props<`textarea`> & {
     autoResize?: boolean;
@@ -1864,6 +1856,13 @@ type TextAreaProps = Props<`textarea`> & {
     }) => React.ReactNode;
 };
 
+declare const TextArea: {
+    ({ ref, ...props }: TextAreaProps & {
+        ref?: Ref<HTMLTextAreaElement>;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 type TextWheelProps = Omit<BoxProps, "name"> & {
     value?: number | string;
     color?: string;
@@ -2129,4 +2128,4 @@ declare const animationTransition: (transition: ValueOf<typeof TRANSITIONS>, sta
 };
 declare const getAnimationTransition: (transition: ValueOf<typeof TRANSITIONS>, to?: boolean, from?: boolean) => dynamic;
 
-export { ALERT, AVATAR, Accordion, type AccordionHandler, type AccordionProps, ActionBar, type ActionBarHandler, type ActionBarItem, type ActionBarProps, Alert, type AlertHandler, type AlertProps, type AnimationTransition, AutoComplete, type AutoCompleteProps, Avatar, type AvatarHandler, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Bubble, BubbleMediaType, type BubbleProps, BubbleStatus, Button, type ButtonHandler, type ButtonProps, ButtonState, CHART, CHECKBOX, COLORTHEME, Calendar, type CalendarProps, Carousel, type CarouselEffect, type CarouselProps, Chart, type ChartProps, CheckBox, type CheckBoxProps, type CheckboxHandler, CodeBlock, type CodeBlockProps, ColorScheme$1 as ColorScheme, type Column, type ContextItem, ContextMenu, type ContextMenuHandler, type ContextMenuProps, type CookieConsentProps, CookiesConsent, Cover, type CoverProps, type CropHandler, CropShape, Cropper, type CropperProps, Crumb, type CrumbItem, type CrumbProps, DATATYPE, DIALOG, DIALOG_ACTION_POSITION, DRAWER_SIDE, DatePicker, Dialog, type DialogActionHandler, type DialogController, type DialogHandler, type DialogProps, Drawer, type DrawerController, type DrawerHandler, type DrawerProps, FILTER, FORMVALIDATION, FORMVALIDATION_STYLE, Fab, type FabProps, type FilterProps, Filters, Flex, type FlexProps, Form, type FormHandler, type FormInputs, type FormProps, Grid, type GridProps, Group, type GroupProps, Icon, type IconProps, Image, type ImageProps, Input, type InputProps, type KeyCombination, type KeyboardKey, type KeyboardKeyProps, KeyBoardKeys as KeyboardKeys, KeysLabelMap, KeysMap, Label, type LabelProps, type LayerHandler, LayersProvider, List, type ListItem, type ListItemObject, type ListProps, type LoopMode, MediaPlayer, type MediaPlayerContextType, type MediaPlayerController, type MediaPlayerIcons, type MediaPlayerProps, type MenuItemProps, type MorphOptions, type NetworkManagerprops, NetworkManager as NetworkStatus, ORIGIN, type Option, type OptionItemProps, OriginType, Overlay, type OverlayProps, PACKAGE_NAME, POSITION, PROGRESS, Pagination, type PaginationCallback, type PaginationController, type PaginationPage, type PaginationPageItem, type PaginationProps, PaginationStyle, Password, type PasswordProps, PinInput, type PinInputProps, Position, ProgressBar, type ProgressBarProps, type ProgressHandler, type Props, RADIO, Radio, type RadioHandler, type RadioProps, type Row, type RowSelectCallback, SHEET, SHEET_ACTION_POSITION, SKELETON, SLIDER, SORT, SPINNER, ScrollView, type ScrollViewProps, Search, type SearchHandler, type SearchProps, type Segment, type SegmentController, type SegmentItemProps, type SegmentProps, Select, type SelectHandler, type SelectProps, Segmented as SelectTabs, Sheet, type SheetHandler, type SheetProps, type Skeleton, Slider, type SliderController, type SliderProps, type ToastAction as SnackAction, ToastPosition as SnackPosition, ToastStyle as SnackStyle, ToastType as SnackType, Span, type SpanProps, Spinner, type SpinnerProps, Status, Switch, type CheckboxHandler as SwitchHandler, TRANSITIONS, TRANSITION_CURVES, type Tab, type TabBodyProps, type TabProps, TabView, type TabViewHandler, type TabViewProps, ForwardedTable as Table, type TableController, type TableOfContentItem, TableOfContents, type TableOfContentsProps, type TableProps, type TableSortCallback, Terminal, type TerminalCommandFn, type TerminalCommands, type TerminalHandler, type TerminalLine, type TerminalProps, Text, type TextAreaProps, TextWheel, type TextWheelHandler, type TextWheelProps, TextArea as Textarea, ThemeProvider, type ToastAction, ToastDefaultTitle, ToastPosition, type ToastProps, Toast as ToastProvider, ToastStyle, ToastType, ToolTip, type ToolTipController, type ToolTipProps, type TreeItemHandler, type TreeItemProps, type TreeNode, type TreeNodeIcons, TreeView, type TreeViewHandler, type TreeViewProps, type Value, type ValueOf, Variant, type ZuzCommonValues, type ZuzProps, type ZuzStyleString, type animationProps, animationTransition, buildClassString, buildWithStyles, cleanProps, css, type cssShortKey, type cssShortKeys, type dynamic, getAnimationCurve, getAnimationTransition, getZuzMap, isKeyCombination, type parallaxEffectProps, setZuzMap, splitAtoms, useBase, useContextMenu, useDialog, useDrawer, useFx, useMorph, usePosition, useSnack, useToast };
+export { ALERT, AVATAR, Accordion, type AccordionHandler, type AccordionProps, ActionBar, type ActionBarHandler, type ActionBarItem, type ActionBarProps, Alert, type AlertHandler, type AlertProps, type AnimationTransition, AutoComplete, type AutoCompleteProps, Avatar, type AvatarHandler, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Bubble, BubbleMediaType, type BubbleProps, BubbleStatus, Button, type ButtonHandler, type ButtonProps, ButtonState, CHART, CHECKBOX, COLORTHEME, Calendar, type CalendarProps, Carousel, type CarouselEffect, type CarouselProps, Chart, type ChartProps, CheckBox, type CheckBoxProps, type CheckboxHandler, CodeBlock, type CodeBlockProps, ColorScheme$1 as ColorScheme, type Column, type ContextItem, ContextMenu, type ContextMenuHandler, type ContextMenuProps, type CookieConsentProps, CookiesConsent, Cover, type CoverProps, type CropHandler, CropShape, Cropper, type CropperProps, Crumb, type CrumbItem, type CrumbProps, DATATYPE, DIALOG, DIALOG_ACTION_POSITION, DRAWER_SIDE, DatePicker, Dialog, type DialogActionHandler, type DialogController, type DialogHandler, type DialogProps, Drawer, type DrawerController, type DrawerHandler, type DrawerProps, FILTER, FORMVALIDATION, FORMVALIDATION_STYLE, Fab, type FabProps, type FilterProps, Filters, Flex, type FlexProps, Form, type FormHandler, type FormInputs, type FormProps, Grid, type GridProps, Group, type GroupProps, Icon, type IconProps, Image, type ImageProps, Input, type InputProps, type KeyCombination, type KeyboardKey, type KeyboardKeyProps, KeyBoardKeys as KeyboardKeys, KeysLabelMap, KeysMap, Label, type LabelProps, type LayerHandler, LayersProvider, List, type ListItem, type ListItemObject, type ListProps, type LoopMode, MediaPlayer, type MediaPlayerContextType, type MediaPlayerController, type MediaPlayerIcons, type MediaPlayerProps, type MenuItemProps, type MorphOptions, type NetworkManagerprops, NetworkManager as NetworkStatus, ORIGIN, type Option, type OptionItemProps, OriginType, Overlay, type OverlayProps, PACKAGE_NAME, POSITION, PROGRESS, Pagination, type PaginationCallback, type PaginationController, type PaginationPage, type PaginationPageItem, type PaginationProps, PaginationStyle, Password, type PasswordProps, PinInput, type PinInputProps, Position, ProgressBar, type ProgressBarProps, type ProgressHandler, type Props, RADIO, Radio, type RadioHandler, type RadioProps, type Row, type RowSelectCallback, SHEET, SHEET_ACTION_POSITION, SKELETON, SLIDER, SORT, SPINNER, ScrollView, type ScrollViewProps, Search, type SearchHandler, type SearchProps, type Segment, type SegmentController, type SegmentItemProps, type SegmentProps, Select, type SelectHandler, type SelectProps, Segmented as SelectTabs, Sheet, type SheetHandler, type SheetProps, type Skeleton, Slider, type SliderController, type SliderProps, type ToastAction as SnackAction, ToastPosition as SnackPosition, ToastStyle as SnackStyle, ToastType as SnackType, Span, type SpanProps, Spinner, type SpinnerProps, Status, Switch, type CheckboxHandler as SwitchHandler, TRANSITIONS, TRANSITION_CURVES, type Tab, type TabBodyProps, type TabProps, TabView, type TabViewHandler, type TabViewProps, ForwardedTable as Table, type TableController, type TableOfContentItem, TableOfContents, type TableOfContentsProps, type TableProps, type TableSortCallback, Terminal, type TerminalCommandFn, type TerminalCommands, type TerminalHandler, type TerminalLine, type TerminalProps, Text, type TextAreaProps, TextWheel, type TextWheelHandler, type TextWheelProps, TextArea as Textarea, ThemeProvider, type ToastAction, ToastDefaultTitle, ToastPosition, type ToastProps, Toast as ToastProvider, ToastStyle, ToastType, ToolTip, type ToolTipController, type ToolTipProps, type TreeItemHandler, type TreeItemProps, type TreeNode, type TreeNodeIcons, TreeView, type TreeViewHandler, type TreeViewProps, type ValidationResult, type ValidationSchema, type Value, type ValueOf, Variant, type ZuzCommonValues, type ZuzProps, type ZuzStyleString, type animationProps, animationTransition, buildClassString, buildWithStyles, cleanProps, css, type cssShortKey, type cssShortKeys, type dynamic, getAnimationCurve, getAnimationTransition, getZuzMap, isKeyCombination, type parallaxEffectProps, setZuzMap, splitAtoms, useBase, useContextMenu, useDialog, useDrawer, useFx, useMorph, usePosition, useSnack, useToast };

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import * as react from 'react';
-import react__default, { ElementType, ComponentPropsWithoutRef, Ref, ReactNode, MouseEvent as MouseEvent$1, RefObject, FC, CSSProperties, FormEventHandler, JSX, HTMLAttributes, ComponentPropsWithRef } from 'react';
-import * as _zuzjs_hooks from '@zuzjs/hooks';
+import react__default, { ElementType, ComponentPropsWithoutRef, Ref, ReactNode, MouseEvent as MouseEvent$1, RefObject, FC, CSSProperties, FormEventHandler, JSX, ComponentPropsWithRef } from 'react';
 import { DragOptions, LineChartProps, MediaItem, useMediaPlayer, ScrollBreakpoint, Command } from '@zuzjs/hooks';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PubSub } from '@zuzjs/core';
@@ -584,12 +583,12 @@ interface CheckboxHandler {
     toggle: (triggerChange?: boolean) => void;
 }
 
-declare const CheckBox: react.ForwardRefExoticComponent<ZuzProps & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, keyof ZuzProps> & {
-    type?: ValueOf<typeof CHECKBOX>;
-    variant?: ValueOf<typeof Variant>;
-    checked?: boolean;
-    onSwitch?: (checked: boolean, value: string | number | readonly string[]) => void;
-} & react.RefAttributes<CheckboxHandler>>;
+declare const CheckBox: {
+    ({ ref, ...props }: CheckBoxProps & {
+        ref?: Ref<CheckboxHandler>;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 interface CodeBlockProps extends ZuzProps {
     ref?: Ref<HTMLPreElement>;
@@ -975,7 +974,15 @@ declare const Sheet: react.ForwardRefExoticComponent<ZuzProps & {
     onHide?: () => void;
 } & react.RefAttributes<SheetHandler>>;
 
+type ValidationSchema = Record<string, (value: any, allValues: dynamic) => string | null | boolean>;
+type ValidationResult = {
+    [key: string]: {
+        valid: boolean;
+        value: string;
+    };
+};
 type FormProps = Omit<BoxProps, `ref`> & {
+    schema?: ValidationSchema;
     /** Name of form, will be appended to --form-{name} in className
      * whitespace will be replaced with dash (-)
     */
@@ -989,13 +996,13 @@ type FormProps = Omit<BoxProps, `ref`> & {
     /** Additional data to include with form submission */
     withData?: dynamic;
     /** Handler function called before form submission with validated form data */
-    beforeSubmit?: (data: FormData | dynamic) => void;
+    beforeSubmit?: (data: FormData | dynamic, validationResult: ValidationResult) => void;
     /** Handler function called on form submission with validated form data */
-    onSubmit?: (data: FormData | dynamic) => void;
+    onSubmit?: (data: FormData | dynamic, validationResult: ValidationResult) => void;
     /** Callback triggered upon successful form submission */
     onSuccess?: (data: dynamic) => void;
     /** Callback triggered when form submission encounters an error */
-    onError?: (error: any) => void;
+    onError?: (error: any, validationResult: ValidationResult) => void;
     /** Cover properties to display loading or processing message */
     cover?: {
         /** Background color of the loading cover */
@@ -1018,17 +1025,8 @@ interface FormHandler {
     submit: () => void;
 }
 
-/**
- * {@link Form} is a controlled component designed to handle form data submission, validation, and display of loading or error states.
- * It allows for optional server-side submission through an action endpoint and customizable success/error handling callbacks.
- *
- * The component also provides an interface for controlling loading and error states from a parent component using {@link FormHandler}.
- *
- * @param props - Properties to configure form behavior, validation messages, submission handling, and visual feedback.
- * @param ref - Reference to the {@link FormHandler} interface, exposing methods to control loading and error states from the parent.
- */
 declare const Form: {
-    ({ ref, ...props }: FormProps & {
+    (props: FormProps & {
         ref?: Ref<FormHandler>;
     }): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -1510,12 +1508,12 @@ declare const Spinner: {
     displayName: string;
 };
 
-declare const Switch: react.ForwardRefExoticComponent<ZuzProps & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, keyof ZuzProps> & {
-    type?: ValueOf<typeof CHECKBOX>;
-    variant?: ValueOf<typeof Variant>;
-    checked?: boolean;
-    onSwitch?: (checked: boolean, value: string | number | readonly string[]) => void;
-} & react.RefAttributes<CheckboxHandler>>;
+declare const Switch: {
+    ({ ref, ...props }: CheckBoxProps & {
+        ref?: Ref<CheckboxHandler>;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 interface TableController {
     setLoading: (mod: boolean) => void;
@@ -1820,30 +1818,24 @@ declare const Terminal: ({ ref, commands, onCommand, welcomeMessage, prompt, var
     ref?: Ref<TerminalHandler>;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const Text: react.ForwardRefExoticComponent<ZuzProps & Omit<Omit<react.DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, keyof ZuzProps> & {
+type TextFxVariant = 'bounce' | 'wave' | 'slide' | 'fade' | 'glitch' | `glitch-v2` | 'typewriter' | `fog` | `pop` | `reveal` | `shuffle`;
+type TextProps = Props<`h1` | `h2` | `h3` | `h4` | `h5` | `h6` | `p` | `span` | `div` | `label`> & {
+    ref?: Ref<HTMLHeadingElement>;
     h?: number;
     html?: ReactNode | string;
     lines?: number;
-} & react.RefAttributes<HTMLHeadingElement>>;
+    tfx?: TextFxVariant;
+    duration?: number;
+    stagger?: number;
+    repeat?: boolean;
+    reveal?: boolean;
+    hover?: boolean;
+};
 
-declare const TextArea: react.ForwardRefExoticComponent<ZuzProps & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, keyof ZuzProps> & {
-    autoResize?: boolean;
-    resize?: `none` | `block` | `both` | `horizontal` | `vertical`;
-    maxHeight?: number | string;
-    variant?: ValueOf<typeof Variant>;
-    command?: string;
-    commands?: _zuzjs_hooks.Command[];
-    cmd?: (value: string, textarea: HTMLTextAreaElement | HTMLInputElement) => void;
-    renderDropdown?: (props: {
-        show: boolean;
-        position: {
-            top: number;
-            left: number;
-        };
-        commands: _zuzjs_hooks.Command[];
-        onSelect: (value: string) => void;
-    }) => React.ReactNode;
-} & react.RefAttributes<HTMLTextAreaElement>>;
+declare const Text: {
+    ({ ref, ...props }: TextProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type TextAreaProps = Props<`textarea`> & {
     autoResize?: boolean;
@@ -1864,6 +1856,13 @@ type TextAreaProps = Props<`textarea`> & {
     }) => React.ReactNode;
 };
 
+declare const TextArea: {
+    ({ ref, ...props }: TextAreaProps & {
+        ref?: Ref<HTMLTextAreaElement>;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 type TextWheelProps = Omit<BoxProps, "name"> & {
     value?: number | string;
     color?: string;
@@ -2129,4 +2128,4 @@ declare const animationTransition: (transition: ValueOf<typeof TRANSITIONS>, sta
 };
 declare const getAnimationTransition: (transition: ValueOf<typeof TRANSITIONS>, to?: boolean, from?: boolean) => dynamic;
 
-export { ALERT, AVATAR, Accordion, type AccordionHandler, type AccordionProps, ActionBar, type ActionBarHandler, type ActionBarItem, type ActionBarProps, Alert, type AlertHandler, type AlertProps, type AnimationTransition, AutoComplete, type AutoCompleteProps, Avatar, type AvatarHandler, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Bubble, BubbleMediaType, type BubbleProps, BubbleStatus, Button, type ButtonHandler, type ButtonProps, ButtonState, CHART, CHECKBOX, COLORTHEME, Calendar, type CalendarProps, Carousel, type CarouselEffect, type CarouselProps, Chart, type ChartProps, CheckBox, type CheckBoxProps, type CheckboxHandler, CodeBlock, type CodeBlockProps, ColorScheme$1 as ColorScheme, type Column, type ContextItem, ContextMenu, type ContextMenuHandler, type ContextMenuProps, type CookieConsentProps, CookiesConsent, Cover, type CoverProps, type CropHandler, CropShape, Cropper, type CropperProps, Crumb, type CrumbItem, type CrumbProps, DATATYPE, DIALOG, DIALOG_ACTION_POSITION, DRAWER_SIDE, DatePicker, Dialog, type DialogActionHandler, type DialogController, type DialogHandler, type DialogProps, Drawer, type DrawerController, type DrawerHandler, type DrawerProps, FILTER, FORMVALIDATION, FORMVALIDATION_STYLE, Fab, type FabProps, type FilterProps, Filters, Flex, type FlexProps, Form, type FormHandler, type FormInputs, type FormProps, Grid, type GridProps, Group, type GroupProps, Icon, type IconProps, Image, type ImageProps, Input, type InputProps, type KeyCombination, type KeyboardKey, type KeyboardKeyProps, KeyBoardKeys as KeyboardKeys, KeysLabelMap, KeysMap, Label, type LabelProps, type LayerHandler, LayersProvider, List, type ListItem, type ListItemObject, type ListProps, type LoopMode, MediaPlayer, type MediaPlayerContextType, type MediaPlayerController, type MediaPlayerIcons, type MediaPlayerProps, type MenuItemProps, type MorphOptions, type NetworkManagerprops, NetworkManager as NetworkStatus, ORIGIN, type Option, type OptionItemProps, OriginType, Overlay, type OverlayProps, PACKAGE_NAME, POSITION, PROGRESS, Pagination, type PaginationCallback, type PaginationController, type PaginationPage, type PaginationPageItem, type PaginationProps, PaginationStyle, Password, type PasswordProps, PinInput, type PinInputProps, Position, ProgressBar, type ProgressBarProps, type ProgressHandler, type Props, RADIO, Radio, type RadioHandler, type RadioProps, type Row, type RowSelectCallback, SHEET, SHEET_ACTION_POSITION, SKELETON, SLIDER, SORT, SPINNER, ScrollView, type ScrollViewProps, Search, type SearchHandler, type SearchProps, type Segment, type SegmentController, type SegmentItemProps, type SegmentProps, Select, type SelectHandler, type SelectProps, Segmented as SelectTabs, Sheet, type SheetHandler, type SheetProps, type Skeleton, Slider, type SliderController, type SliderProps, type ToastAction as SnackAction, ToastPosition as SnackPosition, ToastStyle as SnackStyle, ToastType as SnackType, Span, type SpanProps, Spinner, type SpinnerProps, Status, Switch, type CheckboxHandler as SwitchHandler, TRANSITIONS, TRANSITION_CURVES, type Tab, type TabBodyProps, type TabProps, TabView, type TabViewHandler, type TabViewProps, ForwardedTable as Table, type TableController, type TableOfContentItem, TableOfContents, type TableOfContentsProps, type TableProps, type TableSortCallback, Terminal, type TerminalCommandFn, type TerminalCommands, type TerminalHandler, type TerminalLine, type TerminalProps, Text, type TextAreaProps, TextWheel, type TextWheelHandler, type TextWheelProps, TextArea as Textarea, ThemeProvider, type ToastAction, ToastDefaultTitle, ToastPosition, type ToastProps, Toast as ToastProvider, ToastStyle, ToastType, ToolTip, type ToolTipController, type ToolTipProps, type TreeItemHandler, type TreeItemProps, type TreeNode, type TreeNodeIcons, TreeView, type TreeViewHandler, type TreeViewProps, type Value, type ValueOf, Variant, type ZuzCommonValues, type ZuzProps, type ZuzStyleString, type animationProps, animationTransition, buildClassString, buildWithStyles, cleanProps, css, type cssShortKey, type cssShortKeys, type dynamic, getAnimationCurve, getAnimationTransition, getZuzMap, isKeyCombination, type parallaxEffectProps, setZuzMap, splitAtoms, useBase, useContextMenu, useDialog, useDrawer, useFx, useMorph, usePosition, useSnack, useToast };
+export { ALERT, AVATAR, Accordion, type AccordionHandler, type AccordionProps, ActionBar, type ActionBarHandler, type ActionBarItem, type ActionBarProps, Alert, type AlertHandler, type AlertProps, type AnimationTransition, AutoComplete, type AutoCompleteProps, Avatar, type AvatarHandler, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Bubble, BubbleMediaType, type BubbleProps, BubbleStatus, Button, type ButtonHandler, type ButtonProps, ButtonState, CHART, CHECKBOX, COLORTHEME, Calendar, type CalendarProps, Carousel, type CarouselEffect, type CarouselProps, Chart, type ChartProps, CheckBox, type CheckBoxProps, type CheckboxHandler, CodeBlock, type CodeBlockProps, ColorScheme$1 as ColorScheme, type Column, type ContextItem, ContextMenu, type ContextMenuHandler, type ContextMenuProps, type CookieConsentProps, CookiesConsent, Cover, type CoverProps, type CropHandler, CropShape, Cropper, type CropperProps, Crumb, type CrumbItem, type CrumbProps, DATATYPE, DIALOG, DIALOG_ACTION_POSITION, DRAWER_SIDE, DatePicker, Dialog, type DialogActionHandler, type DialogController, type DialogHandler, type DialogProps, Drawer, type DrawerController, type DrawerHandler, type DrawerProps, FILTER, FORMVALIDATION, FORMVALIDATION_STYLE, Fab, type FabProps, type FilterProps, Filters, Flex, type FlexProps, Form, type FormHandler, type FormInputs, type FormProps, Grid, type GridProps, Group, type GroupProps, Icon, type IconProps, Image, type ImageProps, Input, type InputProps, type KeyCombination, type KeyboardKey, type KeyboardKeyProps, KeyBoardKeys as KeyboardKeys, KeysLabelMap, KeysMap, Label, type LabelProps, type LayerHandler, LayersProvider, List, type ListItem, type ListItemObject, type ListProps, type LoopMode, MediaPlayer, type MediaPlayerContextType, type MediaPlayerController, type MediaPlayerIcons, type MediaPlayerProps, type MenuItemProps, type MorphOptions, type NetworkManagerprops, NetworkManager as NetworkStatus, ORIGIN, type Option, type OptionItemProps, OriginType, Overlay, type OverlayProps, PACKAGE_NAME, POSITION, PROGRESS, Pagination, type PaginationCallback, type PaginationController, type PaginationPage, type PaginationPageItem, type PaginationProps, PaginationStyle, Password, type PasswordProps, PinInput, type PinInputProps, Position, ProgressBar, type ProgressBarProps, type ProgressHandler, type Props, RADIO, Radio, type RadioHandler, type RadioProps, type Row, type RowSelectCallback, SHEET, SHEET_ACTION_POSITION, SKELETON, SLIDER, SORT, SPINNER, ScrollView, type ScrollViewProps, Search, type SearchHandler, type SearchProps, type Segment, type SegmentController, type SegmentItemProps, type SegmentProps, Select, type SelectHandler, type SelectProps, Segmented as SelectTabs, Sheet, type SheetHandler, type SheetProps, type Skeleton, Slider, type SliderController, type SliderProps, type ToastAction as SnackAction, ToastPosition as SnackPosition, ToastStyle as SnackStyle, ToastType as SnackType, Span, type SpanProps, Spinner, type SpinnerProps, Status, Switch, type CheckboxHandler as SwitchHandler, TRANSITIONS, TRANSITION_CURVES, type Tab, type TabBodyProps, type TabProps, TabView, type TabViewHandler, type TabViewProps, ForwardedTable as Table, type TableController, type TableOfContentItem, TableOfContents, type TableOfContentsProps, type TableProps, type TableSortCallback, Terminal, type TerminalCommandFn, type TerminalCommands, type TerminalHandler, type TerminalLine, type TerminalProps, Text, type TextAreaProps, TextWheel, type TextWheelHandler, type TextWheelProps, TextArea as Textarea, ThemeProvider, type ToastAction, ToastDefaultTitle, ToastPosition, type ToastProps, Toast as ToastProvider, ToastStyle, ToastType, ToolTip, type ToolTipController, type ToolTipProps, type TreeItemHandler, type TreeItemProps, type TreeNode, type TreeNodeIcons, TreeView, type TreeViewHandler, type TreeViewProps, type ValidationResult, type ValidationSchema, type Value, type ValueOf, Variant, type ZuzCommonValues, type ZuzProps, type ZuzStyleString, type animationProps, animationTransition, buildClassString, buildWithStyles, cleanProps, css, type cssShortKey, type cssShortKeys, type dynamic, getAnimationCurve, getAnimationTransition, getZuzMap, isKeyCombination, type parallaxEffectProps, setZuzMap, splitAtoms, useBase, useContextMenu, useDialog, useDrawer, useFx, useMorph, usePosition, useSnack, useToast };