@umami/react-zen 0.212.0 → 0.214.0

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbProps, BreadcrumbsProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps as PopoverProps$1, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, ProgressBarProps as ProgressBarProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
+import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbProps, BreadcrumbsProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps as PopoverProps$1, TableProps, TooltipProps as TooltipProps$1, TextFieldProps as TextFieldProps$1, LabelProps as LabelProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, ModalOverlayProps, ModalRenderProps, ProgressBarProps as ProgressBarProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
 export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger, FileTrigger, Focusable, MenuTrigger, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TabListProps, TabPanelProps, TabProps, TableBodyProps, TabsProps, TooltipTrigger } from 'react-aria-components';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, ReactElement, Dispatch, SetStateAction } from 'react';
 import { UseFormProps, SubmitHandler, UseFormReturn, ControllerProps, ControllerRenderProps, FieldValues, ControllerFieldState, UseFormStateReturn, RegisterOptions } from 'react-hook-form';
@@ -12,7 +13,7 @@ interface FormProps extends UseFormProps, Omit<HTMLAttributes<HTMLFormElement>,
     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 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_runtime.JSX.Element;
 
 declare const Breakpoints: readonly ["", "xs", "sm", "md", "lg", "xl"];
 type Breakpoint = (typeof Breakpoints)[number];
@@ -121,7 +122,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     as?: string;
     asChild?: boolean;
 }
-declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderWidth, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, width, minWidth, maxWidth, height, minHeight, maxHeight, position, textAlign, top, right, bottom, left, overflow, overflowX, overflowY, alignSelf, justifySelf, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, zIndex, theme, as, asChild, className, style, children, ...props }: BoxProps): react.JSX.Element;
+declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderWidth, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, width, minWidth, maxWidth, height, minHeight, maxHeight, position, textAlign, top, right, bottom, left, overflow, overflowX, overflowY, alignSelf, justifySelf, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, zIndex, theme, as, asChild, className, style, children, ...props }: BoxProps): react_jsx_runtime.JSX.Element;
 
 interface FlexboxProps extends Omit<BoxProps, 'display' | 'gap'> {
     display?: Responsive<FlexDisplay>;
@@ -135,17 +136,17 @@ interface FlexboxProps extends Omit<BoxProps, 'display' | 'gap'> {
     gapX?: Responsive<Gap>;
     gapY?: Responsive<Gap>;
 }
-declare function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, style, children, ...props }: FlexboxProps): react.JSX.Element;
+declare function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, style, children, ...props }: FlexboxProps): react_jsx_runtime.JSX.Element;
 
 interface RowProps extends FlexboxProps {
     reverse?: boolean;
 }
-declare function Row({ reverse, children, ...props }: RowProps): react.JSX.Element;
+declare function Row({ reverse, children, ...props }: RowProps): react_jsx_runtime.JSX.Element;
 
 interface FormButtonsProps extends RowProps {
     fill?: boolean;
 }
-declare function FormButtons({ fill, children, ...props }: FormButtonsProps): react.JSX.Element;
+declare function FormButtons({ fill, children, ...props }: FormButtonsProps): react_jsx_runtime.JSX.Element;
 
 interface FormControllerProps extends Omit<ControllerProps, 'render'> {
     children: ({ field, fieldState, formState, }: {
@@ -154,7 +155,7 @@ interface FormControllerProps extends Omit<ControllerProps, 'render'> {
         formState: UseFormStateReturn<FieldValues>;
     }) => ReactElement;
 }
-declare function FormController({ children, ...props }: FormControllerProps): react.JSX.Element;
+declare function FormController({ children, ...props }: FormControllerProps): react_jsx_runtime.JSX.Element;
 
 interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, Partial<UseFormReturn> {
     name: string;
@@ -163,7 +164,7 @@ interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, Partial<UseForm
     rules?: RegisterOptions<FieldValues, string>;
     children: any;
 }
-declare function FormField({ id, name, description, label, rules, className, children, ...props }: FormFieldProps): react.JSX.Element;
+declare function FormField({ id, name, description, label, rules, className, children, ...props }: FormFieldProps): react_jsx_runtime.JSX.Element;
 
 interface FormFieldArrayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     name: string;
@@ -172,7 +173,7 @@ interface FormFieldArrayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
     rules?: RegisterOptions<FieldValues, string>;
     children: (props: any) => ReactNode;
 }
-declare function FormFieldArray({ id, name, description, label, rules, className, children, ...props }: FormFieldArrayProps): react.JSX.Element;
+declare function FormFieldArray({ id, name, description, label, rules, className, children, ...props }: FormFieldArrayProps): react_jsx_runtime.JSX.Element;
 
 interface ButtonProps extends ButtonProps$1 {
     variant?: 'primary' | 'outline' | 'quiet' | 'danger' | 'zero';
@@ -180,23 +181,23 @@ interface ButtonProps extends ButtonProps$1 {
     asChild?: boolean;
     children?: ReactNode;
 }
-declare function Button({ variant, size, asChild, preventFocusOnPress, className, children, ...props }: ButtonProps): react.JSX.Element;
+declare function Button({ variant, size, asChild, preventFocusOnPress, className, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 interface FormResetButtonProps extends ButtonProps {
     values?: FieldValues | {
         [p: string]: any;
     };
 }
-declare function FormResetButton({ values, children, onPress, ...props }: FormResetButtonProps): react.JSX.Element;
+declare function FormResetButton({ values, children, onPress, ...props }: FormResetButtonProps): react_jsx_runtime.JSX.Element;
 
 interface LoadingButtonProps extends ButtonProps {
     isDisabled?: boolean;
     isLoading?: boolean;
     showText?: boolean;
 }
-declare function LoadingButton({ isLoading, isDisabled, showText, children, ...props }: LoadingButtonProps): react.JSX.Element;
+declare function LoadingButton({ isLoading, isDisabled, showText, children, ...props }: LoadingButtonProps): react_jsx_runtime.JSX.Element;
 
-declare function FormSubmitButton({ variant, isDisabled, isLoading, children, ...props }: LoadingButtonProps): react.JSX.Element;
+declare function FormSubmitButton({ variant, isDisabled, isLoading, children, ...props }: LoadingButtonProps): react_jsx_runtime.JSX.Element;
 
 interface ToastProps extends HTMLAttributes<HTMLDivElement> {
     id: string;
@@ -207,20 +208,20 @@ interface ToastProps extends HTMLAttributes<HTMLDivElement> {
     variant?: 'success' | 'error';
     onClose?: (action?: string) => void;
 }
-declare function Toast({ id, message, title, actions, allowClose, variant, className, children, onClose, ...props }: ToastProps): react.JSX.Element;
+declare function Toast({ id, message, title, actions, allowClose, variant, className, children, onClose, ...props }: ToastProps): react_jsx_runtime.JSX.Element;
 
 type ToastPosition = 'top-left' | 'top' | 'top-right' | 'bottom-left' | 'bottom' | 'bottom-right' | 'left' | 'right';
 interface ToasterProps {
     duration?: number;
     position?: ToastPosition;
 }
-declare function Toaster({ duration, position }: ToasterProps): react.JSX.Element;
+declare function Toaster({ duration, position }: ToasterProps): react_jsx_runtime.JSX.Element;
 
 interface ToastProviderProps extends ToasterProps {
     children: ReactNode;
 }
 declare const ToastContext: react.Context<{}>;
-declare function ToastProvider({ children, ...props }: ToastProviderProps): react.JSX.Element;
+declare function ToastProvider({ children, ...props }: ToastProviderProps): react_jsx_runtime.JSX.Element;
 
 declare function useDebounce(value: string, delay: number): string;
 
@@ -270,8 +271,8 @@ interface AccordionProps extends DisclosureGroupProps {
 }
 interface AccordionItemProps extends DisclosureProps {
 }
-declare function Accordion({ className, children, ...props }: AccordionProps): react.JSX.Element;
-declare function AccordionItem({ defaultExpanded, className, children, ...props }: AccordionItemProps): react.JSX.Element;
+declare function Accordion({ className, children, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
+declare function AccordionItem({ defaultExpanded, className, children, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
 
 interface AlertBannerProps {
     title?: ReactNode;
@@ -284,13 +285,13 @@ interface AlertBannerProps {
     className?: string;
     children?: ReactNode;
 }
-declare function AlertBanner({ title, description, icon, variant, align, allowClose, onClose, children, className, ...props }: AlertBannerProps): react.JSX.Element;
+declare function AlertBanner({ title, description, icon, variant, align, allowClose, onClose, children, className, ...props }: AlertBannerProps): react_jsx_runtime.JSX.Element;
 
 interface DialogProps extends DialogProps$1 {
     title?: ReactNode;
     variant?: 'sheet';
 }
-declare function Dialog({ title, variant, children, className, ...props }: DialogProps): react.JSX.Element;
+declare function Dialog({ title, variant, children, className, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
 
 interface AlertDialogProps extends DialogProps {
     title?: ReactNode;
@@ -302,17 +303,17 @@ interface AlertDialogProps extends DialogProps {
     onConfirm?: () => void;
     onCancel?: () => void;
 }
-declare function AlertDialog({ title, description, isDanger, isConfirmDisabled, confirmLabel, cancelLabel, onConfirm, onCancel, className, children, ...props }: AlertDialogProps): react.JSX.Element;
+declare function AlertDialog({ title, description, isDanger, isConfirmDisabled, confirmLabel, cancelLabel, onConfirm, onCancel, className, children, ...props }: AlertDialogProps): react_jsx_runtime.JSX.Element;
 
 interface BlockquoteProps extends HTMLAttributes<HTMLElement> {
     asChild?: boolean;
     weight?: Responsive<FontWeight>;
     wrap?: Responsive<TextWrap>;
 }
-declare function Blockquote({ asChild, children }: BlockquoteProps): react.JSX.Element;
+declare function Blockquote({ asChild, children }: BlockquoteProps): react_jsx_runtime.JSX.Element;
 
-declare function Breadcrumbs({ children, className, ...props }: BreadcrumbsProps<any>): react.JSX.Element;
-declare function Breadcrumb({ children, className, ...props }: BreadcrumbProps): react.JSX.Element;
+declare function Breadcrumbs({ children, className, ...props }: BreadcrumbsProps<any>): react_jsx_runtime.JSX.Element;
+declare function Breadcrumb({ children, className, ...props }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
 
 interface CalendarProps extends Omit<CalendarProps$1<any>, 'value' | 'minValue' | 'maxValue' | 'defaultValue' | 'onChange'> {
     value: Date;
@@ -321,12 +322,12 @@ interface CalendarProps extends Omit<CalendarProps$1<any>, 'value' | 'minValue'
     defaultValue?: Date;
     onChange?: (date: Date) => void;
 }
-declare function Calendar({ className, value, minValue, maxValue, defaultValue, onChange, ...props }: CalendarProps): react.JSX.Element;
+declare function Calendar({ className, value, minValue, maxValue, defaultValue, onChange, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
 
 interface CheckboxProps extends CheckboxProps$1 {
     label?: string;
 }
-declare function Checkbox({ label, className, children, ...props }: CheckboxProps): react.JSX.Element;
+declare function Checkbox({ label, className, children, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
 
 interface ListProps extends ListBoxProps<any> {
     items?: any[];
@@ -340,16 +341,16 @@ interface ListProps extends ListBoxProps<any> {
     value?: string[];
     onChange?: (value: string[]) => void;
 }
-declare function List({ id, items, idProperty, labelProperty, separatorProperty, highlightColor, showCheckmark, isFullscreen, label, value, onChange, className, selectedKeys, defaultSelectedKeys, onSelectionChange, style, children, ...props }: ListProps): react.JSX.Element;
+declare function List({ id, items, idProperty, labelProperty, separatorProperty, highlightColor, showCheckmark, isFullscreen, label, value, onChange, className, selectedKeys, defaultSelectedKeys, onSelectionChange, style, children, ...props }: ListProps): react_jsx_runtime.JSX.Element;
 interface ListItemProps extends ListBoxItemProps<any> {
     showCheckmark?: boolean;
 }
-declare function ListItem({ id, children, className, showCheckmark, ...props }: ListItemProps): react.JSX.Element;
-declare function ListSeparator({ className, ...props }: SeparatorProps): react.JSX.Element;
+declare function ListItem({ id, children, className, showCheckmark, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
+declare function ListSeparator({ className, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
 interface ListSectionProps extends ListBoxSectionProps<any> {
     title?: string;
 }
-declare function ListSection({ title, className, children, ...props }: ListSectionProps): react.JSX.Element;
+declare function ListSection({ title, className, children, ...props }: ListSectionProps): react_jsx_runtime.JSX.Element;
 
 interface ComboBoxProps extends ComboBoxProps$1<any> {
     items?: any[];
@@ -357,31 +358,31 @@ interface ComboBoxProps extends ComboBoxProps$1<any> {
     listProps?: ListProps;
     popoverProps?: PopoverProps$1;
 }
-declare function ComboBox({ items, className, renderEmptyState, listProps, popoverProps, children, ...props }: ComboBoxProps): react.JSX.Element;
+declare function ComboBox({ items, className, renderEmptyState, listProps, popoverProps, children, ...props }: ComboBoxProps): react_jsx_runtime.JSX.Element;
 
 interface CodeProps extends HTMLAttributes<HTMLElement> {
     asChild?: boolean;
     weight?: Responsive<FontWeight>;
     wrap?: Responsive<TextWrap>;
 }
-declare function Code({ asChild, children }: CodeProps): react.JSX.Element;
+declare function Code({ asChild, children }: CodeProps): react_jsx_runtime.JSX.Element;
 
 interface ColumnProps extends FlexboxProps {
     reverse?: boolean;
 }
-declare function Column({ reverse, children, ...props }: ColumnProps): react.JSX.Element;
+declare function Column({ reverse, children, ...props }: ColumnProps): react_jsx_runtime.JSX.Element;
 
 interface ConfirmationDialogProps extends AlertDialogProps {
     value: string;
     confirmMessage?: ReactNode;
 }
-declare function ConfirmationDialog({ value, confirmMessage, className, children, ...props }: ConfirmationDialogProps): react.JSX.Element;
+declare function ConfirmationDialog({ value, confirmMessage, className, children, ...props }: ConfirmationDialogProps): react_jsx_runtime.JSX.Element;
 
 interface ContainerProps extends BoxProps {
     isFluid?: boolean;
     isCentered?: boolean;
 }
-declare function Container({ isCentered, isFluid, className, children, ...props }: ContainerProps): react.JSX.Element;
+declare function Container({ isCentered, isFluid, className, children, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
 
 interface CopyButtonProps {
     value?: string;
@@ -389,7 +390,7 @@ interface CopyButtonProps {
     className?: string;
     children?: ReactNode;
 }
-declare function CopyButton({ value, timeout, className, children, ...props }: CopyButtonProps): react.JSX.Element;
+declare function CopyButton({ value, timeout, className, children, ...props }: CopyButtonProps): react_jsx_runtime.JSX.Element;
 
 interface GridProps extends Omit<BoxProps, 'display'> {
     display?: Responsive<GridDisplay>;
@@ -405,7 +406,7 @@ interface GridProps extends Omit<BoxProps, 'display'> {
     columns?: Responsive<GridTemplateColumns>;
     areas?: Responsive<GridTemplateAreas>;
 }
-declare function Grid({ display, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, autoFlow, rows, columns, areas, className, style, children, ...props }: GridProps): react.JSX.Element;
+declare function Grid({ display, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, autoFlow, rows, columns, areas, className, style, children, ...props }: GridProps): react_jsx_runtime.JSX.Element;
 
 interface DataCardProps extends GridProps {
     data?: {
@@ -414,13 +415,13 @@ interface DataCardProps extends GridProps {
     }[];
     labelWidth?: string;
 }
-declare function DataCard({ data, labelWidth, ...props }: DataCardProps): react.JSX.Element;
+declare function DataCard({ data, labelWidth, ...props }: DataCardProps): react_jsx_runtime.JSX.Element;
 
 interface DataTableProps extends TableProps {
     data?: any[];
     displayMode?: 'table' | 'cards';
 }
-declare function DataTable({ data, displayMode, className, children, ...props }: DataTableProps): react.JSX.Element;
+declare function DataTable({ data, displayMode, className, children, ...props }: DataTableProps): react_jsx_runtime.JSX.Element;
 interface DataColumnProps extends Omit<HTMLAttributes<any>, 'children'> {
     id: string;
     label?: ReactNode;
@@ -435,20 +436,20 @@ declare function DataColumn(props: DataColumnProps): null;
 interface DotsProps extends HTMLAttributes<HTMLDivElement> {
     size?: 'sm' | 'md' | 'lg';
 }
-declare function Dots({ size, className, ...props }: DotsProps): react.JSX.Element;
+declare function Dots({ size, className, ...props }: DotsProps): react_jsx_runtime.JSX.Element;
 
 interface TooltipProps extends TooltipProps$1 {
     showArrow?: boolean;
 }
-declare function Tooltip({ children, className, showArrow, ...props }: TooltipProps): react.JSX.Element;
+declare function Tooltip({ children, className, showArrow, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
 interface TooltipBubbleProps extends HTMLAttributes<HTMLDivElement> {
     showArrow?: boolean;
 }
-declare function TooltipBubble({ showArrow, children, ...props }: TooltipBubbleProps): react.JSX.Element;
+declare function TooltipBubble({ showArrow, children, ...props }: TooltipBubbleProps): react_jsx_runtime.JSX.Element;
 
 interface FloatingTooltipProps extends TooltipBubbleProps {
 }
-declare function FloatingTooltip({ className, style, children, ...props }: FloatingTooltipProps): react.JSX.Element;
+declare function FloatingTooltip({ className, style, children, ...props }: FloatingTooltipProps): react_jsx_runtime.JSX.Element;
 
 interface HeadingProps extends BoxProps {
     size?: Responsive<FontSize>;
@@ -456,7 +457,7 @@ interface HeadingProps extends BoxProps {
     spacing?: Responsive<LetterSpacing>;
     align?: Responsive<TextAlign>;
 }
-declare function Heading({ size, weight, align, spacing, className, style, children, ...props }: HeadingProps): react.JSX.Element;
+declare function Heading({ size, weight, align, spacing, className, style, children, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
 
 interface HoverButtonProps {
     isOpen?: boolean;
@@ -465,7 +466,7 @@ interface HoverButtonProps {
     closeDelay?: number;
     children: ReactElement[];
 }
-declare function HoverTrigger({ isOpen, onHoverStart, onHoverEnd, closeDelay, children, }: HoverButtonProps): react.JSX.Element;
+declare function HoverTrigger({ isOpen, onHoverStart, onHoverEnd, closeDelay, children, }: HoverButtonProps): react_jsx_runtime.JSX.Element;
 
 interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'size'> {
     color?: FontColor;
@@ -476,7 +477,7 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'size'>
     strokeColor?: StrokeColor;
     fillColor?: FillColor;
 }
-declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps): react.JSX.Element;
+declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps): react_jsx_runtime.JSX.Element;
 
 interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     color?: FontColor;
@@ -493,7 +494,7 @@ interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     as?: 'span' | 'div' | 'label' | 'p';
     asChild?: boolean;
 }
-declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): react.JSX.Element;
+declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): react_jsx_runtime.JSX.Element;
 
 interface IconLabelProps extends RowProps {
     icon: ReactNode;
@@ -502,7 +503,7 @@ interface IconLabelProps extends RowProps {
     labelProps?: TextProps;
     showLabel?: boolean;
 }
-declare function IconLabel({ icon, label, iconProps, labelProps, showLabel, children, ...props }: IconLabelProps): react.JSX.Element;
+declare function IconLabel({ icon, label, iconProps, labelProps, showLabel, children, ...props }: IconLabelProps): react_jsx_runtime.JSX.Element;
 
 interface ImageProps extends HTMLAttributes<HTMLImageElement> {
     src: string;
@@ -512,9 +513,20 @@ interface ImageProps extends HTMLAttributes<HTMLImageElement> {
     borderRadius?: Responsive<BorderRadius>;
     shadow?: Responsive<BoxShadow>;
 }
-declare function Image({ src, alt, objectFit, isCentered, borderRadius, shadow, className, style, ...props }: ImageProps): react.JSX.Element;
+declare function Image({ src, alt, objectFit, isCentered, borderRadius, shadow, className, style, ...props }: ImageProps): react_jsx_runtime.JSX.Element;
 
-interface InlineEditFieldProps extends HTMLAttributes<HTMLDivElement> {
+interface TextFieldProps extends TextFieldProps$1 {
+    label?: string;
+    placeholder?: string;
+    allowCopy?: boolean;
+    asTextArea?: boolean;
+    resize?: 'vertical' | 'horizontal' | 'both' | 'none';
+    variant?: 'quiet' | 'none';
+    onChange?: (e: any) => void;
+}
+declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asTextArea, resize, variant, onChange, isReadOnly, isDisabled, className, children, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
+
+interface InlineEditFieldProps extends TextFieldProps {
     name?: string;
     value: string;
     defaultEdit?: boolean;
@@ -522,12 +534,12 @@ interface InlineEditFieldProps extends HTMLAttributes<HTMLDivElement> {
     onCommit?: (value: any) => void;
     onCancel?: () => void;
 }
-declare function InlineEditField({ name, value: defaultValue, defaultEdit, className, children, onChange, onCommit, onCancel, ...props }: InlineEditFieldProps): react.JSX.Element;
+declare function InlineEditField({ name, value: defaultValue, defaultEdit, className, children, onChange, onCommit, onCancel, ...props }: InlineEditFieldProps): react_jsx_runtime.JSX.Element;
 
 interface LabelProps extends LabelProps$1 {
     className?: string;
 }
-declare function Label({ className, ...props }: LabelProps): react.JSX.Element;
+declare function Label({ className, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
 
 interface LoadingProps extends BoxProps {
     size?: 'sm' | 'md' | 'lg';
@@ -535,29 +547,29 @@ interface LoadingProps extends BoxProps {
     placement?: 'absolute' | 'center' | 'inline';
     className?: string;
 }
-declare function Loading({ size, placement, icon, className, ...props }: LoadingProps): react.JSX.Element;
+declare function Loading({ size, placement, icon, className, ...props }: LoadingProps): react_jsx_runtime.JSX.Element;
 
 interface MenuProps extends MenuProps$1<any> {
     className?: string;
     children?: ReactNode;
 }
-declare function Menu({ className, children, ...props }: MenuProps): react.JSX.Element;
+declare function Menu({ className, children, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
 interface MenuItemProps extends MenuItemProps$1 {
     icon?: ReactNode;
     label?: string;
     showChecked?: boolean;
     showSubMenuIcon?: boolean;
 }
-declare function MenuItem({ icon, label, showChecked, showSubMenuIcon, children, className, ...props }: MenuItemProps): react.JSX.Element;
-declare function MenuSeparator({ className, ...props }: SeparatorProps): react.JSX.Element;
+declare function MenuItem({ icon, label, showChecked, showSubMenuIcon, children, className, ...props }: MenuItemProps): react_jsx_runtime.JSX.Element;
+declare function MenuSeparator({ className, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
 interface MenuSectionProps extends MenuSectionProps$1<any> {
     title?: string;
     maxHeight?: number;
 }
-declare function MenuSection({ title, maxHeight, className, style, children, ...props }: MenuSectionProps): react.JSX.Element;
+declare function MenuSection({ title, maxHeight, className, style, children, ...props }: MenuSectionProps): react_jsx_runtime.JSX.Element;
 interface SubmenuTriggerProps extends SubmenuTriggerProps$1 {
 }
-declare function SubMenuTrigger({ children, ...props }: SubmenuTriggerProps): react.JSX.Element;
+declare function SubMenuTrigger({ children, ...props }: SubmenuTriggerProps): react_jsx_runtime.JSX.Element;
 
 interface ModalProps extends ModalOverlayProps {
     placement?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'fullscreen';
@@ -566,7 +578,7 @@ interface ModalProps extends ModalOverlayProps {
         defaultChildren: ReactNode;
     }) => ReactNode);
 }
-declare function Modal({ placement, offset, children, className, style, ...props }: ModalProps): react.JSX.Element;
+declare function Modal({ placement, offset, children, className, style, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
 
 type NavigationContext = {
     activeMenu: string;
@@ -577,57 +589,57 @@ interface NavbarProps extends HTMLAttributes<HTMLElement> {
     showArrow?: boolean;
 }
 declare const useNavigationContext: () => NavigationContext;
-declare function Navbar({ showArrow, className, children, ...props }: NavbarProps): react.JSX.Element;
+declare function Navbar({ showArrow, className, children, ...props }: NavbarProps): react_jsx_runtime.JSX.Element;
 interface NavbarItemProps extends HTMLAttributes<HTMLElement> {
     label?: string;
     children?: ReactNode;
 }
-declare function NavbarItem({ label, children, className, ...props }: NavbarItemProps): react.JSX.Element;
+declare function NavbarItem({ label, children, className, ...props }: NavbarItemProps): react_jsx_runtime.JSX.Element;
 
 interface NavMenuProps extends ColumnProps {
     itemBackgroundColor?: string;
     muteItems?: boolean;
     onItemClick?: () => void;
 }
-declare function NavMenu({ itemBackgroundColor, muteItems, onItemClick, className, children, ...props }: NavMenuProps): react.JSX.Element;
+declare function NavMenu({ itemBackgroundColor, muteItems, onItemClick, className, children, ...props }: NavMenuProps): react_jsx_runtime.JSX.Element;
 interface NavMenuGroupProps extends ColumnProps {
     title?: string;
     allowMinimize?: boolean;
     isMinimized?: boolean;
 }
-declare function NavMenuGroup({ title, allowMinimize, isMinimized, className, children, ...props }: NavMenuGroupProps): react.JSX.Element;
+declare function NavMenuGroup({ title, allowMinimize, isMinimized, className, children, ...props }: NavMenuGroupProps): react_jsx_runtime.JSX.Element;
 interface NavMenuItemProps extends RowProps {
     isSelected?: boolean;
 }
-declare function NavMenuItem({ isSelected, className, children, ...props }: NavMenuItemProps): react.JSX.Element;
+declare function NavMenuItem({ isSelected, className, children, ...props }: NavMenuItemProps): react_jsx_runtime.JSX.Element;
 
 interface PasswordFieldProps extends TextFieldProps$1 {
     label?: string;
 }
-declare function PasswordField({ label, className, ...props }: PasswordFieldProps): react.JSX.Element;
+declare function PasswordField({ label, className, ...props }: PasswordFieldProps): react_jsx_runtime.JSX.Element;
 
 interface PopoverProps extends PopoverProps$1 {
     isFullscreen?: boolean;
 }
-declare function Popover({ children, isFullscreen, className, ...props }: PopoverProps): react.JSX.Element;
+declare function Popover({ children, isFullscreen, className, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
 
 interface ProgressBarProps extends ProgressBarProps$1 {
     showPercentage?: boolean;
 }
-declare function ProgressBar({ className, showPercentage, ...props }: ProgressBarProps): react.JSX.Element;
+declare function ProgressBar({ className, showPercentage, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
 
 interface ProgressCircleProps extends ProgressBarProps$1 {
     showPercentage?: boolean;
 }
-declare function ProgressCircle({ className, showPercentage, ...props }: ProgressCircleProps): react.JSX.Element;
+declare function ProgressCircle({ className, showPercentage, ...props }: ProgressCircleProps): react_jsx_runtime.JSX.Element;
 
 interface RadioGroupProps extends RadioGroupProps$1 {
     label?: string;
     variant?: 'circle' | 'box';
 }
-declare function RadioGroup({ variant, label, children, className, ...props }: RadioGroupProps): react.JSX.Element;
+declare function RadioGroup({ variant, label, children, className, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
 
-declare function Radio({ children, className, ...props }: RadioProps): react.JSX.Element;
+declare function Radio({ children, className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
 
 interface SearchFieldProps extends SearchFieldProps$1 {
     label?: string;
@@ -638,7 +650,7 @@ interface SearchFieldProps extends SearchFieldProps$1 {
     onChange?: (value: string) => void;
     onSearch?: (value: string) => void;
 }
-declare function SearchField({ label, placeholder, value, defaultValue, delay, onChange, onSearch, className, ...props }: SearchFieldProps): react.JSX.Element;
+declare function SearchField({ label, placeholder, value, defaultValue, delay, onChange, onSearch, className, ...props }: SearchFieldProps): react_jsx_runtime.JSX.Element;
 
 interface SelectProps extends SelectProps$1<HTMLSelectElement> {
     items?: any[];
@@ -659,7 +671,7 @@ interface SelectProps extends SelectProps$1<HTMLSelectElement> {
         defaultChildren: ReactNode;
     }) => ReactNode);
 }
-declare function Select({ items, value, defaultValue, label, isLoading, allowSearch, searchValue, searchDelay, isFullscreen, onSearch, onChange, buttonProps, listProps, popoverProps, renderValue, className, children, ...props }: SelectProps): react.JSX.Element;
+declare function Select({ items, value, defaultValue, label, isLoading, allowSearch, searchValue, searchDelay, isFullscreen, onSearch, onChange, buttonProps, listProps, popoverProps, renderValue, className, children, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
 
 interface SidebarProps extends ColumnProps {
     itemBackgroundColor?: string;
@@ -667,29 +679,29 @@ interface SidebarProps extends ColumnProps {
     muteItems?: boolean;
     children?: ReactNode;
 }
-declare function Sidebar({ itemBackgroundColor, isCollapsed, muteItems, className, children, ...props }: SidebarProps): react.JSX.Element;
+declare function Sidebar({ itemBackgroundColor, isCollapsed, muteItems, className, children, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
 declare function SidebarSection({ title, className, children, ...props }: {
     title?: string;
     children: ReactNode;
-} & ColumnProps): react.JSX.Element;
+} & ColumnProps): react_jsx_runtime.JSX.Element;
 declare function SidebarHeader({ label, icon, className, children, ...props }: {
     label: string;
     icon?: ReactNode;
     children?: ReactNode;
-} & RowProps): react.JSX.Element;
+} & RowProps): react_jsx_runtime.JSX.Element;
 interface SidebarItemProps extends RowProps {
     isSelected?: boolean;
 }
 declare function SidebarItem({ label, icon, isSelected, className, children, ...props }: {
     label?: string;
     icon?: ReactNode;
-} & SidebarItemProps): react.JSX.Element;
+} & SidebarItemProps): react_jsx_runtime.JSX.Element;
 
 interface SliderProps extends SliderProps$1 {
     label?: ReactNode;
     showValue?: boolean;
 }
-declare function Slider({ className, showValue, label, ...props }: SliderProps): react.JSX.Element;
+declare function Slider({ className, showValue, label, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
 
 declare function Slot({ children, ...props }: {
     children: ReactElement | ReactNode;
@@ -701,7 +713,7 @@ interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
     quiet?: boolean;
     isDisabled?: boolean;
 }
-declare function Spinner(props: SpinnerProps): react.JSX.Element;
+declare function Spinner(props: SpinnerProps): react_jsx_runtime.JSX.Element;
 
 interface StatusLightProps {
     color?: string;
@@ -709,12 +721,12 @@ interface StatusLightProps {
     className?: string;
     children?: ReactNode;
 }
-declare function StatusLight(props: StatusLightProps): react.JSX.Element;
+declare function StatusLight(props: StatusLightProps): react_jsx_runtime.JSX.Element;
 
 interface SwitchProps extends SwitchProps$1 {
     label?: string;
 }
-declare function Switch({ label, children, className, ...props }: SwitchProps): react.JSX.Element;
+declare function Switch({ label, children, className, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
 
 interface TableColumnProps extends ColumnProps$1 {
     align?: 'start' | 'center' | 'end';
@@ -722,35 +734,25 @@ interface TableColumnProps extends ColumnProps$1 {
 interface TableCellProps extends CellProps {
     align?: 'start' | 'center' | 'end';
 }
-declare function Table({ children, className, ...props }: TableProps): react.JSX.Element;
-declare function TableHeader({ children, className, style, ...props }: TableHeaderProps<any>): react.JSX.Element;
-declare function TableBody({ children, className, ...props }: TableBodyProps<any>): react.JSX.Element;
-declare function TableRow({ children, className, style, ...props }: RowProps$1<any>): react.JSX.Element;
-declare function TableColumn({ children, className, align, ...props }: TableColumnProps): react.JSX.Element;
-declare function TableCell({ children, className, align, ...props }: TableCellProps): react.JSX.Element;
+declare function Table({ children, className, ...props }: TableProps): react_jsx_runtime.JSX.Element;
+declare function TableHeader({ children, className, style, ...props }: TableHeaderProps<any>): react_jsx_runtime.JSX.Element;
+declare function TableBody({ children, className, ...props }: TableBodyProps<any>): react_jsx_runtime.JSX.Element;
+declare function TableRow({ children, className, style, ...props }: RowProps$1<any>): react_jsx_runtime.JSX.Element;
+declare function TableColumn({ children, className, align, ...props }: TableColumnProps): react_jsx_runtime.JSX.Element;
+declare function TableCell({ children, className, align, ...props }: TableCellProps): react_jsx_runtime.JSX.Element;
 
-declare function Tabs({ children, ...props }: TabsProps): react.JSX.Element;
-declare function TabList({ children, ...props }: TabListProps<any>): react.JSX.Element;
-declare function Tab({ children, ...props }: TabProps): react.JSX.Element;
-declare function TabPanel({ children, ...props }: TabPanelProps): react.JSX.Element;
-
-interface TextFieldProps extends TextFieldProps$1 {
-    label?: string;
-    placeholder?: string;
-    allowCopy?: boolean;
-    asTextArea?: boolean;
-    resize?: 'vertical' | 'horizontal' | 'both' | 'none';
-    onChange?: (e: any) => void;
-}
-declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asTextArea, resize, onChange, isReadOnly, isDisabled, className, children, ...props }: TextFieldProps): react.JSX.Element;
+declare function Tabs({ children, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
+declare function TabList({ children, ...props }: TabListProps<any>): react_jsx_runtime.JSX.Element;
+declare function Tab({ children, ...props }: TabProps): react_jsx_runtime.JSX.Element;
+declare function TabPanel({ children, ...props }: TabPanelProps): react_jsx_runtime.JSX.Element;
 
-declare function ThemeButton({ className, variant, onPress, ...props }: ButtonProps): react.JSX.Element;
+declare function ThemeButton({ className, variant, onPress, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 interface ToggleProps extends ToggleButtonProps {
     label?: string;
     value?: string;
 }
-declare function Toggle({ label, children, className, ...props }: ToggleProps): react.JSX.Element;
+declare function Toggle({ label, children, className, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
 
 interface ToggleGroupProps extends TagGroupProps {
     label?: string;
@@ -759,10 +761,10 @@ interface ToggleGroupProps extends TagGroupProps {
     variant?: 'primary';
     onChange?: (value: string[]) => void;
 }
-declare function ToggleGroup({ label, value, defaultValue, variant, onChange, className, children, selectionMode, selectedKeys, defaultSelectedKeys, onSelectionChange, ...props }: ToggleGroupProps): react.JSX.Element;
+declare function ToggleGroup({ label, value, defaultValue, variant, onChange, className, children, selectionMode, selectedKeys, defaultSelectedKeys, onSelectionChange, ...props }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
 interface ToggleGroupItemProps extends TagProps {
 }
-declare function ToggleGroupItem({ className, children, ...props }: ToggleGroupItemProps): react.JSX.Element;
+declare function ToggleGroupItem({ className, children, ...props }: ToggleGroupItemProps): react_jsx_runtime.JSX.Element;
 
 interface ZenProviderProps {
     theme?: Theme;
@@ -770,6 +772,6 @@ interface ZenProviderProps {
     toast?: ToasterProps;
     children: ReactNode;
 }
-declare function ZenProvider({ children, theme, colorScheme, toast, }: ZenProviderProps): react.JSX.Element;
+declare function ZenProvider({ children, theme, colorScheme, toast, }: ZenProviderProps): react_jsx_runtime.JSX.Element;
 
 export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, IconLabel, type IconLabelProps, 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, NavMenuGroup, type NavMenuGroupProps, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, 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, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, type Theme, ThemeButton, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, removeToast, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };