@umami/react-zen 0.103.0 → 0.105.0

package/dist/index.css

@@ -4260,6 +4260,31 @@ body a.Button_button__NDYwM {
   color: var(--font-color-muted);
 }
 
+/* virtual-css:css:0c4c35b74d5f22edf919d952c580c0e6 */
+.NavMenu_navmenu__OWVlM {
+  font-size: var(--font-size);
+  width: 100%;
+  gap: var(--spacing-2);
+}
+.NavMenu_item__NGM0M {
+  color: var(--font-color-muted);
+  gap: var(--gap);
+  padding: var(--padding);
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  transition: color 0.2s;
+}
+.NavMenu_item__NGM0M:hover {
+  color: var(--font-color);
+  background: var(--highlight-color);
+}
+.NavMenu_item__NGM0M.NavMenu_selected__MGRiN {
+  color: var(--font-color);
+  background: var(--highlight-color);
+  font-weight: var(--font-weight-bold);
+}
+
 /* virtual-css:css:3547a441584a5024882cb71ab3ccf244 */
 .PasswordField_icon__NTRlM {
   position: absolute;

package/dist/index.d.ts

@@ -55,6 +55,7 @@ declare module '@umami/react-zen' {
     export { Menu, MenuItem, MenuSection, MenuSeparator } from '@umami/react-zen/Menu';
     export { Modal } from '@umami/react-zen/Modal';
     export { Navbar, NavbarItem } from '@umami/react-zen/Navbar';
+    export { NavMenu, NavMenuItem } from '@umami/react-zen/NavMenu';
     export { PasswordField } from '@umami/react-zen/PasswordField';
     export { Popover } from '@umami/react-zen/Popover';
     export { ProgressBar } from '@umami/react-zen/ProgressBar';
@@ -609,13 +610,12 @@ declare module '@umami/react-zen/Label' {
 
 declare module '@umami/react-zen/List' {
     import { ListBoxProps, SeparatorProps, ListBoxSectionProps, ListBoxItemProps } from 'react-aria-components';
-    import { HoverColor } from '@/lib/types';
     export interface ListProps extends ListBoxProps<any> {
         items?: any[];
         idProperty?: string;
         labelProperty?: string;
         separatorProperty?: string;
-        highlightColor?: HoverColor;
+        highlightColor?: string;
         showCheckmark?: boolean;
     }
     export function List({ items, idProperty, labelProperty, separatorProperty, highlightColor, showCheckmark, className, style, children, ...props }: ListProps): import("react").JSX.Element;
@@ -701,6 +701,19 @@ export interface NavbarItemProps extends HTMLAttributes<HTMLElement> {
 export declare function NavbarItem({ label, children, className, ...props }: NavbarItemProps): import("react").JSX.Element;
 export {};
 
+declare module '@umami/react-zen/NavMenu' {
+    import { ColumnProps } from '@/components/Column';
+    import { RowProps } from '@/components/Row';
+    export interface NavMenuProps extends ColumnProps {
+        highlightColor?: string;
+    }
+    export function NavMenu({ highlightColor, className, style, children, ...props }: NavMenuProps): import("react").JSX.Element;
+    export interface NavMenuItemProps extends RowProps {
+        isSelected?: boolean;
+    }
+    export function NavMenuItem({ isSelected, className, children, ...props }: NavMenuItemProps): import("react").JSX.Element;
+}
+
 declare module '@umami/react-zen/PasswordField' {
     import { TextFieldProps } from 'react-aria-components';
     interface PasswordFieldProps extends TextFieldProps {