@umami/react-zen 0.120.0 → 0.122.0

package/dist/index.css

@@ -3015,15 +3015,18 @@
 }
 
 /* virtual-css:css:c1c264103e87c7a7d9c345a7e75f073b */
-.Form_form__ZjMwZ {
+.Form_form__ZTBhZ {
+  display: flex;
+  flex-direction: column;
   position: relative;
   font-size: var(--font-size);
+  gap: var(--gap);
 }
-.Form_text__NDc1Y {
+.Form_text__ZjUwN {
   text-align: center;
   margin: auto;
 }
-.Form_icon__ZGE1Z {
+.Form_icon__YTRiZ {
   align-self: flex-start;
 }
 
@@ -3647,61 +3650,55 @@ body a.Button_button__NDYwM {
   }
 }
 
-/* virtual-css:css:ac55918cdbb6b3a9ac9deedf05ce3806 */
-.input_field__ZmMwY {
-  position: relative;
-}
-.input_field__ZmMwY,
-.input_row__NTc1Z {
-  position: relative;
-}
-.input_field__ZmMwY[data-readonly] .input_input__MzU4N,
-.input_field__ZmMwY[data-disabled] .input_input__MzU4N {
-  background: var(--base-color-2);
-}
-.input_input__MzU4N {
+/* virtual-css:css:f85c857d13f820fa4badfb09996080b9 */
+.TextField_field__YWExY {
+  display: flex;
+  align-items: center;
+  padding: 0 var(--padding-x);
+  gap: var(--gap);
+  font-family: inherit;
   font-size: var(--font-size);
   color: var(--font-color);
   border: var(--border);
   border-radius: var(--border-radius);
   background: var(--background-color);
   box-shadow: var(--box-shadow);
-  padding: var(--padding);
   line-height: 1.5rem;
-  width: 100%;
-}
-.input_input__MzU4N:focus {
-  border-color: transparent;
-  outline: var(--outline);
-  outline-offset: -1px;
-}
-.input_input__MzU4N::placeholder {
-  color: var(--font-color-muted);
-}
-.input_input__MzU4N:disabled {
-  color: var(--font-color-muted);
-}
-.input_input__MzU4N::-webkit-search-cancel-button,
-.input_input__MzU4N::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-.input_icon__YzA4Z {
-  color: var(--font-color-muted);
-}
-.input_icon__YzA4Z:hover {
-  color: var(--font-color);
-  cursor: pointer;
+  position: relative;
+  &[data-readonly] {
+    background: var(--base-color-2);
+  }
+  &[data-disabled] {
+    color: var(--font-color-muted);
+    background: var(--base-color-2);
+  }
+  &:focus-within {
+    border-color: transparent;
+    outline: var(--outline);
+    outline-offset: -1px;
+    &[data-readonly] {
+      border-color: var(--border-color);
+      outline: none;
+    }
+  }
 }
-
-/* virtual-css:css:f85c857d13f820fa4badfb09996080b9 */
-.TextField_allowCopy__Y2RhY {
-  padding-right: 32px;
+.TextField_field__YWExY input,
+.TextField_field__YWExY textarea {
+  border: none;
+  outline: none;
+  padding: var(--padding-y) 0;
+  background: transparent;
+  flex: 1;
+  &::placeholder {
+    color: var(--font-color-muted);
+  }
+  &::-webkit-search-cancel-button,
+  &::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
 }
-.TextField_icon__MWVlN {
-  position: absolute;
-  top: calc(var(--padding-y) + 4px);
-  right: var(--padding-x);
-  background: none;
+.TextField_textarea__ODY3N {
+  padding-right: 0;
 }
 
 /* virtual-css:css:603e8ab63f869366a7b9c81da6a1d757 */
@@ -4031,7 +4028,7 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
-.Menu_menu__ZGIxY {
+.Menu_menu__OTZkN {
   min-width: 200px;
   border: var(--border);
   border-radius: var(--border-radius);
@@ -4040,19 +4037,19 @@ body a.Button_button__NDYwM {
   background: var(--background-color);
   overflow: hidden;
 }
-.Menu_separator__YjgwM {
+.Menu_separator__ZTgwZ {
   border-bottom: var(--border);
   margin: var(--spacing-2) calc(-1 * var(--spacing-3));
 }
-.Menu_section__MmNkY:not(:last-child) {
+.Menu_section__ZDVhM:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.Menu_header__YmQ0M {
+.Menu_header__YWE2Z {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.Menu_item__NzJlM {
+.Menu_item__MTU4N {
   display: flex;
   align-items: center;
   gap: var(--gap);
@@ -4065,26 +4062,28 @@ body a.Button_button__NDYwM {
   outline: none;
   width: 100%;
 }
-.Menu_item__NzJlM[data-disabled] {
+.Menu_item__MTU4N[data-disabled] {
   color: var(--font-color-disabled);
 }
-.Menu_item__NzJlM[data-focus],
-.Menu_item__NzJlM[data-focus-visible] {
+.Menu_item__MTU4N[data-focus],
+.Menu_item__MTU4N[data-focus-visible] {
   outline: var(--outline);
   background: var(--highlight-color);
 }
-.Menu_item__NzJlM:hover {
+.Menu_item__MTU4N:hover {
   background: var(--highlight-color);
 }
-.Menu_item__NzJlM[data-selected] {
+.Menu_item__MTU4N[data-selected] {
   font-weight: bold;
+  & .Menu_checkmark__MTk4O {
+    display: flex;
+    justify-content: flex-end;
+  }
 }
-.Menu_item__NzJlM[data-selected] .Menu_check__ZDc1Z {
-  display: flex;
-  justify-content: flex-end;
-  flex: 1;
+.Menu_checkmark__MTk4O {
+  display: none;
 }
-.Menu_check__ZDc1Z {
+.Menu_hideCheckmark__MjEyZ .Menu_checkmark__MTk4O {
   display: none;
 }
 
@@ -4285,13 +4284,6 @@ body a.Button_button__NDYwM {
   }
 }
 
-/* virtual-css:css:3547a441584a5024882cb71ab3ccf244 */
-.PasswordField_icon__NTRlM {
-  position: absolute;
-  top: 12px;
-  right: 9px;
-}
-
 /* virtual-css:css:f94974973c639ccc39a8a6465cbebeb2 */
 .Popover_popover__YmFhM[data-placement=top] {
   --origin: translateY(8px);
@@ -4428,30 +4420,28 @@ body a.Button_button__NDYwM {
   background-color: var(--base-color-4);
 }
 
-/* virtual-css:css:3ce2e85ef9035a94276951bdf0511402 */
-.SearchField_search__MzkwY {
-  position: absolute;
-  top: 0;
-  left: var(--spacing-3);
-  bottom: 0;
-  height: 100%;
-  background: none;
+/* virtual-css:css:851dd5366a20c382ffec60997ee93e35 */
+.Select_select__OWQwZ {
+  width: 100%;
 }
-.SearchField_input__OGFiY {
-  padding-left: var(--spacing-7);
-  padding-right: var(--spacing-7);
+.Select_button__YTEzN {
+  width: 100%;
 }
-.SearchField_close__NmJkM {
+.Select_value__N2NjM {
   display: flex;
   align-items: center;
-  justify-content: center;
-  position: absolute;
-  top: 0;
-  right: var(--spacing-3);
-  bottom: 0;
-  height: 100%;
-  border: 0;
-  background: none;
+  justify-content: space-between;
+  width: 100%;
+}
+.Select_list__ZDFkY {
+  padding: var(--spacing-2);
+  background-color: var(--background-color);
+  border: var(--border);
+  border-radius: var(--border-radius);
+  box-shadow: var(--box-shadow-3);
+}
+.Select_search__YTgyZ {
+  margin-bottom: var(--spacing-2);
 }
 
 /* virtual-css:css:844962527a8f0e375161b58db0fc39ed */
@@ -4780,20 +4770,6 @@ body a.Button_button__NDYwM {
   cursor: default;
 }
 
-/* virtual-css:css:884bc0b1f4a7097bca42714da27c0d2b */
-.TextArea_textarea__MTk5Y {
-  font-family: inherit;
-}
-.TextArea_resize-none__OTJhY textarea {
-  resize: none;
-}
-.TextArea_resize-horizontal__YWIyZ textarea {
-  resize: horizontal;
-}
-.TextArea_resize-vertical__NTM3O textarea {
-  resize: vertical;
-}
-
 /* virtual-css:css:c0d584d0daeaec1be71f8a50d43bf66c */
 .ThemeButton_button__Zjc5N {
   width: 50px;

package/dist/index.d.mts

@@ -3,7 +3,15 @@ export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger, FileTrigger, Focusabl
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, ReactElement, Dispatch, SetStateAction } from 'react';
 import { UseFormProps, SubmitHandler, UseFormReturn, RegisterOptions, FieldValues } from 'react-hook-form';
-import * as react_icons_lib from 'react-icons/lib';
+
+interface FormProps extends UseFormProps, Omit<HTMLAttributes<HTMLFormElement>, 'children'> {
+    autoComplete?: string;
+    onSubmit?: SubmitHandler<any>;
+    error?: ReactNode | Error;
+    preventSubmit?: boolean;
+    children?: ReactNode | ((e: UseFormReturn) => ReactNode);
+}
+declare function Form({ autoComplete, onSubmit, error, preventSubmit, mode, disabled, reValidateMode, defaultValues, values, errors, resetOptions, resolver, context, shouldFocusError, shouldUnregister, shouldUseNativeValidation, progressive, criteriaMode, delayError, className, children, ...props }: FormProps): react.JSX.Element;
 
 declare const Breakpoints: readonly ["", "xs", "sm", "md", "lg", "xl"];
 type Breakpoint = (typeof Breakpoints)[number];
@@ -51,16 +59,6 @@ type AlignItems = 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'self
 type AlignSelf = 'center' | 'start' | 'end' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'baseline' | 'stretch';
 type ObjectFit = 'fill' | 'contain' | 'cover' | 'scale-down' | 'none';
 
-interface FormProps extends UseFormProps, Omit<HTMLAttributes<HTMLFormElement>, 'children'> {
-    gap?: Responsive<Spacing>;
-    autoComplete?: string;
-    onSubmit?: SubmitHandler<any>;
-    error?: ReactNode | Error;
-    preventSubmit?: boolean;
-    children?: ReactNode | ((e: UseFormReturn) => ReactNode);
-}
-declare function Form({ gap, autoComplete, onSubmit, error, preventSubmit, mode, disabled, reValidateMode, defaultValues, values, errors, resetOptions, resolver, context, shouldFocusError, shouldUnregister, shouldUseNativeValidation, progressive, criteriaMode, delayError, className, children, ...props }: FormProps): react.JSX.Element;
-
 interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     display?: Responsive<Display>;
     color?: FontColor;
@@ -391,31 +389,6 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
 }
 declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): react.JSX.Element;
 
-declare const Icons: {
-    Moon: react_icons_lib.IconType;
-    Sun: react_icons_lib.IconType;
-    Alert: react_icons_lib.IconType;
-    Arrow: react_icons_lib.IconType;
-    Check: react_icons_lib.IconType;
-    Chevron: react_icons_lib.IconType;
-    Close: react_icons_lib.IconType;
-    Copy: react_icons_lib.IconType;
-    Edit: react_icons_lib.IconType;
-    ExternalLink: react_icons_lib.IconType;
-    Eye: react_icons_lib.IconType;
-    EyeSlash: react_icons_lib.IconType;
-    Info: react_icons_lib.IconType;
-    Logout: react_icons_lib.IconType;
-    MagnifyingGlass: react_icons_lib.IconType;
-    Menu: react_icons_lib.IconType;
-    Minus: react_icons_lib.IconType;
-    More: react_icons_lib.IconType;
-    PanelLeft: react_icons_lib.IconType;
-    Plus: react_icons_lib.IconType;
-    Refresh: react_icons_lib.IconType;
-    Trash: react_icons_lib.IconType;
-};
-
 interface ImageProps extends HTMLAttributes<HTMLImageElement> {
     src: string;
     alt?: string;
@@ -545,10 +518,11 @@ interface SearchFieldProps extends SearchFieldProps$1 {
     label?: string;
     placeholder?: string;
     value?: string;
+    defaultValue?: string;
     delay?: number;
     onSearch?: (value: string) => void;
 }
-declare function SearchField({ label, placeholder, value, delay, onSearch, className, ...props }: SearchFieldProps): react.JSX.Element;
+declare function SearchField({ label, placeholder, value, defaultValue, delay, onSearch, className, ...props }: SearchFieldProps): react.JSX.Element;
 
 interface SelectProps extends SelectProps$1<HTMLSelectElement> {
     items?: any[];
@@ -666,18 +640,10 @@ interface TextFieldProps extends TextFieldProps$1 {
     label?: string;
     placeholder?: string;
     allowCopy?: boolean;
-    asChild?: boolean;
+    asTextArea?: boolean;
     onChange?: (e: any) => void;
 }
-declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asChild, className, onChange, children, ...props }: TextFieldProps): react.JSX.Element;
-
-interface TextAreaProps extends TextFieldProps {
-    rows?: number;
-    cols?: number;
-    resize?: 'none' | 'vertical' | 'horizontal';
-    children?: React.ReactNode;
-}
-declare function TextArea({ rows, cols, resize, className, style, children, ...props }: TextAreaProps): react.JSX.Element;
+declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asTextArea, onChange, isReadOnly, isDisabled, className, children, ...props }: TextFieldProps): react.JSX.Element;
 
 interface ThemeButtonProps extends ButtonProps {
     defaultTheme?: string;
@@ -709,4 +675,4 @@ interface ZenProviderProps {
 }
 declare function ZenProvider({ children, ...props }: ZenProviderProps): react.JSX.Element;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormField, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Icons, Image, type ImageProps, InlineEditField, type InlineEditFieldProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextArea, type TextAreaProps, TextField, type TextFieldProps, type TextProps, ThemeButton, type ThemeButtonProps, Toast, type ToastProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, useDebounce, useNavigationContext, useTheme, useToast };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormField, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, InlineEditField, type InlineEditFieldProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, ThemeButton, type ThemeButtonProps, Toast, type ToastProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, useDebounce, useNavigationContext, useTheme, useToast };

package/dist/index.d.ts

@@ -3,7 +3,15 @@ export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger, FileTrigger, Focusabl
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, ReactElement, Dispatch, SetStateAction } from 'react';
 import { UseFormProps, SubmitHandler, UseFormReturn, RegisterOptions, FieldValues } from 'react-hook-form';
-import * as react_icons_lib from 'react-icons/lib';
+
+interface FormProps extends UseFormProps, Omit<HTMLAttributes<HTMLFormElement>, 'children'> {
+    autoComplete?: string;
+    onSubmit?: SubmitHandler<any>;
+    error?: ReactNode | Error;
+    preventSubmit?: boolean;
+    children?: ReactNode | ((e: UseFormReturn) => ReactNode);
+}
+declare function Form({ autoComplete, onSubmit, error, preventSubmit, mode, disabled, reValidateMode, defaultValues, values, errors, resetOptions, resolver, context, shouldFocusError, shouldUnregister, shouldUseNativeValidation, progressive, criteriaMode, delayError, className, children, ...props }: FormProps): react.JSX.Element;
 
 declare const Breakpoints: readonly ["", "xs", "sm", "md", "lg", "xl"];
 type Breakpoint = (typeof Breakpoints)[number];
@@ -51,16 +59,6 @@ type AlignItems = 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'self
 type AlignSelf = 'center' | 'start' | 'end' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'baseline' | 'stretch';
 type ObjectFit = 'fill' | 'contain' | 'cover' | 'scale-down' | 'none';
 
-interface FormProps extends UseFormProps, Omit<HTMLAttributes<HTMLFormElement>, 'children'> {
-    gap?: Responsive<Spacing>;
-    autoComplete?: string;
-    onSubmit?: SubmitHandler<any>;
-    error?: ReactNode | Error;
-    preventSubmit?: boolean;
-    children?: ReactNode | ((e: UseFormReturn) => ReactNode);
-}
-declare function Form({ gap, autoComplete, onSubmit, error, preventSubmit, mode, disabled, reValidateMode, defaultValues, values, errors, resetOptions, resolver, context, shouldFocusError, shouldUnregister, shouldUseNativeValidation, progressive, criteriaMode, delayError, className, children, ...props }: FormProps): react.JSX.Element;
-
 interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     display?: Responsive<Display>;
     color?: FontColor;
@@ -391,31 +389,6 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
 }
 declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): react.JSX.Element;
 
-declare const Icons: {
-    Moon: react_icons_lib.IconType;
-    Sun: react_icons_lib.IconType;
-    Alert: react_icons_lib.IconType;
-    Arrow: react_icons_lib.IconType;
-    Check: react_icons_lib.IconType;
-    Chevron: react_icons_lib.IconType;
-    Close: react_icons_lib.IconType;
-    Copy: react_icons_lib.IconType;
-    Edit: react_icons_lib.IconType;
-    ExternalLink: react_icons_lib.IconType;
-    Eye: react_icons_lib.IconType;
-    EyeSlash: react_icons_lib.IconType;
-    Info: react_icons_lib.IconType;
-    Logout: react_icons_lib.IconType;
-    MagnifyingGlass: react_icons_lib.IconType;
-    Menu: react_icons_lib.IconType;
-    Minus: react_icons_lib.IconType;
-    More: react_icons_lib.IconType;
-    PanelLeft: react_icons_lib.IconType;
-    Plus: react_icons_lib.IconType;
-    Refresh: react_icons_lib.IconType;
-    Trash: react_icons_lib.IconType;
-};
-
 interface ImageProps extends HTMLAttributes<HTMLImageElement> {
     src: string;
     alt?: string;
@@ -545,10 +518,11 @@ interface SearchFieldProps extends SearchFieldProps$1 {
     label?: string;
     placeholder?: string;
     value?: string;
+    defaultValue?: string;
     delay?: number;
     onSearch?: (value: string) => void;
 }
-declare function SearchField({ label, placeholder, value, delay, onSearch, className, ...props }: SearchFieldProps): react.JSX.Element;
+declare function SearchField({ label, placeholder, value, defaultValue, delay, onSearch, className, ...props }: SearchFieldProps): react.JSX.Element;
 
 interface SelectProps extends SelectProps$1<HTMLSelectElement> {
     items?: any[];
@@ -666,18 +640,10 @@ interface TextFieldProps extends TextFieldProps$1 {
     label?: string;
     placeholder?: string;
     allowCopy?: boolean;
-    asChild?: boolean;
+    asTextArea?: boolean;
     onChange?: (e: any) => void;
 }
-declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asChild, className, onChange, children, ...props }: TextFieldProps): react.JSX.Element;
-
-interface TextAreaProps extends TextFieldProps {
-    rows?: number;
-    cols?: number;
-    resize?: 'none' | 'vertical' | 'horizontal';
-    children?: React.ReactNode;
-}
-declare function TextArea({ rows, cols, resize, className, style, children, ...props }: TextAreaProps): react.JSX.Element;
+declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asTextArea, onChange, isReadOnly, isDisabled, className, children, ...props }: TextFieldProps): react.JSX.Element;
 
 interface ThemeButtonProps extends ButtonProps {
     defaultTheme?: string;
@@ -709,4 +675,4 @@ interface ZenProviderProps {
 }
 declare function ZenProvider({ children, ...props }: ZenProviderProps): react.JSX.Element;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormField, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Icons, Image, type ImageProps, InlineEditField, type InlineEditFieldProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextArea, type TextAreaProps, TextField, type TextFieldProps, type TextProps, ThemeButton, type ThemeButtonProps, Toast, type ToastProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, useDebounce, useNavigationContext, useTheme, useToast };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormField, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, InlineEditField, type InlineEditFieldProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, ThemeButton, type ThemeButtonProps, Toast, type ToastProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, useDebounce, useNavigationContext, useTheme, useToast };