@umami/react-zen 0.57.0 → 0.60.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,11 @@ 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 function FormButtons({ children, ...props }: RowProps): 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 +130,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, children, disabled, isLoading, ...props }: LoadingButtonProps): import("react").JSX.Element;
     export { FormSubmitButton };
 }
 
@@ -170,11 +176,11 @@ declare module '@umami/react-zen/hooks/useDebounce' {
 
 declare module '@umami/react-zen/hooks/useTheme' {
     function setTheme(theme: string): void;
-    function useTheme(): {
+    export function useTheme(defaultTheme?: string): {
         theme: string;
         setTheme: typeof setTheme;
     };
-    export { useTheme };
+    export {};
 }
 
 declare module '@umami/react-zen/hooks/useToast' {
@@ -213,18 +219,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';
+        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 };
 }
@@ -260,11 +267,11 @@ declare module '@umami/react-zen/Blockquote' {
 
 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';
+    import { BackgroundColor, BorderSize, BorderRadius, BoxShadow, Spacing, Responsive, Position, Display, TextAlign, FlexGrow, FlexShrink, Top, Right, Bottom, Left, Overflow, AlignSelf, JustifySelf, FontColor } from '@/lib/types';
     interface BoxProps extends HTMLAttributes<HTMLElement> {
         display?: Responsive<Display>;
-        color?: BaseColor | AccentColor;
-        backgroundColor?: BackgroundColor | BaseColor | AccentColor;
+        color?: FontColor;
+        backgroundColor?: BackgroundColor;
         borderSize?: Responsive<BorderSize>;
         borderRadius?: Responsive<BorderRadius>;
         shadow?: Responsive<BoxShadow>;
@@ -512,14 +519,16 @@ declare module '@umami/react-zen/Icon' {
         size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
         variant?: 'input';
         rotate?: number;
+        strokeColor?: string;
+        fillColor?: string;
     }
-    export function Icon({ size, variant, rotate, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+    export function Icon({ size, variant, rotate, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): import("react").JSX.Element;
 }
 
 declare module '@umami/react-zen/Icons' {
     export const Icons: {
-        Moon: any;
-        Sun: any;
+        Moon: import("react-icons/lib").IconType;
+        Sun: import("react-icons/lib").IconType;
         Alert: import("react-icons/lib").IconType;
         Arrow: import("react-icons/lib").IconType;
         Check: import("react-icons/lib").IconType;
@@ -730,6 +739,7 @@ declare module '@umami/react-zen/SearchField' {
     import { SearchFieldProps as AriaSearchFieldProps } from 'react-aria-components';
     interface SearchFieldProps extends AriaSearchFieldProps {
         label?: string;
+        placeholder?: string;
         value?: string;
         delay?: number;
         onSearch?: (value: string) => void;
@@ -854,9 +864,9 @@ declare module '@umami/react-zen/Tabs' {
 
 declare module '@umami/react-zen/Text' {
     import { HTMLAttributes } from 'react';
-    import { Responsive, TextAlign, FontWeight, LetterSpacing, FontSize, TextWrap, AccentColor, BaseColor } from '@/lib/types';
+    import { Responsive, TextAlign, FontWeight, LetterSpacing, FontSize, TextWrap, FontColor } from '@/lib/types';
     export interface TextProps extends HTMLAttributes<HTMLElement> {
-        color?: AccentColor | BaseColor | 'primary' | 'muted' | 'disabled';
+        color?: FontColor;
         size?: Responsive<FontSize>;
         spacing?: Responsive<LetterSpacing>;
         weight?: Responsive<FontWeight>;
@@ -900,8 +910,7 @@ declare module '@umami/react-zen/ThemeButton' {
     export interface ThemeButtonProps extends ButtonProps {
         defaultTheme?: string;
     }
-    export function ThemeButton({ defaultTheme, className, variant, ...props }: ThemeButtonProps): import("react").JSX.Element;
-    export default ThemeButton;
+    export function ThemeButton({ className, variant, defaultTheme, onPress, ...props }: ThemeButtonProps): import("react").JSX.Element;
 }
 
 declare module '@umami/react-zen/Toggle' {