@umami/react-zen 0.58.0 → 0.61.0

package/dist/index.d.ts

@@ -9,6 +9,7 @@
 declare module '@umami/react-zen' {
     import { DialogTrigger, FileTrigger, MenuTrigger, SubmenuTrigger, TooltipTrigger } from 'react-aria-components';
     import { Form } from '@umami/react-zen/forms/Form';
+    import { FormButtons } from '@umami/react-zen/forms/FormButtons';
     import { FormField } from '@umami/react-zen/forms/FormField';
     import { FormResetButton } from '@umami/react-zen/forms/FormResetButton';
     import { FormSubmitButton } from '@umami/react-zen/forms/FormSubmitButton';
@@ -74,7 +75,7 @@ declare module '@umami/react-zen' {
     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, Toast, Toaster, ToastProvider, 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, NavBar, NavBarItem, Heading, HoverTrigger, Icon, Icons, Image, InlineEditField, Label, List, ListItem, ListSection, ListSeparator, Loading, LoadingButton, Menu, MenuItem, MenuSection, MenuSeparator, MenuTrigger, Modal, PasswordField, Popover, ProgressBar, ProgressCircle, Radio, RadioGroup, Row, SearchField, Select, SideNav, SideNavHeader, SideNavItem, SideNavSection, Slider, Slot, Spinner, StatusLight, SubmenuTrigger, Switch, Table, TableHeader, TableBody, TableRow, TableColumn, TableCell, Tab, Tabs, TabList, TabPanel, Text, TextField, TextArea, ThemeButton, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipTrigger, ZenProvider, };
+    export { Form, FormButtons, FormField, FormResetButton, FormSubmitButton, Toast, Toaster, ToastProvider, 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, NavBar, NavBarItem, Heading, HoverTrigger, Icon, Icons, Image, InlineEditField, Label, List, ListItem, ListSection, ListSeparator, Loading, LoadingButton, Menu, MenuItem, MenuSection, MenuSeparator, MenuTrigger, Modal, PasswordField, Popover, ProgressBar, ProgressCircle, Radio, RadioGroup, Row, SearchField, Select, SideNav, SideNavHeader, SideNavItem, SideNavSection, Slider, Slot, Spinner, StatusLight, SubmenuTrigger, Switch, Table, TableHeader, TableBody, TableRow, TableColumn, TableCell, Tab, Tabs, TabList, TabPanel, Text, TextField, TextArea, ThemeButton, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipTrigger, ZenProvider, };
 }
 
 declare module '@umami/react-zen/forms/Form' {
@@ -85,7 +86,7 @@ declare module '@umami/react-zen/forms/Form' {
         gap?: Responsive<Spacing>;
         autoComplete?: string;
         onSubmit?: SubmitHandler<any>;
-        error?: ReactNode;
+        error?: ReactNode | Error;
         preventSubmit?: boolean;
         children?: ReactNode | ((e: UseFormReturn) => ReactNode);
     }
@@ -94,6 +95,14 @@ declare module '@umami/react-zen/forms/Form' {
     export type { FormProps };
 }
 
+declare module '@umami/react-zen/forms/FormButtons' {
+    import { RowProps } from '@umami/react-zen/Row';
+    export interface FormButtonsProps extends RowProps {
+        fill?: boolean;
+    }
+    export function FormButtons({ fill, children, ...props }: FormButtonsProps): import("react").JSX.Element;
+}
+
 declare module '@umami/react-zen/forms/FormField' {
     import { HTMLAttributes } from 'react';
     import { RegisterOptions, UseFormReturn, FieldValues } from 'react-hook-form';
@@ -124,7 +133,7 @@ declare module '@umami/react-zen/forms/FormResetButton' {
 
 declare module '@umami/react-zen/forms/FormSubmitButton' {
     import { LoadingButtonProps } from '@umami/react-zen/LoadingButton';
-    function FormSubmitButton({ children, disabled, isLoading, ...props }: LoadingButtonProps): import("react").JSX.Element;
+    function FormSubmitButton({ variant, isDisabled, isLoading, children, ...props }: LoadingButtonProps): import("react").JSX.Element;
     export { FormSubmitButton };
 }
 
@@ -160,7 +169,7 @@ declare module '@umami/react-zen/toast/ToastProvider' {
         children: ReactNode;
     }
     export const ToastContext: import("react").Context<{}>;
-    export function ToastProvider({ children, ...config }: ToastProviderProps): import("react").JSX.Element;
+    export function ToastProvider({ children, ...props }: ToastProviderProps): import("react").JSX.Element;
 }
 
 declare module '@umami/react-zen/hooks/useDebounce' {
@@ -213,18 +222,19 @@ declare module '@umami/react-zen/Accordion' {
 }
 
 declare module '@umami/react-zen/AlertBanner' {
-    import React, { ReactNode } from 'react';
+    import { ReactNode } from 'react';
     interface AlertBannerProps {
-        title?: string;
-        description?: string;
+        title?: ReactNode;
+        description?: ReactNode;
         icon?: ReactNode;
-        variant?: 'error' | 'info';
+        variant?: 'error';
+        align?: 'start' | 'center' | 'end';
         allowClose?: boolean;
         onClose?: () => void;
         className?: string;
         children?: ReactNode;
     }
-    function AlertBanner({ title, description, icon, variant, allowClose, onClose, children, className, ...props }: AlertBannerProps): React.JSX.Element;
+    function AlertBanner({ title, description, icon, variant, align, allowClose, onClose, children, className, ...props }: AlertBannerProps): import("react").JSX.Element;
     export { AlertBanner };
     export type { AlertBannerProps };
 }
@@ -429,6 +439,9 @@ declare module '@umami/react-zen/DataTable' {
     interface DataColumnProps extends ColumnProps {
         id: string;
         label?: ReactNode;
+        align?: 'start' | 'center' | 'end';
+        as?: string;
+        hidden?: boolean;
     }
     function DataColumn(props: DataColumnProps): null;
     export { DataTable, DataColumn };
@@ -745,7 +758,7 @@ declare module '@umami/react-zen/SearchField' {
 declare module '@umami/react-zen/Select' {
     import { SelectProps as AriaSelectProps } from 'react-aria-components';
     interface SelectProps extends AriaSelectProps<HTMLSelectElement> {
-        items: any[];
+        items?: any[];
         value?: string;
         label?: string;
         onChange?: (e: any) => void;
@@ -831,18 +844,19 @@ declare module '@umami/react-zen/Switch' {
 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';
+        align?: 'start' | 'center' | 'end';
     }
     interface TableCellProps extends CellProps {
-        alignment?: 'start' | 'center' | 'end';
+        align?: '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;
+    function TableColumn({ children, className, align, ...props }: TableColumnProps): import("react").JSX.Element;
+    function TableCell({ children, className, align, ...props }: TableCellProps): import("react").JSX.Element;
     export { Table, TableHeader, TableBody, TableRow, TableColumn, TableCell };
+    export type { TableCellProps, TableColumnProps, TableBodyProps };
 }
 
 declare module '@umami/react-zen/Tabs' {