@umami/react-zen 0.117.0 → 0.118.0

package/dist/index.d.mts

@@ -1,6 +1,5 @@
-import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbsProps, BreadcrumbProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, MenuProps as MenuProps$1, MenuItemProps, MenuSectionProps, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, PopoverProps, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, 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, PopoverProps, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TabListProps, TabPanelProps, TabProps, TableBodyProps, TabsProps, ToggleButtonProps as ToggleProps, TooltipTrigger } from 'react-aria-components';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbsProps, BreadcrumbProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, PopoverProps, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, 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, PopoverProps, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TabListProps, TabPanelProps, TabProps, TableBodyProps, TabsProps, TooltipTrigger } from 'react-aria-components';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, ReactElement, Dispatch, SetStateAction } from 'react';
 import { UseFormProps, SubmitHandler, UseFormReturn, RegisterOptions, FieldValues } from 'react-hook-form';
@@ -60,7 +59,7 @@ interface FormProps extends UseFormProps, Omit<HTMLAttributes<HTMLFormElement>,
     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_runtime.JSX.Element;
+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>;
@@ -117,7 +116,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     as?: string;
     asChild?: boolean;
 }
-declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, 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, theme, as, asChild, className, style, children, ...props }: BoxProps): react_jsx_runtime.JSX.Element;
+declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, 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, theme, as, asChild, className, style, children, ...props }: BoxProps): react.JSX.Element;
 
 interface FlexboxProps extends Omit<BoxProps, 'display'> {
     display?: Responsive<FlexDisplay>;
@@ -131,17 +130,17 @@ interface FlexboxProps extends Omit<BoxProps, 'display'> {
     gapX?: Responsive<Spacing | true>;
     gapY?: Responsive<Spacing | true>;
 }
-declare function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, style, children, ...props }: FlexboxProps): react_jsx_runtime.JSX.Element;
+declare function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, style, children, ...props }: FlexboxProps): react.JSX.Element;
 
 interface RowProps extends FlexboxProps {
     reverse?: boolean;
 }
-declare function Row({ reverse, children, ...props }: RowProps): react_jsx_runtime.JSX.Element;
+declare function Row({ reverse, children, ...props }: RowProps): react.JSX.Element;
 
 interface FormButtonsProps extends RowProps {
     fill?: boolean;
 }
-declare function FormButtons({ fill, children, ...props }: FormButtonsProps): react_jsx_runtime.JSX.Element;
+declare function FormButtons({ fill, children, ...props }: FormButtonsProps): react.JSX.Element;
 
 interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, Partial<UseFormReturn> {
     name: string;
@@ -150,7 +149,7 @@ interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, Partial<UseForm
     rules?: RegisterOptions<FieldValues, string>;
     children: any;
 }
-declare const FormField: react.ForwardRefExoticComponent<FormFieldProps & react.RefAttributes<any>>;
+declare function FormField({ name, description, label, rules, className, children, ...props }: FormFieldProps): react.JSX.Element;
 
 interface ButtonProps extends ButtonProps$1 {
     variant?: 'primary' | 'secondary' | 'outline' | 'quiet' | 'danger' | 'zero';
@@ -159,23 +158,23 @@ interface ButtonProps extends ButtonProps$1 {
     slot?: string;
     children?: ReactNode;
 }
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<any>>;
+declare function Button({ variant, size, asChild, preventFocusOnPress, className, children, ...props }: ButtonProps): react.JSX.Element;
 
 interface FormResetButtonProps extends ButtonProps {
     values?: FieldValues | {
         [p: string]: any;
     };
 }
-declare function FormResetButton({ values, children, onPress, ...props }: FormResetButtonProps): react_jsx_runtime.JSX.Element;
+declare function FormResetButton({ values, children, onPress, ...props }: FormResetButtonProps): react.JSX.Element;
 
 interface LoadingButtonProps extends ButtonProps {
     isDisabled?: boolean;
     isLoading?: boolean;
     showText?: boolean;
 }
-declare function LoadingButton({ isLoading, isDisabled, showText, children, ...props }: LoadingButtonProps): react_jsx_runtime.JSX.Element;
+declare function LoadingButton({ isLoading, isDisabled, showText, children, ...props }: LoadingButtonProps): react.JSX.Element;
 
-declare function FormSubmitButton({ variant, isDisabled, isLoading, children, ...props }: LoadingButtonProps): react_jsx_runtime.JSX.Element;
+declare function FormSubmitButton({ variant, isDisabled, isLoading, children, ...props }: LoadingButtonProps): react.JSX.Element;
 
 interface ToastProps extends HTMLAttributes<HTMLDivElement> {
     id: string;
@@ -186,19 +185,19 @@ interface ToastProps extends HTMLAttributes<HTMLDivElement> {
     variant?: 'info' | 'error';
     onClose?: (action?: string) => void;
 }
-declare function Toast({ id, message, title, actions, allowClose, variant, className, children, onClose, ...props }: ToastProps): react_jsx_runtime.JSX.Element;
+declare function Toast({ id, message, title, actions, allowClose, variant, className, children, onClose, ...props }: ToastProps): react.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_runtime.JSX.Element;
+declare function Toaster({ duration, position }: ToasterProps): react.JSX.Element;
 
 interface ToastProviderProps extends ToasterProps {
     children: ReactNode;
 }
-declare function ToastProvider({ children, ...props }: ToastProviderProps): react_jsx_runtime.JSX.Element;
+declare function ToastProvider({ children, ...props }: ToastProviderProps): react.JSX.Element;
 
 declare function useDebounce(value: string, delay: number): string;
 
@@ -233,8 +232,8 @@ interface AccordionProps extends DisclosureGroupProps {
 }
 interface AccordionItemProps extends DisclosureProps {
 }
-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;
+declare function Accordion({ className, children, ...props }: AccordionProps): react.JSX.Element;
+declare function AccordionItem({ defaultExpanded, className, children, ...props }: AccordionItemProps): react.JSX.Element;
 
 interface AlertBannerProps {
     title?: ReactNode;
@@ -247,13 +246,13 @@ interface AlertBannerProps {
     className?: string;
     children?: ReactNode;
 }
-declare function AlertBanner({ title, description, icon, variant, align, allowClose, onClose, children, className, ...props }: AlertBannerProps): react_jsx_runtime.JSX.Element;
+declare function AlertBanner({ title, description, icon, variant, align, allowClose, onClose, children, className, ...props }: AlertBannerProps): react.JSX.Element;
 
 interface DialogProps extends DialogProps$1 {
     title?: ReactNode;
     variant?: 'modal' | 'menu' | 'sheet' | 'none';
 }
-declare function Dialog({ title, variant, children, className, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
+declare function Dialog({ title, variant, children, className, ...props }: DialogProps): react.JSX.Element;
 
 interface AlertDialogProps extends DialogProps {
     title?: ReactNode;
@@ -265,17 +264,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_runtime.JSX.Element;
+declare function AlertDialog({ title, description, isDanger, isConfirmDisabled, confirmLabel, cancelLabel, onConfirm, onCancel, className, children, ...props }: AlertDialogProps): react.JSX.Element;
 
 interface BlockquoteProps extends HTMLAttributes<HTMLElement> {
     asChild?: boolean;
     weight?: Responsive<FontWeight>;
     wrap?: Responsive<TextWrap>;
 }
-declare function Blockquote({ asChild, children }: BlockquoteProps): react_jsx_runtime.JSX.Element;
+declare function Blockquote({ asChild, children }: BlockquoteProps): 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;
+declare function Breadcrumbs({ children, className, ...props }: BreadcrumbsProps<any>): react.JSX.Element;
+declare function Breadcrumb({ children, className, ...props }: BreadcrumbProps): react.JSX.Element;
 
 interface CalendarProps extends Omit<CalendarProps$1<any>, 'value' | 'minValue' | 'maxValue' | 'defaultValue' | 'onChange'> {
     value: Date;
@@ -284,41 +283,41 @@ 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_runtime.JSX.Element;
+declare function Calendar({ className, value, minValue, maxValue, defaultValue, onChange, ...props }: CalendarProps): react.JSX.Element;
 
 interface CheckboxProps extends CheckboxProps$1 {
     label?: string;
 }
-declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<any>>;
+declare function Checkbox({ label, className, children, ...props }: CheckboxProps): react.JSX.Element;
 
 interface CodeProps extends HTMLAttributes<HTMLElement> {
     asChild?: boolean;
     weight?: Responsive<FontWeight>;
     wrap?: Responsive<TextWrap>;
 }
-declare function Code({ asChild, children }: CodeProps): react_jsx_runtime.JSX.Element;
+declare function Code({ asChild, children }: CodeProps): react.JSX.Element;
 
 interface ColumnProps extends FlexboxProps {
     reverse?: boolean;
 }
-declare function Column({ reverse, children, ...props }: ColumnProps): react_jsx_runtime.JSX.Element;
+declare function Column({ reverse, children, ...props }: ColumnProps): react.JSX.Element;
 
 interface ContainerProps extends BoxProps {
     isFluid?: boolean;
     isCentered?: boolean;
 }
-declare function Container({ isCentered, isFluid, className, children, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
+declare function Container({ isCentered, isFluid, className, children, ...props }: ContainerProps): react.JSX.Element;
 
 interface ConfirmationDialogProps extends AlertDialogProps {
     value?: string;
     confirmMessage?: ReactNode;
 }
-declare function ConfirmationDialog({ value, confirmMessage, className, children, ...props }: ConfirmationDialogProps): react_jsx_runtime.JSX.Element;
+declare function ConfirmationDialog({ value, confirmMessage, className, children, ...props }: ConfirmationDialogProps): react.JSX.Element;
 
 interface DataTableProps extends TableProps {
     data?: any[];
 }
-declare function DataTable({ data, className, children, ...props }: DataTableProps): react_jsx_runtime.JSX.Element;
+declare function DataTable({ data, className, children, ...props }: DataTableProps): react.JSX.Element;
 interface DataColumnProps extends Omit<HTMLAttributes<any>, 'children'> {
     id: string;
     label?: ReactNode;
@@ -333,20 +332,20 @@ declare function DataColumn(props: DataColumnProps): null;
 interface DotsProps {
     className?: string;
 }
-declare function Dots({ className, ...props }: DotsProps): react_jsx_runtime.JSX.Element;
+declare function Dots({ className, ...props }: DotsProps): react.JSX.Element;
 
 interface TooltipProps extends TooltipProps$1 {
     showArrow?: boolean;
 }
-declare function Tooltip({ children, className, showArrow, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ children, className, showArrow, ...props }: TooltipProps): react.JSX.Element;
 interface TooltipBubbleProps extends HTMLAttributes<HTMLDivElement> {
     showArrow?: boolean;
 }
-declare function TooltipBubble({ showArrow, children, ...props }: TooltipBubbleProps): react_jsx_runtime.JSX.Element;
+declare function TooltipBubble({ showArrow, children, ...props }: TooltipBubbleProps): react.JSX.Element;
 
 interface FloatingTooltipProps extends TooltipBubbleProps {
 }
-declare function FloatingTooltip({ className, style, children, ...props }: FloatingTooltipProps): react_jsx_runtime.JSX.Element;
+declare function FloatingTooltip({ className, style, children, ...props }: FloatingTooltipProps): react.JSX.Element;
 
 interface GridProps extends Omit<BoxProps, 'display'> {
     display?: Responsive<GridDisplay>;
@@ -362,7 +361,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_runtime.JSX.Element;
+declare function Grid({ display, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, autoFlow, rows, columns, areas, className, style, children, ...props }: GridProps): react.JSX.Element;
 
 interface HeadingProps extends BoxProps {
     size?: Responsive<FontSize>;
@@ -370,7 +369,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_runtime.JSX.Element;
+declare function Heading({ size, weight, align, spacing, className, style, children, ...props }: HeadingProps): react.JSX.Element;
 
 interface HoverButtonProps {
     isOpen?: boolean;
@@ -379,7 +378,7 @@ interface HoverButtonProps {
     closeDelay?: number;
     children: ReactElement[];
 }
-declare function HoverTrigger({ isOpen, onHoverStart, onHoverEnd, closeDelay, children, }: HoverButtonProps): react_jsx_runtime.JSX.Element;
+declare function HoverTrigger({ isOpen, onHoverStart, onHoverEnd, closeDelay, children, }: HoverButtonProps): react.JSX.Element;
 
 interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     color?: FontColor;
@@ -390,7 +389,7 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     strokeColor?: FontColor;
     fillColor?: FontColor;
 }
-declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): react_jsx_runtime.JSX.Element;
+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;
@@ -425,7 +424,7 @@ 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_runtime.JSX.Element;
+declare function Image({ src, alt, objectFit, isCentered, borderRadius, shadow, className, style, ...props }: ImageProps): react.JSX.Element;
 
 interface InlineEditFieldProps extends HTMLAttributes<HTMLDivElement> {
     name?: string;
@@ -435,12 +434,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_runtime.JSX.Element;
+declare function InlineEditField({ name, value: defaultValue, defaultEdit, className, children, onChange, onCommit, onCancel, ...props }: InlineEditFieldProps): react.JSX.Element;
 
 interface LabelProps extends LabelProps$1 {
     className?: string;
 }
-declare function Label({ className, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
+declare function Label({ className, ...props }: LabelProps): react.JSX.Element;
 
 interface ListProps extends ListBoxProps<any> {
     items?: any[];
@@ -450,16 +449,16 @@ interface ListProps extends ListBoxProps<any> {
     highlightColor?: string;
     showCheckmark?: boolean;
 }
-declare function List({ items, idProperty, labelProperty, separatorProperty, highlightColor, showCheckmark, className, style, children, ...props }: ListProps): react_jsx_runtime.JSX.Element;
+declare function List({ items, idProperty, labelProperty, separatorProperty, highlightColor, showCheckmark, className, style, children, ...props }: ListProps): react.JSX.Element;
 interface ListItemProps extends ListBoxItemProps<any> {
     showCheckmark?: boolean;
 }
-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;
+declare function ListItem({ id, children, className, showCheckmark, ...props }: ListItemProps): react.JSX.Element;
+declare function ListSeparator({ className, ...props }: SeparatorProps): react.JSX.Element;
 interface ListSectionProps extends ListBoxSectionProps<any> {
     title?: string;
 }
-declare function ListSection({ title, className, children, ...props }: ListSectionProps): react_jsx_runtime.JSX.Element;
+declare function ListSection({ title, className, children, ...props }: ListSectionProps): react.JSX.Element;
 
 interface LoadingProps {
     size?: 'sm' | 'md' | 'lg' | 'xl';
@@ -467,18 +466,22 @@ interface LoadingProps {
     position?: 'page' | 'center' | 'inline';
     className?: string;
 }
-declare function Loading(props: LoadingProps): react_jsx_runtime.JSX.Element;
+declare function Loading(props: LoadingProps): react.JSX.Element;
 
 interface MenuProps extends MenuProps$1<any> {
     className?: string;
     children?: ReactNode;
 }
-declare function Menu({ className, children, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
-declare function MenuItem({ children, className, ...props }: MenuItemProps<any>): react_jsx_runtime.JSX.Element;
-declare function MenuSeparator({ className, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
-declare function MenuSection({ title, className, children, ...props }: MenuSectionProps<any> & {
+declare function Menu({ className, children, ...props }: MenuProps): react.JSX.Element;
+interface MenuItemProps extends MenuItemProps$1 {
+    showChecked?: boolean;
+}
+declare function MenuItem({ showChecked, children, className, ...props }: MenuItemProps): react.JSX.Element;
+declare function MenuSeparator({ className, ...props }: SeparatorProps): react.JSX.Element;
+interface MenuSectionProps extends MenuSectionProps$1<any> {
     title?: string;
-}): react_jsx_runtime.JSX.Element;
+}
+declare function MenuSection({ title, className, children, ...props }: MenuSectionProps): react.JSX.Element;
 
 interface ModalProps extends ModalOverlayProps {
     position?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'fullscreen';
@@ -487,7 +490,7 @@ interface ModalProps extends ModalOverlayProps {
         defaultChildren: ReactNode;
     }) => ReactNode);
 }
-declare function Modal({ position, offset, children, className, style, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ position, offset, children, className, style, ...props }: ModalProps): react.JSX.Element;
 
 type NavigationContext = {
     activeMenu: string;
@@ -498,44 +501,45 @@ interface NavbarProps extends HTMLAttributes<HTMLElement> {
     showArrow?: boolean;
 }
 declare const useNavigationContext: () => NavigationContext;
-declare function Navbar({ showArrow, className, children, ...props }: NavbarProps): react_jsx_runtime.JSX.Element;
+declare function Navbar({ showArrow, className, children, ...props }: NavbarProps): react.JSX.Element;
 interface NavbarItemProps extends HTMLAttributes<HTMLElement> {
     label?: string;
     children?: ReactNode;
 }
-declare function NavbarItem({ label, children, className, ...props }: NavbarItemProps): react_jsx_runtime.JSX.Element;
+declare function NavbarItem({ label, children, className, ...props }: NavbarItemProps): react.JSX.Element;
 
 interface NavMenuProps extends ColumnProps {
     highlightColor?: string;
 }
-declare function NavMenu({ highlightColor, className, style, children, ...props }: NavMenuProps): react_jsx_runtime.JSX.Element;
+declare function NavMenu({ highlightColor, className, style, children, ...props }: NavMenuProps): react.JSX.Element;
 interface NavMenuItemProps extends RowProps {
     isSelected?: boolean;
 }
-declare function NavMenuItem({ isSelected, className, children, ...props }: NavMenuItemProps): react_jsx_runtime.JSX.Element;
+declare function NavMenuItem({ isSelected, className, children, ...props }: NavMenuItemProps): react.JSX.Element;
 
 interface PasswordFieldProps extends TextFieldProps$1 {
     label?: string;
 }
-declare const PasswordField: react.ForwardRefExoticComponent<PasswordFieldProps & react.RefAttributes<any>>;
+declare function PasswordField({ label, className, ...props }: PasswordFieldProps): react.JSX.Element;
 
-declare function Popover({ children, className, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
+declare function Popover({ children, className, ...props }: PopoverProps): react.JSX.Element;
 
 interface ProgressBarProps extends ProgressBarProps$1 {
     showValue?: boolean;
 }
-declare function ProgressBar({ className, showValue, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+declare function ProgressBar({ className, showValue, ...props }: ProgressBarProps): react.JSX.Element;
 
 interface ProgressCircleProps extends ProgressBarProps$1 {
     showValue?: boolean;
 }
-declare function ProgressCircle({ className, showValue, ...props }: ProgressCircleProps): react_jsx_runtime.JSX.Element;
+declare function ProgressCircle({ className, showValue, ...props }: ProgressCircleProps): react.JSX.Element;
 
 interface RadioGroupProps extends RadioGroupProps$1 {
     label?: string;
 }
-declare const RadioGroup: react.ForwardRefExoticComponent<RadioGroupProps & react.RefAttributes<any>>;
-declare function Radio({ children, className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
+declare function RadioGroup({ label, children, className, ...props }: RadioGroupProps): react.JSX.Element;
+
+declare function Radio({ children, className, ...props }: RadioProps): react.JSX.Element;
 
 interface SearchFieldProps extends SearchFieldProps$1 {
     label?: string;
@@ -544,7 +548,7 @@ interface SearchFieldProps extends SearchFieldProps$1 {
     delay?: number;
     onSearch?: (value: string) => void;
 }
-declare const SearchField: react.ForwardRefExoticComponent<SearchFieldProps & react.RefAttributes<any>>;
+declare function SearchField({ label, placeholder, value, delay, onSearch, className, ...props }: SearchFieldProps): react.JSX.Element;
 
 interface SelectProps extends SelectProps$1<HTMLSelectElement> {
     items?: any[];
@@ -564,7 +568,7 @@ interface SelectProps extends SelectProps$1<HTMLSelectElement> {
         defaultChildren: ReactNode;
     }) => ReactNode);
 }
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<any>>;
+declare function Select({ items, value, defaultValue, label, isLoading, allowSearch, searchValue, searchDelay, onSearch, onSelectionChange, onChange, buttonProps, listProps, popoverProps, renderValue, className, children, ...props }: SelectProps): react.JSX.Element;
 
 interface SidebarProps extends ColumnProps {
     variant?: '1' | '2' | '3' | 'quiet';
@@ -573,29 +577,29 @@ interface SidebarProps extends ColumnProps {
     showBorder?: boolean;
     children?: ReactNode;
 }
-declare function Sidebar({ variant, isCollapsed, muteItems, showBorder, className, children, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
+declare function Sidebar({ variant, isCollapsed, muteItems, showBorder, className, children, ...props }: SidebarProps): react.JSX.Element;
 declare function SidebarSection({ title, children, }: {
     title?: string;
     children: ReactNode;
-} & ColumnProps): react_jsx_runtime.JSX.Element;
+} & ColumnProps): react.JSX.Element;
 declare function SidebarHeader({ label, icon, className, children, ...props }: {
     label: string;
     icon?: ReactNode;
     children?: ReactNode;
-} & RowProps): react_jsx_runtime.JSX.Element;
+} & RowProps): react.JSX.Element;
 interface SidebarItemProps extends RowProps {
     isSelected?: boolean;
 }
 declare function SidebarItem({ label, icon, isSelected, className, children, ...props }: {
     label?: string;
     icon?: ReactNode;
-} & SidebarItemProps): react_jsx_runtime.JSX.Element;
+} & SidebarItemProps): react.JSX.Element;
 
 interface SliderProps extends SliderProps$1 {
     label?: ReactNode;
     showValue?: boolean;
 }
-declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<any>>;
+declare function Slider({ className, showValue, label, ...props }: SliderProps): react.JSX.Element;
 
 declare function Slot({ children, ...props }: {
     children: ReactElement | ReactNode;
@@ -608,7 +612,7 @@ interface SpinnerProps {
     className?: string;
     isDisabled?: boolean;
 }
-declare function Spinner(props: SpinnerProps): react_jsx_runtime.JSX.Element;
+declare function Spinner(props: SpinnerProps): react.JSX.Element;
 
 interface StatusLightProps {
     color?: string;
@@ -616,12 +620,12 @@ interface StatusLightProps {
     className?: string;
     children?: ReactNode;
 }
-declare function StatusLight(props: StatusLightProps): react_jsx_runtime.JSX.Element;
+declare function StatusLight(props: StatusLightProps): react.JSX.Element;
 
 interface SwitchProps extends SwitchProps$1 {
     label?: string;
 }
-declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<any>>;
+declare function Switch({ label, children, className, ...props }: SwitchProps): react.JSX.Element;
 
 interface TableColumnProps extends ColumnProps$1 {
     align?: 'start' | 'center' | 'end';
@@ -629,17 +633,17 @@ interface TableColumnProps extends ColumnProps$1 {
 interface TableCellProps extends CellProps {
     align?: 'start' | 'center' | 'end';
 }
-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 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 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 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 TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     color?: FontColor;
@@ -656,7 +660,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_runtime.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.Element;
 
 interface TextFieldProps extends TextFieldProps$1 {
     label?: string;
@@ -665,7 +669,7 @@ interface TextFieldProps extends TextFieldProps$1 {
     asChild?: boolean;
     onChange?: (e: any) => void;
 }
-declare const TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLInputElement>>;
+declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asChild, className, onChange, children, ...props }: TextFieldProps): react.JSX.Element;
 
 interface TextAreaProps extends TextFieldProps {
     rows?: number;
@@ -673,18 +677,18 @@ interface TextAreaProps extends TextFieldProps {
     resize?: 'none' | 'vertical' | 'horizontal';
     children?: React.ReactNode;
 }
-declare const TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<any>>;
+declare function TextArea({ rows, cols, resize, className, style, children, ...props }: TextAreaProps): react.JSX.Element;
 
 interface ThemeButtonProps extends ButtonProps {
     defaultTheme?: string;
 }
-declare function ThemeButton({ className, variant, defaultTheme, onPress, ...props }: ThemeButtonProps): react_jsx_runtime.JSX.Element;
+declare function ThemeButton({ className, variant, defaultTheme, onPress, ...props }: ThemeButtonProps): react.JSX.Element;
 
 interface ToggleProps extends ToggleButtonProps {
     label?: string;
     value?: string;
 }
-declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<any>>;
+declare function Toggle({ label, children, className, ...props }: ToggleProps): react.JSX.Element;
 
 interface ToggleGroupProps extends TagGroupProps {
     label?: string;
@@ -692,10 +696,10 @@ interface ToggleGroupProps extends TagGroupProps {
     defaultValue?: string[];
     onChange?: (value: string[]) => void;
 }
-declare function ToggleGroup({ label, value, defaultValue, onChange, className, children, selectionMode, selectedKeys, defaultSelectedKeys, onSelectionChange, ...props }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
+declare function ToggleGroup({ label, value, defaultValue, onChange, className, children, selectionMode, selectedKeys, defaultSelectedKeys, onSelectionChange, ...props }: ToggleGroupProps): react.JSX.Element;
 interface ToggleGroupItemProps extends TagProps {
 }
-declare function ToggleGroupItem({ className, children, ...props }: ToggleGroupItemProps): react_jsx_runtime.JSX.Element;
+declare function ToggleGroupItem({ className, children, ...props }: ToggleGroupItemProps): react.JSX.Element;
 
 interface ZenProviderProps {
     theme?: string;
@@ -703,6 +707,6 @@ interface ZenProviderProps {
     toast?: ToasterProps;
     children: ReactNode;
 }
-declare function ZenProvider({ children, ...props }: ZenProviderProps): react_jsx_runtime.JSX.Element;
+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 MenuProps, MenuSection, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, Popover, ProgressBar, ProgressCircle, 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, 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, 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 };