@umami/react-zen 0.56.0 → 0.57.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' {
@@ -651,17 +652,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' {
@@ -745,6 +752,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';
@@ -869,7 +897,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 interface ThemeButtonProps extends ButtonProps {
+        defaultTheme?: string;
+    }
+    export function ThemeButton({ defaultTheme, className, variant, ...props }: ThemeButtonProps): import("react").JSX.Element;
     export default ThemeButton;
 }