@umami/react-zen 0.56.0 → 0.58.0

package/dist/index.d.ts

@@ -49,7 +49,7 @@ declare module '@umami/react-zen' {
     import { LoadingButton } from '@umami/react-zen/LoadingButton';
     import { Menu, MenuItem, MenuSection, MenuSeparator } from '@umami/react-zen/Menu';
     import { Modal } from '@umami/react-zen/Modal';
-    import { NavigationMenu, NavigationMenuItem } from '@umami/react-zen/NavigationMenu';
+    import { NavBar, NavBarItem } from '@umami/react-zen/NavBar';
     import { PasswordField } from '@umami/react-zen/PasswordField';
     import { Popover } from '@umami/react-zen/Popover';
     import { ProgressBar } from '@umami/react-zen/ProgressBar';
@@ -58,6 +58,7 @@ declare module '@umami/react-zen' {
     import { Row } from '@umami/react-zen/Row';
     import { SearchField } from '@umami/react-zen/SearchField';
     import { Select } from '@umami/react-zen/Select';
+    import { SideNav, SideNavHeader, SideNavItem, SideNavSection } from '@umami/react-zen/SideNav';
     import { Slider } from '@umami/react-zen/Slider';
     import { Slot } from '@umami/react-zen/Slot';
     import { Spinner } from '@umami/react-zen/Spinner';
@@ -73,7 +74,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, Heading, HoverTrigger, Icon, Icons, Image, InlineEditField, Label, List, ListItem, ListSection, ListSeparator, Loading, LoadingButton, Menu, MenuItem, MenuSection, MenuSeparator, 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, TextField, TextArea, ThemeButton, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipTrigger, 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, };
 }
 
 declare module '@umami/react-zen/forms/Form' {
@@ -169,11 +170,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' {
@@ -259,11 +260,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>;
@@ -511,14 +512,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;
@@ -651,17 +654,23 @@ declare module '@umami/react-zen/Modal' {
     export type { ModalProps };
 }
 
-declare module '@umami/react-zen/NavigationMenu' {
-    import { HTMLAttributes, ReactNode } from 'react';
-    export interface NavigationMenuProps extends HTMLAttributes<HTMLElement> {
+declare module '@umami/react-zen/NavBar' {
+    import { HTMLAttributes, ReactNode, Dispatch, SetStateAction } from 'react';
+    type NavigationContext = {
+        activeMenu: string;
+        setActiveMenu: Dispatch<SetStateAction<string>>;
+    };
+    export const NavBarContext: import("react").Context<NavigationContext | undefined>;
+    export interface NavBarProps extends HTMLAttributes<HTMLElement> {
         showArrow?: boolean;
     }
-    export function NavigationMenu({ showArrow, className, children, ...props }: NavigationMenuProps): import("react").JSX.Element;
-    export interface NavigationMenuItemProps extends HTMLAttributes<HTMLElement> {
+    export function NavBar({ showArrow, className, children, ...props }: NavBarProps): import("react").JSX.Element;
+    export interface NavBarItemProps extends HTMLAttributes<HTMLElement> {
         label?: string;
         children?: ReactNode;
     }
-    export function NavigationMenuItem({ label, children, className, ...props }: NavigationMenuItemProps): import("react").JSX.Element;
+    export function NavBarItem({ label, children, className, ...props }: NavBarItemProps): import("react").JSX.Element;
+    export {};
 }
 
 declare module '@umami/react-zen/PasswordField' {
@@ -723,6 +732,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;
@@ -745,6 +755,27 @@ declare module '@umami/react-zen/Select' {
     export type { SelectProps };
 }
 
+declare module '@umami/react-zen/SideNav' {
+    import React, { ReactNode } from 'react';
+    export function SideNav({ children }: {
+        children: ReactNode;
+    }): React.JSX.Element;
+    export function SideNavHeader({ name, icon, children, }: {
+        name: string;
+        icon?: ReactNode;
+        children?: ReactNode;
+    }): React.JSX.Element;
+    export function SideNavSection({ title, children }: {
+        title?: string;
+        children: ReactNode;
+    }): React.JSX.Element;
+    export function SideNavItem({ label, icon, children, }: {
+        label: string;
+        icon: ReactNode;
+        children?: ReactNode;
+    }): React.JSX.Element;
+}
+
 declare module '@umami/react-zen/Slider' {
     import { ReactNode } from 'react';
     import { SliderProps as AriaSliderProps } from 'react-aria-components';
@@ -826,9 +857,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>;
@@ -869,8 +900,10 @@ declare module '@umami/react-zen/TextArea' {
 
 declare module '@umami/react-zen/ThemeButton' {
     import { ButtonProps } from '@umami/react-zen/Button';
-    export function ThemeButton({ className, variant, ...props }: ButtonProps): import("react").JSX.Element;
-    export default ThemeButton;
+    export interface ThemeButtonProps extends ButtonProps {
+        defaultTheme?: string;
+    }
+    export function ThemeButton({ className, variant, defaultTheme, onPress, ...props }: ThemeButtonProps): import("react").JSX.Element;
 }
 
 declare module '@umami/react-zen/Toggle' {