@umami/react-zen 0.20.0 → 0.22.0

package/dist/index.d.ts

@@ -0,0 +1,838 @@
+// Generated by dts-bundle v0.7.3
+// Dependencies for this module:
+//   ../../react-aria-components
+//   ../../@/components/forms/Form
+//   ../../@/components/forms/FormField
+//   ../../@/components/forms/FormResetButton
+//   ../../@/components/forms/FormSubmitButton
+//   ../../react
+//   ../../@/lib/types
+//   ../../@radix-ui/react-slot
+//   ../../@radix-ui/react-toast
+
+declare module '@umami/react-zen' {
+    import { DialogTrigger, FileTrigger, MenuTrigger, SubmenuTrigger, TooltipTrigger } from 'react-aria-components';
+    import { Form } from '@/components/forms/Form';
+    import { FormField } from '@/components/forms/FormField';
+    import { FormResetButton } from '@/components/forms/FormResetButton';
+    import { FormSubmitButton } from '@/components/forms/FormSubmitButton';
+    import { useDebounce } from '@umami/react-zen/hooks/useDebounce';
+    import { useTheme } from '@umami/react-zen/hooks/useTheme';
+    import { useToast } from '@umami/react-zen/hooks/useToast';
+    import { Accordion, AccordionItem } from '@umami/react-zen/Accordion';
+    import { AlertBanner } from '@umami/react-zen/AlertBanner';
+    import { AlertDialog } from '@umami/react-zen/AlertDialog';
+    import { Blockquote } from '@umami/react-zen/Blockquote';
+    import { Box } from '@umami/react-zen/Box';
+    import { Breadcrumbs, Breadcrumb } from '@umami/react-zen/Breadcrumbs';
+    import { Button } from '@umami/react-zen/Button';
+    import { Calendar } from '@umami/react-zen/Calendar';
+    import { Checkbox } from '@umami/react-zen/Checkbox';
+    import { Code } from '@umami/react-zen/Code';
+    import { Column } from '@umami/react-zen/Column';
+    import { Combobox } from '@umami/react-zen/Combobox';
+    import { Container } from '@umami/react-zen/Container';
+    import { ConfirmationDialog } from '@umami/react-zen/ConfirmationDialog';
+    import { Dialog } from '@umami/react-zen/Dialog';
+    import { DataTable, DataColumn } from '@umami/react-zen/DataTable';
+    import { Dots } from '@umami/react-zen/Dots';
+    import { Flexbox } from '@umami/react-zen/Flexbox';
+    import { Grid } from '@umami/react-zen/Grid';
+    import { Heading } from '@umami/react-zen/Heading';
+    import { HoverTrigger } from '@umami/react-zen/HoverTrigger';
+    import { Icon } from '@umami/react-zen/Icon';
+    import { Icons } from '@umami/react-zen/Icons';
+    import { InlineEditField } from '@umami/react-zen/InlineEditField';
+    import { Label } from '@umami/react-zen/Label';
+    import { List } from '@umami/react-zen/List';
+    import { ListItem } from '@umami/react-zen/ListItem';
+    import { Loading } from '@umami/react-zen/Loading';
+    import { LoadingButton } from '@umami/react-zen/LoadingButton';
+    import { Menu } from '@umami/react-zen/Menu';
+    import { MenuItem } from '@umami/react-zen/MenuItem';
+    import { Modal } from '@umami/react-zen/Modal';
+    import { NavigationMenu, NavigationMenuItem } from '@umami/react-zen/NavigationMenu';
+    import { PasswordField } from '@umami/react-zen/PasswordField';
+    import { Popover } from '@umami/react-zen/Popover';
+    import { ProgressBar } from '@umami/react-zen/ProgressBar';
+    import { ProgressCircle } from '@umami/react-zen/ProgressCircle';
+    import { Radio, RadioGroup } from '@umami/react-zen/RadioGroup';
+    import { Row } from '@umami/react-zen/Row';
+    import { SearchField } from '@umami/react-zen/SearchField';
+    import { Select } from '@umami/react-zen/Select';
+    import { Slider } from '@umami/react-zen/Slider';
+    import { Slot } from '@umami/react-zen/Slot';
+    import { Spinner } from '@umami/react-zen/Spinner';
+    import { StatusLight } from '@umami/react-zen/StatusLight';
+    import { Switch } from '@umami/react-zen/Switch';
+    import { Table, TableHeader, TableBody, TableRow, TableColumn, TableCell } from '@umami/react-zen/Table';
+    import { Tabs, TabList, Tab, TabPanel } from '@umami/react-zen/Tabs';
+    import { Text } from '@umami/react-zen/Text';
+    import { TextOverflow } from '@umami/react-zen/TextOverflow';
+    import { TextField } from '@umami/react-zen/TextField';
+    import { TextArea } from '@umami/react-zen/TextArea';
+    import { Toast, ToastProvider, Toaster } from '@umami/react-zen/Toast';
+    import { Toggle } from '@umami/react-zen/Toggle';
+    import { ToggleGroup, ToggleGroupItem } from '@umami/react-zen/ToggleGroup';
+    import { Tooltip } from '@umami/react-zen/Tooltip';
+    import { ZenProvider } from '@umami/react-zen/ZenProvider';
+    export { Form, FormField, FormResetButton, FormSubmitButton, useDebounce, useTheme, useToast, Accordion, AccordionItem, AlertBanner, AlertDialog, Blockquote, Box, Breadcrumb, Breadcrumbs, Button, Calendar, Checkbox, Code, Column, Combobox, Container, ConfirmationDialog, DataTable, DataColumn, Dialog, DialogTrigger, Dots, FileTrigger, Flexbox, Grid, Heading, HoverTrigger, Icon, Icons, InlineEditField, Label, List, ListItem, Loading, LoadingButton, Menu, MenuItem, MenuTrigger, Modal, NavigationMenu, NavigationMenuItem, PasswordField, Popover, ProgressBar, ProgressCircle, Radio, RadioGroup, Row, SearchField, Select, Slider, Slot, Spinner, StatusLight, SubmenuTrigger, Switch, Table, TableHeader, TableBody, TableRow, TableColumn, TableCell, Tab, Tabs, TabList, TabPanel, Text, TextOverflow, TextField, TextArea, Toast, ToastProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipTrigger, ZenProvider, };
+}
+
+declare module '@umami/react-zen/hooks/useDebounce' {
+    function useDebounce(value: string, delay: number): string;
+    export { useDebounce };
+}
+
+declare module '@umami/react-zen/hooks/useTheme' {
+    function setTheme(name: string): void;
+    function useTheme(): {
+        theme: {
+            name: string;
+        };
+        setTheme: typeof setTheme;
+    };
+    export { useTheme, setTheme };
+}
+
+declare module '@umami/react-zen/hooks/useToast' {
+    import { ToastProps } from '@umami/react-zen/Toast';
+    interface ToastState {
+        id: number;
+        message: string;
+        props: ToastProps;
+    }
+    function toast(message: string, props?: ToastProps): void;
+    function useToast(): {
+        toast: typeof toast;
+        toasts: ToastState[];
+    };
+    export { useToast, toast };
+}
+
+declare module '@umami/react-zen/Accordion' {
+    import { ReactNode } from 'react';
+    import { DisclosureProps, DisclosureGroupProps } from 'react-aria-components';
+    export interface AccordionProps extends DisclosureGroupProps {
+        type: 'single' | 'multiple';
+        className?: string;
+        children?: ReactNode;
+    }
+    export interface AccordionItemProps extends DisclosureProps {
+    }
+    export function Accordion({ className, children, ...props }: AccordionProps): import("react").JSX.Element;
+    export function AccordionItem({ defaultExpanded, className, children, ...props }: AccordionItemProps): import("react").JSX.Element;
+}
+
+declare module '@umami/react-zen/AlertBanner' {
+    import React, { ReactNode } from 'react';
+    interface AlertBannerProps {
+        title?: string;
+        description?: string;
+        icon?: ReactNode;
+        variant?: 'error' | 'info';
+        allowClose?: boolean;
+        onClose?: () => void;
+        className?: string;
+        children?: ReactNode;
+    }
+    function AlertBanner({ title, description, icon, variant, allowClose, onClose, children, className, ...props }: AlertBannerProps): React.JSX.Element;
+    export { AlertBanner };
+    export type { AlertBannerProps };
+}
+
+declare module '@umami/react-zen/AlertDialog' {
+    import { ReactNode } from 'react';
+    import { DialogProps } from '@umami/react-zen/Dialog';
+    interface AlertDialogProps extends DialogProps {
+        title?: ReactNode;
+        description?: ReactNode;
+        isDanger?: boolean;
+        isConfirmDisabled?: boolean;
+        confirmLabel?: ReactNode;
+        cancelLabel?: ReactNode;
+        onConfirm?: () => void;
+        onCancel?: () => void;
+    }
+    function AlertDialog({ title, description, isDanger, isConfirmDisabled, confirmLabel, cancelLabel, onConfirm, onCancel, className, children, ...props }: AlertDialogProps): import("react").JSX.Element;
+    export { AlertDialog };
+    export type { AlertDialogProps };
+}
+
+declare module '@umami/react-zen/Blockquote' {
+    import { HTMLAttributes } from 'react';
+    import { FontWeight, Responsive, TextWrap } from '@/lib/types';
+    export interface BlockquoteProps extends HTMLAttributes<HTMLElement> {
+        asChild?: boolean;
+        weight?: Responsive<FontWeight>;
+        wrap?: Responsive<TextWrap>;
+    }
+    export function Blockquote({ asChild, children }: BlockquoteProps): import("react").JSX.Element;
+}
+
+declare module '@umami/react-zen/Box' {
+    import { HTMLAttributes } from 'react';
+    import { BackgroundColor, BorderSize, BorderRadius, BoxShadow, Spacing, Responsive, Position, Display, TextAlign, FlexGrow, FlexShrink, Top, Right, Bottom, Left, Overflow, AlignSelf, JustifySelf, AccentColor, BaseColor } from '@/lib/types';
+    interface BoxProps extends HTMLAttributes<HTMLElement> {
+        display?: Responsive<Display>;
+        color?: BaseColor | AccentColor;
+        backgroundColor?: BackgroundColor | BaseColor | AccentColor;
+        borderSize?: Responsive<BorderSize>;
+        borderRadius?: Responsive<BorderRadius>;
+        shadow?: Responsive<BoxShadow>;
+        padding?: Responsive<Spacing>;
+        paddingX?: Responsive<Spacing>;
+        paddingY?: Responsive<Spacing>;
+        paddingTop?: Responsive<Spacing>;
+        paddingRight?: Responsive<Spacing>;
+        paddingBottom?: Responsive<Spacing>;
+        paddingLeft?: Responsive<Spacing>;
+        margin?: Responsive<Spacing>;
+        marginX?: Responsive<Spacing>;
+        marginY?: Responsive<Spacing>;
+        marginTop?: Responsive<Spacing>;
+        marginRight?: Responsive<Spacing>;
+        marginBottom?: Responsive<Spacing>;
+        marginLeft?: Responsive<Spacing>;
+        width?: Responsive<string>;
+        minWidth?: Responsive<string>;
+        maxWidth?: Responsive<string>;
+        height?: Responsive<string>;
+        minHeight?: Responsive<string>;
+        maxHeight?: Responsive<string>;
+        position?: Responsive<Position>;
+        align?: Responsive<TextAlign>;
+        top?: Responsive<Top>;
+        right?: Responsive<Right>;
+        bottom?: Responsive<Bottom>;
+        left?: Responsive<Left>;
+        overflow?: Responsive<Overflow>;
+        overflowX?: Responsive<Overflow>;
+        overflowY?: Responsive<Overflow>;
+        alignSelf?: Responsive<AlignSelf>;
+        justifySelf?: Responsive<JustifySelf>;
+        flexBasis?: Responsive<string>;
+        flexGrow?: Responsive<FlexGrow>;
+        flexShrink?: Responsive<FlexShrink>;
+        gridArea?: Responsive<string>;
+        gridRow?: Responsive<string>;
+        gridColumn?: Responsive<string>;
+        order?: Responsive<number>;
+        as?: string;
+        asChild?: boolean;
+    }
+    function Box({ display, color, backgroundColor, borderSize, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, width, minWidth, maxWidth, height, minHeight, maxHeight, position, align, top, right, bottom, left, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, as, asChild, className, style, children, ...props }: BoxProps): import("react").JSX.Element;
+    export { Box };
+    export type { BoxProps };
+}
+
+declare module '@umami/react-zen/Breadcrumbs' {
+    import { BreadcrumbsProps, BreadcrumbProps } from 'react-aria-components';
+    function Breadcrumbs({ children, className, ...props }: BreadcrumbsProps<any>): import("react").JSX.Element;
+    function Breadcrumb({ children, className, ...props }: BreadcrumbProps): import("react").JSX.Element;
+    export { Breadcrumb, Breadcrumbs };
+    export type { BreadcrumbProps, BreadcrumbsProps };
+}
+
+declare module '@umami/react-zen/Button' {
+    import { ReactNode } from 'react';
+    import { ButtonProps as AriaButtonProps } from 'react-aria-components';
+    interface ButtonProps extends AriaButtonProps {
+        variant?: 'primary' | 'secondary' | 'outline' | 'quiet' | 'danger' | 'zero';
+        size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+        asChild?: boolean;
+        slot?: string;
+        children?: ReactNode;
+    }
+    const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<any>>;
+    export { Button };
+    export type { ButtonProps };
+}
+
+declare module '@umami/react-zen/Calendar' {
+    import { CalendarProps } from 'react-aria-components';
+    function Calendar({ className, ...props }: CalendarProps<any>): import("react").JSX.Element;
+    export { Calendar };
+    export type { CalendarProps };
+}
+
+declare module '@umami/react-zen/Checkbox' {
+    import { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
+    interface CheckboxProps extends AriaCheckboxProps {
+        label?: string;
+    }
+    const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<any>>;
+    export { Checkbox };
+    export type { CheckboxProps };
+}
+
+declare module '@umami/react-zen/Code' {
+    import { HTMLAttributes } from 'react';
+    import { FontWeight, Responsive, TextWrap } from '@/lib/types';
+    export interface CodeProps extends HTMLAttributes<HTMLElement> {
+        asChild?: boolean;
+        weight?: Responsive<FontWeight>;
+        wrap?: Responsive<TextWrap>;
+    }
+    export function Code({ asChild, children }: CodeProps): import("react").JSX.Element;
+}
+
+declare module '@umami/react-zen/Column' {
+    import { FlexboxProps } from '@umami/react-zen/Flexbox';
+    interface ColumnProps extends FlexboxProps {
+        reverse?: boolean;
+    }
+    function Column({ reverse, children, ...props }: ColumnProps): import("react").JSX.Element;
+    export { Column };
+    export type { ColumnProps };
+}
+
+declare module '@umami/react-zen/Combobox' {
+    import { ComboBoxProps } from 'react-aria-components';
+    interface ComboboxProps extends ComboBoxProps<any> {
+        items: any[];
+        className?: string;
+    }
+    function Combobox({ items, className, ...props }: ComboboxProps): import("react").JSX.Element;
+    export { Combobox };
+    export type { ComboboxProps };
+}
+
+declare module '@umami/react-zen/Container' {
+    import { BoxProps } from '@umami/react-zen/Box';
+    export interface ContainerProps extends BoxProps {
+        isFluid?: boolean;
+        isCentered?: boolean;
+    }
+    export function Container({ isCentered, isFluid, className, children, ...props }: ContainerProps): import("react").JSX.Element;
+}
+
+declare module '@umami/react-zen/ConfirmationDialog' {
+    import { ReactNode } from 'react';
+    import { AlertDialogProps } from '@umami/react-zen/AlertDialog';
+    interface ConfirmationDialogProps extends AlertDialogProps {
+        value?: string;
+        confirmMessage?: ReactNode;
+    }
+    function ConfirmationDialog({ value, confirmMessage, className, children, ...props }: ConfirmationDialogProps): import("react").JSX.Element;
+    export { ConfirmationDialog };
+    export type { ConfirmationDialogProps };
+}
+
+declare module '@umami/react-zen/Dialog' {
+    import { ReactNode } from 'react';
+    import { DialogProps as AriaDialogProps } from 'react-aria-components';
+    interface DialogProps extends AriaDialogProps {
+        title?: ReactNode;
+    }
+    function Dialog({ title, children, className, ...props }: DialogProps): import("react").JSX.Element;
+    export { Dialog };
+    export type { DialogProps };
+}
+
+declare module '@umami/react-zen/DataTable' {
+    import { ReactNode } from 'react';
+    import { ColumnProps, TableProps } from 'react-aria-components';
+    interface DataTableProps extends TableProps {
+        data?: any[];
+    }
+    function DataTable({ data, className, children, ...props }: DataTableProps): import("react").JSX.Element;
+    interface DataColumnProps extends ColumnProps {
+        id: string;
+        label?: ReactNode;
+    }
+    function DataColumn(props: DataColumnProps): null;
+    export { DataTable, DataColumn };
+}
+
+declare module '@umami/react-zen/Dots' {
+    interface DotsProps {
+        className?: string;
+    }
+    function Dots({ className, ...props }: DotsProps): import("react").JSX.Element;
+    export { Dots };
+    export type { DotsProps };
+}
+
+declare module '@umami/react-zen/Flexbox' {
+    import { Spacing, Responsive, FlexDisplay, FlexDirection, FlexWrap, JustifyContent, JustifyItems, AlignContent, AlignItems } from '@/lib/types';
+    import { BoxProps } from '@umami/react-zen/Box';
+    export interface FlexboxProps extends Omit<BoxProps, 'display'> {
+        display?: Responsive<FlexDisplay>;
+        direction?: Responsive<FlexDirection>;
+        wrap?: Responsive<FlexWrap>;
+        justifyContent?: Responsive<JustifyContent>;
+        justifyItems?: Responsive<JustifyItems>;
+        alignContent?: AlignContent;
+        alignItems?: AlignItems;
+        gap?: Responsive<Spacing>;
+        gapX?: Responsive<Spacing>;
+        gapY?: Responsive<Spacing>;
+    }
+    export function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, style, children, ...props }: FlexboxProps): import("react").JSX.Element;
+}
+
+declare module '@umami/react-zen/Grid' {
+    import { GridDisplay, GridAutoFlow, Responsive, Spacing, GridTemplateRows, GridTemplateColumns, GridTemplateAreas, AlignContent, AlignItems, JustifyContent, JustifyItems } from '@/lib/types';
+    import { BoxProps } from '@umami/react-zen/Box';
+    export interface GridProps extends Omit<BoxProps, 'display'> {
+        display?: Responsive<GridDisplay>;
+        justifyContent?: Responsive<JustifyContent>;
+        justifyItems?: Responsive<JustifyItems>;
+        alignContent?: AlignContent;
+        alignItems?: AlignItems;
+        gap?: Responsive<Spacing>;
+        gapX?: Responsive<Spacing>;
+        gapY?: Responsive<Spacing>;
+        autoFlow?: Responsive<GridAutoFlow>;
+        rows?: Responsive<GridTemplateRows>;
+        columns?: Responsive<GridTemplateColumns>;
+        areas?: Responsive<GridTemplateAreas>;
+    }
+    export function Grid({ display, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, autoFlow, rows, columns, areas, className, style, children, ...props }: GridProps): import("react").JSX.Element;
+}
+
+declare module '@umami/react-zen/Heading' {
+    import type { Responsive, FontSize, FontWeight, LetterSpacing } from '@/lib/types';
+    import { BoxProps } from '@umami/react-zen/Box';
+    interface HeadingProps extends BoxProps {
+        size?: Responsive<FontSize>;
+        weight?: Responsive<FontWeight>;
+        spacing?: Responsive<LetterSpacing>;
+    }
+    function Heading({ size, weight, align, spacing, className, style, children, ...props }: HeadingProps): import("react").JSX.Element;
+    export { Heading };
+    export type { HeadingProps };
+}
+
+declare module '@umami/react-zen/HoverTrigger' {
+    import { ReactElement } from 'react';
+    export interface HoverButtonProps {
+        isOpen?: boolean;
+        onHoverStart?: () => void;
+        onHoverEnd?: () => void;
+        closeDelay?: number;
+        children: ReactElement[];
+    }
+    export function HoverTrigger({ isOpen, onHoverStart, onHoverEnd, closeDelay, children, }: HoverButtonProps): import("react").JSX.Element;
+}
+
+declare module '@umami/react-zen/Icon' {
+    import { HTMLAttributes } from 'react';
+    export interface IconProps extends HTMLAttributes<HTMLElement> {
+        size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+        variant?: 'input';
+        rotate?: number;
+    }
+    export function Icon({ size, variant, rotate, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+}
+
+declare module '@umami/react-zen/Icons' {
+    export const Icons: {
+        Alert: import("react-icons/lib").IconType;
+        Arrow: import("react-icons/lib").IconType;
+        Check: import("react-icons/lib").IconType;
+        Chevron: import("react-icons/lib").IconType;
+        Close: import("react-icons/lib").IconType;
+        Copy: import("react-icons/lib").IconType;
+        Edit: import("react-icons/lib").IconType;
+        ExternalLink: import("react-icons/lib").IconType;
+        Eye: import("react-icons/lib").IconType;
+        EyeSlash: import("react-icons/lib").IconType;
+        Info: import("react-icons/lib").IconType;
+        Logout: import("react-icons/lib").IconType;
+        MagnifyingGlass: import("react-icons/lib").IconType;
+        Menu: import("react-icons/lib").IconType;
+        Minus: import("react-icons/lib").IconType;
+        More: import("react-icons/lib").IconType;
+        Plus: import("react-icons/lib").IconType;
+        Refresh: import("react-icons/lib").IconType;
+        Trash: import("react-icons/lib").IconType;
+    };
+}
+
+declare module '@umami/react-zen/InlineEditField' {
+    import { ReactNode } from 'react';
+    interface InlineEditFieldProps {
+        value: string;
+        defaultEdit?: boolean;
+        onChange?: (value: string) => void;
+        onCommit?: (value: string) => void;
+        onCancel?: () => void;
+        className?: string;
+        children?: ReactNode;
+    }
+    function InlineEditField({ value: defaultValue, defaultEdit, className, children, onChange, onCommit, onCancel, ...props }: InlineEditFieldProps): import("react").JSX.Element;
+    export { InlineEditField };
+    export type { InlineEditFieldProps };
+}
+
+declare module '@umami/react-zen/Label' {
+    import { LabelProps as AriaLabelProps } from 'react-aria-components';
+    interface LabelProps extends AriaLabelProps {
+        className?: string;
+    }
+    function Label({ className, ...props }: LabelProps): import("react").JSX.Element;
+    export { Label };
+    export type { LabelProps };
+}
+
+declare module '@umami/react-zen/List' {
+    import { ReactNode } from 'react';
+    import { ListBoxProps } from 'react-aria-components';
+    interface ListProps extends ListBoxProps<any> {
+        items?: any[];
+        className?: string;
+        children?: ReactNode;
+    }
+    function List({ items, className, children, ...props }: ListProps): import("react").JSX.Element;
+    export { List };
+    export type { ListProps };
+}
+
+declare module '@umami/react-zen/ListItem' {
+    import { ListBoxItemProps } from 'react-aria-components';
+    function ListItem({ children, className, ...props }: ListBoxItemProps<any>): import("react").JSX.Element;
+    export { ListItem };
+    export type { ListBoxItemProps as ListItemProps };
+}
+
+declare module '@umami/react-zen/Loading' {
+    export interface LoadingProps {
+        size?: 'sm' | 'md' | 'lg' | 'xl';
+        icon?: 'dots' | 'spinner';
+        position?: 'page' | 'center' | 'inline';
+        className?: string;
+    }
+    export function Loading(props: LoadingProps): import("react").JSX.Element;
+}
+
+declare module '@umami/react-zen/LoadingButton' {
+    import { ButtonProps } from '@umami/react-zen/Button';
+    interface LoadingButtonProps extends ButtonProps {
+        disabled?: boolean;
+        isLoading?: boolean;
+    }
+    function LoadingButton({ isLoading, children, ...props }: LoadingButtonProps): import("react").JSX.Element;
+    export { LoadingButton };
+    export type { LoadingButtonProps };
+}
+
+declare module '@umami/react-zen/Menu' {
+    import { ReactNode } from 'react';
+    import { MenuProps as AriaMenuProps } from 'react-aria-components';
+    interface MenuProps extends AriaMenuProps<any> {
+        items?: any[];
+        className?: string;
+        children?: ReactNode;
+    }
+    function Menu({ items, className, children, ...props }: MenuProps): import("react").JSX.Element;
+    export { Menu };
+    export type { MenuProps };
+}
+
+declare module '@umami/react-zen/MenuItem' {
+    import { MenuItemProps } from 'react-aria-components';
+    function MenuItem({ children, className, ...props }: MenuItemProps<any>): import("react").JSX.Element;
+    export { MenuItem };
+    export type { MenuItemProps };
+    export default MenuItem;
+}
+
+declare module '@umami/react-zen/Modal' {
+    import { ReactNode } from 'react';
+    import { ModalRenderProps } from 'react-aria-components';
+    interface ModalProps {
+        className?: string;
+        children?: ReactNode | ((values: ModalRenderProps & {
+            defaultChildren: ReactNode;
+        }) => ReactNode);
+    }
+    function Modal({ children, className, ...props }: ModalProps): import("react").JSX.Element;
+    export { Modal };
+    export type { ModalProps };
+}
+
+declare module '@umami/react-zen/NavigationMenu' {
+    import { HTMLAttributes, ReactNode } from 'react';
+    export interface NavigationMenuProps extends HTMLAttributes<HTMLElement> {
+        showArrow?: boolean;
+    }
+    export function NavigationMenu({ showArrow, className, children, ...props }: NavigationMenuProps): import("react").JSX.Element;
+    export interface NavigationMenuItemProps extends HTMLAttributes<HTMLElement> {
+        label: string;
+        children?: ReactNode;
+    }
+    export function NavigationMenuItem({ label, children, className, ...props }: NavigationMenuItemProps): import("react").JSX.Element;
+}
+
+declare module '@umami/react-zen/PasswordField' {
+    import { TextFieldProps } from 'react-aria-components';
+    interface PasswordFieldProps extends TextFieldProps {
+        label?: string;
+    }
+    const PasswordField: import("react").ForwardRefExoticComponent<PasswordFieldProps & import("react").RefAttributes<any>>;
+    export { PasswordField };
+}
+
+declare module '@umami/react-zen/Popover' {
+    import { PopoverProps } from 'react-aria-components';
+    function Popover({ children, className, ...props }: PopoverProps): import("react").JSX.Element;
+    export { Popover };
+    export type { PopoverProps };
+}
+
+declare module '@umami/react-zen/ProgressBar' {
+    import { ProgressBarProps as AriaProgressBarProps } from 'react-aria-components';
+    interface ProgressBarProps extends AriaProgressBarProps {
+        showValue?: boolean;
+    }
+    function ProgressBar({ className, showValue, ...props }: ProgressBarProps): import("react").JSX.Element;
+    export { ProgressBar };
+}
+
+declare module '@umami/react-zen/ProgressCircle' {
+    import { ProgressBarProps } from 'react-aria-components';
+    interface ProgressCircleProps extends ProgressBarProps {
+        showValue?: boolean;
+    }
+    function ProgressCircle({ className, showValue, ...props }: ProgressCircleProps): import("react").JSX.Element;
+    export { ProgressCircle };
+}
+
+declare module '@umami/react-zen/RadioGroup' {
+    import { RadioGroupProps as AriaRadioGroupProps, RadioProps } from 'react-aria-components';
+    interface RadioGroupProps extends AriaRadioGroupProps {
+        label?: string;
+    }
+    const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<any>>;
+    function Radio({ children, className, ...props }: RadioProps): import("react").JSX.Element;
+    export { RadioGroup, Radio };
+    export type { RadioProps, RadioGroupProps };
+}
+
+declare module '@umami/react-zen/Row' {
+    import { FlexboxProps } from '@umami/react-zen/Flexbox';
+    interface RowProps extends FlexboxProps {
+        reverse?: boolean;
+    }
+    function Row({ reverse, children, ...props }: RowProps): import("react").JSX.Element;
+    export { Row };
+    export type { RowProps };
+}
+
+declare module '@umami/react-zen/SearchField' {
+    import { SearchFieldProps as AriaSearchFieldProps } from 'react-aria-components';
+    interface SearchFieldProps extends AriaSearchFieldProps {
+        label?: string;
+        value?: string;
+        delay?: number;
+        onSearch?: (value: string) => void;
+    }
+    const SearchField: import("react").ForwardRefExoticComponent<SearchFieldProps & import("react").RefAttributes<any>>;
+    export { SearchField };
+    export type { SearchFieldProps };
+}
+
+declare module '@umami/react-zen/Select' {
+    import { SelectProps as AriaSelectProps } from 'react-aria-components';
+    interface SelectProps extends AriaSelectProps<HTMLSelectElement> {
+        items: any[];
+        value?: string;
+        label?: string;
+        onChange?: (e: any) => void;
+    }
+    const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<any>>;
+    export { Select };
+    export type { SelectProps };
+}
+
+declare module '@umami/react-zen/Slider' {
+    import { ReactNode } from 'react';
+    import { SliderProps as AriaSliderProps } from 'react-aria-components';
+    interface SliderProps extends AriaSliderProps {
+        label?: ReactNode;
+        showValue?: boolean;
+    }
+    const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<any>>;
+    export { Slider };
+    export type { SliderProps };
+}
+
+declare module '@umami/react-zen/Slot' {
+    export { Slot } from '@radix-ui/react-slot';
+}
+
+declare module '@umami/react-zen/Spinner' {
+    export interface SpinnerProps {
+        size?: 'sm' | 'md' | 'lg' | 'xl';
+        quiet?: boolean;
+        className?: string;
+    }
+    export function Spinner(props: SpinnerProps): import("react").JSX.Element;
+}
+
+declare module '@umami/react-zen/StatusLight' {
+    import { ReactNode } from 'react';
+    interface StatusLightProps {
+        color?: string;
+        variant?: 'success' | 'warning' | 'error' | 'active' | 'inactive' | 'none';
+        className?: string;
+        children?: ReactNode;
+    }
+    function StatusLight(props: StatusLightProps): import("react").JSX.Element;
+    export { StatusLight };
+    export type { StatusLightProps };
+}
+
+declare module '@umami/react-zen/Switch' {
+    import { SwitchProps as AriaSwitchProps } from 'react-aria-components';
+    interface SwitchProps extends AriaSwitchProps {
+        label?: string;
+    }
+    const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<any>>;
+    export { Switch };
+    export type { SwitchProps };
+}
+
+declare module '@umami/react-zen/Table' {
+    import { CellProps, ColumnProps, RowProps, TableProps, TableBodyProps, TableHeaderProps } from 'react-aria-components';
+    interface TableColumnProps extends ColumnProps {
+        alignment?: 'start' | 'center' | 'end';
+    }
+    interface TableCellProps extends CellProps {
+        alignment?: 'start' | 'center' | 'end';
+    }
+    function Table({ children, className, ...props }: TableProps): import("react").JSX.Element;
+    function TableHeader({ children, className, ...props }: TableHeaderProps<any>): import("react").JSX.Element;
+    function TableBody({ children, className, ...props }: TableBodyProps<any>): import("react").JSX.Element;
+    function TableRow({ children, className, ...props }: RowProps<any>): import("react").JSX.Element;
+    function TableColumn({ children, className, alignment, ...props }: TableColumnProps): import("react").JSX.Element;
+    function TableCell({ children, className, alignment, ...props }: TableCellProps): import("react").JSX.Element;
+    export { Table, TableHeader, TableBody, TableRow, TableColumn, TableCell };
+}
+
+declare module '@umami/react-zen/Tabs' {
+    import { TabProps, TabsProps, TabPanelProps, TabListProps } from 'react-aria-components';
+    function Tabs({ children, ...props }: TabsProps): import("react").JSX.Element;
+    function TabList({ children, ...props }: TabListProps<any>): import("react").JSX.Element;
+    function Tab({ children, ...props }: TabProps): import("react").JSX.Element;
+    function TabPanel({ children, ...props }: TabPanelProps): import("react").JSX.Element;
+    export { Tabs, TabList, Tab, TabPanel };
+    export type { TabsProps, TabListProps, TabProps, TabPanelProps };
+}
+
+declare module '@umami/react-zen/Text' {
+    import { HTMLAttributes } from 'react';
+    import { Responsive, TextAlign, FontWeight, LetterSpacing, FontSize, TextWrap } from '@/lib/types';
+    export interface TextProps extends HTMLAttributes<HTMLElement> {
+        type?: 'muted' | 'faded';
+        size?: Responsive<FontSize>;
+        spacing?: Responsive<LetterSpacing>;
+        weight?: Responsive<FontWeight>;
+        align?: Responsive<TextAlign>;
+        wrap?: Responsive<TextWrap>;
+        as?: 'span' | 'div' | 'label' | 'p';
+        asChild?: boolean;
+    }
+    export function Text({ type, size, spacing, weight, align, wrap, color, as, asChild, className, style, children, ...props }: TextProps): import("react").JSX.Element;
+}
+
+declare module '@umami/react-zen/TextOverflow' {
+    import { HTMLAttributes } from 'react';
+    interface TextOverflowProps extends HTMLAttributes<HTMLDivElement> {
+        asChild?: boolean;
+    }
+    function TextOverflow({ asChild, children, className, ...props }: TextOverflowProps): import("react").JSX.Element;
+    export { TextOverflow };
+    export type { TextOverflowProps };
+}
+
+declare module '@umami/react-zen/TextField' {
+    import { TextFieldProps as AriaTextFieldProps } from 'react-aria-components';
+    interface TextFieldProps extends AriaTextFieldProps {
+        label?: string;
+        placeholder?: string;
+        allowCopy?: boolean;
+        asChild?: boolean;
+        onChange?: (e: any) => void;
+    }
+    const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+    export { TextField };
+    export type { TextFieldProps };
+}
+
+declare module '@umami/react-zen/TextArea' {
+    import { TextFieldProps } from '@umami/react-zen/TextField';
+    interface TextAreaProps extends TextFieldProps {
+        rows?: number;
+        cols?: number;
+        resize?: 'none' | 'vertical' | 'horizontal';
+        children?: React.ReactNode;
+    }
+    const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<any>>;
+    export { TextArea };
+    export type { TextAreaProps };
+}
+
+declare module '@umami/react-zen/Toast' {
+    import { ToastProvider, ToastProviderProps, ToastProps, ToastViewportProps } from '@radix-ui/react-toast';
+    interface _ToastProps extends ToastProps {
+        title?: string;
+        description?: string;
+        actionText?: string;
+        allowClose?: boolean;
+        variant?: 'info' | 'error';
+    }
+    function Toast({ title, description, actionText, allowClose, variant, className, children, ...props }: _ToastProps): import("react").JSX.Element;
+    function Toaster(props: ToastViewportProps): import("react").JSX.Element;
+    export { Toast, ToastProvider, Toaster };
+    export type { _ToastProps as ToastProps, ToastProviderProps, ToastViewportProps as ToasterProps };
+}
+
+declare module '@umami/react-zen/Toggle' {
+    import { ToggleButtonProps } from 'react-aria-components';
+    interface ToggleProps extends ToggleButtonProps {
+        label?: string;
+        value?: string;
+    }
+    const Toggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<any>>;
+    export { Toggle };
+    export type { ToggleButtonProps as ToggleProps };
+}
+
+declare module '@umami/react-zen/ToggleGroup' {
+    import { TagGroupProps, TagProps } from 'react-aria-components';
+    export interface ToggleGroupProps extends TagGroupProps {
+        label?: string;
+    }
+    function ToggleGroup({ label, className, children, ...props }: ToggleGroupProps): import("react").JSX.Element;
+    export interface ToggleGroupItemProps extends TagProps {
+    }
+    function ToggleGroupItem({ className, children, ...props }: ToggleGroupItemProps): import("react").JSX.Element;
+    export { ToggleGroup, ToggleGroupItem };
+}
+
+declare module '@umami/react-zen/Tooltip' {
+    import { TooltipProps } from 'react-aria-components';
+    function Tooltip({ children, className, ...props }: TooltipProps): import("react").JSX.Element;
+    export { Tooltip };
+    export type { TooltipProps };
+}
+
+declare module '@umami/react-zen/ZenProvider' {
+    import { ReactNode } from 'react';
+    import { ToastProviderProps } from '@umami/react-zen/Toast';
+    interface ZenProviderProps {
+        config?: {
+            theme?: string;
+            colorScheme?: 'light' | 'dark' | 'system';
+            toast?: ToastProviderProps;
+        };
+        children: ReactNode;
+    }
+    function ZenProvider({ config, children }: ZenProviderProps): import("react").JSX.Element;
+    export { ZenProvider };
+    export type { ZenProviderProps };
+}
+