@lglab/compose-ui 0.23.0 → 0.24.0

package/dist/index.d.ts

@@ -10,6 +10,7 @@ import { JSX } from 'react/jsx-runtime';
 import { Menu } from '@base-ui/react/menu';
 import { Menubar } from '@base-ui/react/menubar';
 import { Meter } from '@base-ui/react/meter';
+import { NavigationMenu } from '@base-ui/react/navigation-menu';
 import { Popover } from '@base-ui/react/popover';
 import { PreviewCard } from '@base-ui/react/preview-card';
 import { Progress } from '@base-ui/react/progress';
@@ -934,6 +935,97 @@ export declare const MeterValue: {
 
 export declare type MeterValueProps = React_2.ComponentProps<typeof Meter.Value>;
 
+export declare const NavigationMenuArrow: {
+    ({ className, ...props }: NavigationMenuArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuArrowProps = React_2.ComponentProps<typeof NavigationMenu.Arrow>;
+
+export declare const NavigationMenuBackdrop: {
+    ({ className, ...props }: NavigationMenuBackdropProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuBackdropProps = React_2.ComponentProps<typeof NavigationMenu.Backdrop>;
+
+export declare const NavigationMenuContent: {
+    ({ className, ...props }: NavigationMenuContentProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuContentProps = React_2.ComponentProps<typeof NavigationMenu.Content>;
+
+export declare const NavigationMenuIcon: {
+    ({ className, ...props }: NavigationMenuIconProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuIconProps = React_2.ComponentProps<typeof NavigationMenu.Icon>;
+
+export declare const NavigationMenuItem: {
+    ({ className, ...props }: NavigationMenuItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuItemProps = React_2.ComponentProps<typeof NavigationMenu.Item>;
+
+export declare const NavigationMenuLink: {
+    ({ className, ...props }: NavigationMenuLinkProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuLinkProps = React_2.ComponentProps<typeof NavigationMenu.Link>;
+
+export declare const NavigationMenuList: {
+    ({ className, ...props }: NavigationMenuListProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuListProps = React_2.ComponentProps<typeof NavigationMenu.List>;
+
+export declare const NavigationMenuPopup: {
+    ({ className, ...props }: NavigationMenuPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuPopupProps = React_2.ComponentProps<typeof NavigationMenu.Popup>;
+
+export declare const NavigationMenuPortal: {
+    (props: NavigationMenuPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuPortalProps = React_2.ComponentProps<typeof NavigationMenu.Portal>;
+
+export declare const NavigationMenuPositioner: {
+    ({ className, sideOffset, collisionPadding, ...props }: NavigationMenuPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuPositionerProps = React_2.ComponentProps<typeof NavigationMenu.Positioner>;
+
+export declare const NavigationMenuRoot: {
+    ({ className, ...props }: NavigationMenuRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuRootProps = React_2.ComponentProps<typeof NavigationMenu.Root>;
+
+export declare const NavigationMenuTrigger: {
+    ({ className, ...props }: NavigationMenuTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuTriggerProps = React_2.ComponentProps<typeof NavigationMenu.Trigger>;
+
+export declare const NavigationMenuViewport: {
+    ({ className, ...props }: NavigationMenuViewportProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuViewportProps = React_2.ComponentProps<typeof NavigationMenu.Viewport>;
+
 export declare const PopoverArrow: {
     ({ className, ...props }: PopoverArrowProps): JSX.Element;
     displayName: string;

package/dist/index.js

@@ -1,189 +1,203 @@
 import { Button as r } from "./button.js";
 import { CollapsiblePanel as a, CollapsibleRoot as i, CollapsibleTrigger as n } from "./collapsible.js";
-import { AlertDialogBackdrop as u, AlertDialogClose as p, AlertDialogDescription as M, AlertDialogPopup as b, AlertDialogPortal as d, AlertDialogRoot as g, AlertDialogTitle as m, AlertDialogTrigger as C, AlertDialogViewport as c } from "./alert-dialog.js";
-import { AlertDialog as P } from "@base-ui/react/alert-dialog";
-import { AvatarFallback as s, AvatarImage as D, AvatarRoot as R, AvatarStack as I } from "./avatar.js";
-import { ScrollAreaContent as w, ScrollAreaCorner as S, ScrollAreaRoot as f, ScrollAreaScrollbar as v, ScrollAreaThumb as k, ScrollAreaViewport as h } from "./scroll-area.js";
-import { Separator as G } from "./separator.js";
-import { SwitchRoot as B, SwitchThumb as F } from "./switch.js";
-import { Toggle as j } from "./toggle.js";
-import { TabsIndicator as y, TabsList as z, TabsPanel as E, TabsRoot as J, TabsTab as K } from "./tabs.js";
+import { AlertDialogBackdrop as l, AlertDialogClose as p, AlertDialogDescription as M, AlertDialogPopup as g, AlertDialogPortal as d, AlertDialogRoot as m, AlertDialogTitle as b, AlertDialogTrigger as c, AlertDialogViewport as C } from "./alert-dialog.js";
+import { AlertDialog as x } from "@base-ui/react/alert-dialog";
+import { AvatarFallback as s, AvatarImage as v, AvatarRoot as D, AvatarStack as R } from "./avatar.js";
+import { ScrollAreaContent as A, ScrollAreaCorner as w, ScrollAreaRoot as f, ScrollAreaScrollbar as S, ScrollAreaThumb as k, ScrollAreaViewport as h } from "./scroll-area.js";
+import { Separator as N } from "./separator.js";
+import { SwitchRoot as V, SwitchThumb as B } from "./switch.js";
+import { Toggle as H } from "./toggle.js";
+import { TabsIndicator as q, TabsList as y, TabsPanel as z, TabsRoot as E, TabsTab as J } from "./tabs.js";
 import { ToastAction as O, ToastClose as Q, ToastContent as U, ToastDescription as W, ToastPositioner as X, ToastProvider as Y, ToastRoot as Z, ToastTitle as _, ToastViewport as $ } from "./toast.js";
-import { DialogBackdrop as eo, DialogClose as ro, DialogDescription as to, DialogFooter as ao, DialogHeader as io, DialogPopup as no, DialogPortal as lo, DialogRoot as uo, DialogTitle as po, DialogTrigger as Mo } from "./dialog.js";
-import { DrawerBackdrop as go, DrawerClose as mo, DrawerContent as Co, DrawerDescription as co, DrawerFooter as xo, DrawerHeader as Po, DrawerPopup as To, DrawerPortal as so, DrawerRoot as Do, DrawerTitle as Ro, DrawerTrigger as Io } from "./drawer.js";
-import { AccordionHeader as wo, AccordionItem as So, AccordionPanel as fo, AccordionRoot as vo, AccordionTrigger as ko } from "./accordion.js";
-import { MeterIndicator as Lo, MeterLabel as Go, MeterRoot as Vo, MeterTrack as Bo, MeterValue as Fo } from "./meter.js";
-import { MenuArrow as jo, MenuCheckboxItem as qo, MenuCheckboxItemIndicator as yo, MenuCheckboxItemLabel as zo, MenuGroup as Eo, MenuGroupLabel as Jo, MenuItem as Ko, MenuPopup as No, MenuPortal as Oo, MenuPositioner as Qo, MenuRadioGroup as Uo, MenuRadioItem as Wo, MenuRadioItemIndicator as Xo, MenuRadioItemLabel as Yo, MenuRoot as Zo, MenuSeparator as _o, MenuSubmenuRoot as $o, MenuSubmenuTrigger as oe, MenuTrigger as ee } from "./menu.js";
-import { PopoverArrow as te, PopoverBackdrop as ae, PopoverClose as ie, PopoverDescription as ne, PopoverPopup as le, PopoverPortal as ue, PopoverPositioner as pe, PopoverRoot as Me, PopoverTitle as be, PopoverTrigger as de, PopoverViewport as ge } from "./popover.js";
-import { ProgressIndicator as Ce, ProgressLabel as ce, ProgressRoot as xe, ProgressTrack as Pe, ProgressValue as Te } from "./progress.js";
-import { ToggleGroupItem as De, ToggleGroupRoot as Re } from "./toggle-group.js";
-import { CardContent as Ae, CardDescription as we, CardFooter as Se, CardHeader as fe, CardMedia as ve, CardRoot as ke, CardSection as he, CardTitle as Le } from "./card.js";
-import { ContextMenuArrow as Ve, ContextMenuCheckboxItem as Be, ContextMenuCheckboxItemIndicator as Fe, ContextMenuCheckboxItemLabel as He, ContextMenuGroup as je, ContextMenuGroupLabel as qe, ContextMenuItem as ye, ContextMenuPopup as ze, ContextMenuPortal as Ee, ContextMenuPositioner as Je, ContextMenuRadioGroup as Ke, ContextMenuRadioItem as Ne, ContextMenuRadioItemIndicator as Oe, ContextMenuRadioItemLabel as Qe, ContextMenuRoot as Ue, ContextMenuSeparator as We, ContextMenuSubmenuRoot as Xe, ContextMenuSubmenuTrigger as Ye, ContextMenuTrigger as Ze } from "./context-menu.js";
-import { MenubarArrow as $e, MenubarCheckboxItem as or, MenubarCheckboxItemIndicator as er, MenubarCheckboxItemLabel as rr, MenubarGroup as tr, MenubarGroupLabel as ar, MenubarItem as ir, MenubarMenu as nr, MenubarPopup as lr, MenubarPortal as ur, MenubarPositioner as pr, MenubarRadioGroup as Mr, MenubarRadioItem as br, MenubarRadioItemIndicator as dr, MenubarRadioItemLabel as gr, MenubarRoot as mr, MenubarSeparator as Cr, MenubarSubmenuRoot as cr, MenubarSubmenuTrigger as xr, MenubarTrigger as Pr } from "./menubar.js";
-import { SliderControl as sr, SliderIndicator as Dr, SliderRoot as Rr, SliderThumb as Ir, SliderTrack as Ar, SliderValue as wr } from "./slider.js";
-import { TooltipArrow as fr, TooltipPopup as vr, TooltipPortal as kr, TooltipPositioner as hr, TooltipProvider as Lr, TooltipRoot as Gr, TooltipTrigger as Vr } from "./tooltip.js";
-import { PreviewCardArrow as Fr, PreviewCardBackdrop as Hr, PreviewCardPopup as jr, PreviewCardPortal as qr, PreviewCardPositioner as yr, PreviewCardRoot as zr, PreviewCardTrigger as Er } from "./preview-card.js";
-import { Toast as Kr } from "@base-ui/react/toast";
+import { DialogBackdrop as eo, DialogClose as ro, DialogDescription as to, DialogFooter as ao, DialogHeader as io, DialogPopup as no, DialogPortal as uo, DialogRoot as lo, DialogTitle as po, DialogTrigger as Mo } from "./dialog.js";
+import { DrawerBackdrop as mo, DrawerClose as bo, DrawerContent as co, DrawerDescription as Co, DrawerFooter as Po, DrawerHeader as xo, DrawerPopup as To, DrawerPortal as so, DrawerRoot as vo, DrawerTitle as Do, DrawerTrigger as Ro } from "./drawer.js";
+import { AccordionHeader as Ao, AccordionItem as wo, AccordionPanel as fo, AccordionRoot as So, AccordionTrigger as ko } from "./accordion.js";
+import { MeterIndicator as Lo, MeterLabel as No, MeterRoot as Go, MeterTrack as Vo, MeterValue as Bo } from "./meter.js";
+import { NavigationMenuArrow as Ho, NavigationMenuBackdrop as jo, NavigationMenuContent as qo, NavigationMenuIcon as yo, NavigationMenuItem as zo, NavigationMenuLink as Eo, NavigationMenuList as Jo, NavigationMenuPopup as Ko, NavigationMenuPortal as Oo, NavigationMenuPositioner as Qo, NavigationMenuRoot as Uo, NavigationMenuTrigger as Wo, NavigationMenuViewport as Xo } from "./navigation-menu.js";
+import { MenuArrow as Zo, MenuCheckboxItem as _o, MenuCheckboxItemIndicator as $o, MenuCheckboxItemLabel as oe, MenuGroup as ee, MenuGroupLabel as re, MenuItem as te, MenuPopup as ae, MenuPortal as ie, MenuPositioner as ne, MenuRadioGroup as ue, MenuRadioItem as le, MenuRadioItemIndicator as pe, MenuRadioItemLabel as Me, MenuRoot as ge, MenuSeparator as de, MenuSubmenuRoot as me, MenuSubmenuTrigger as be, MenuTrigger as ce } from "./menu.js";
+import { PopoverArrow as Pe, PopoverBackdrop as xe, PopoverClose as Te, PopoverDescription as se, PopoverPopup as ve, PopoverPortal as De, PopoverPositioner as Re, PopoverRoot as Ie, PopoverTitle as Ae, PopoverTrigger as we, PopoverViewport as fe } from "./popover.js";
+import { ProgressIndicator as ke, ProgressLabel as he, ProgressRoot as Le, ProgressTrack as Ne, ProgressValue as Ge } from "./progress.js";
+import { ToggleGroupItem as Be, ToggleGroupRoot as Fe } from "./toggle-group.js";
+import { CardContent as je, CardDescription as qe, CardFooter as ye, CardHeader as ze, CardMedia as Ee, CardRoot as Je, CardSection as Ke, CardTitle as Oe } from "./card.js";
+import { ContextMenuArrow as Ue, ContextMenuCheckboxItem as We, ContextMenuCheckboxItemIndicator as Xe, ContextMenuCheckboxItemLabel as Ye, ContextMenuGroup as Ze, ContextMenuGroupLabel as _e, ContextMenuItem as $e, ContextMenuPopup as or, ContextMenuPortal as er, ContextMenuPositioner as rr, ContextMenuRadioGroup as tr, ContextMenuRadioItem as ar, ContextMenuRadioItemIndicator as ir, ContextMenuRadioItemLabel as nr, ContextMenuRoot as ur, ContextMenuSeparator as lr, ContextMenuSubmenuRoot as pr, ContextMenuSubmenuTrigger as Mr, ContextMenuTrigger as gr } from "./context-menu.js";
+import { MenubarArrow as mr, MenubarCheckboxItem as br, MenubarCheckboxItemIndicator as cr, MenubarCheckboxItemLabel as Cr, MenubarGroup as Pr, MenubarGroupLabel as xr, MenubarItem as Tr, MenubarMenu as sr, MenubarPopup as vr, MenubarPortal as Dr, MenubarPositioner as Rr, MenubarRadioGroup as Ir, MenubarRadioItem as Ar, MenubarRadioItemIndicator as wr, MenubarRadioItemLabel as fr, MenubarRoot as Sr, MenubarSeparator as kr, MenubarSubmenuRoot as hr, MenubarSubmenuTrigger as Lr, MenubarTrigger as Nr } from "./menubar.js";
+import { SliderControl as Vr, SliderIndicator as Br, SliderRoot as Fr, SliderThumb as Hr, SliderTrack as jr, SliderValue as qr } from "./slider.js";
+import { TooltipArrow as zr, TooltipPopup as Er, TooltipPortal as Jr, TooltipPositioner as Kr, TooltipProvider as Or, TooltipRoot as Qr, TooltipTrigger as Ur } from "./tooltip.js";
+import { PreviewCardArrow as Xr, PreviewCardBackdrop as Yr, PreviewCardPopup as Zr, PreviewCardPortal as _r, PreviewCardPositioner as $r, PreviewCardRoot as ot, PreviewCardTrigger as et } from "./preview-card.js";
+import { Toast as tt } from "@base-ui/react/toast";
 export {
-  wo as AccordionHeader,
-  So as AccordionItem,
+  Ao as AccordionHeader,
+  wo as AccordionItem,
   fo as AccordionPanel,
-  vo as AccordionRoot,
+  So as AccordionRoot,
   ko as AccordionTrigger,
-  P as AlertDialog,
-  u as AlertDialogBackdrop,
+  x as AlertDialog,
+  l as AlertDialogBackdrop,
   p as AlertDialogClose,
   M as AlertDialogDescription,
-  b as AlertDialogPopup,
+  g as AlertDialogPopup,
   d as AlertDialogPortal,
-  g as AlertDialogRoot,
-  m as AlertDialogTitle,
-  C as AlertDialogTrigger,
-  c as AlertDialogViewport,
+  m as AlertDialogRoot,
+  b as AlertDialogTitle,
+  c as AlertDialogTrigger,
+  C as AlertDialogViewport,
   s as AvatarFallback,
-  D as AvatarImage,
-  R as AvatarRoot,
-  I as AvatarStack,
+  v as AvatarImage,
+  D as AvatarRoot,
+  R as AvatarStack,
   r as Button,
-  Ae as CardContent,
-  we as CardDescription,
-  Se as CardFooter,
-  fe as CardHeader,
-  ve as CardMedia,
-  ke as CardRoot,
-  he as CardSection,
-  Le as CardTitle,
+  je as CardContent,
+  qe as CardDescription,
+  ye as CardFooter,
+  ze as CardHeader,
+  Ee as CardMedia,
+  Je as CardRoot,
+  Ke as CardSection,
+  Oe as CardTitle,
   a as CollapsiblePanel,
   i as CollapsibleRoot,
   n as CollapsibleTrigger,
-  Ve as ContextMenuArrow,
-  Be as ContextMenuCheckboxItem,
-  Fe as ContextMenuCheckboxItemIndicator,
-  He as ContextMenuCheckboxItemLabel,
-  je as ContextMenuGroup,
-  qe as ContextMenuGroupLabel,
-  ye as ContextMenuItem,
-  ze as ContextMenuPopup,
-  Ee as ContextMenuPortal,
-  Je as ContextMenuPositioner,
-  Ke as ContextMenuRadioGroup,
-  Ne as ContextMenuRadioItem,
-  Oe as ContextMenuRadioItemIndicator,
-  Qe as ContextMenuRadioItemLabel,
-  Ue as ContextMenuRoot,
-  We as ContextMenuSeparator,
-  Xe as ContextMenuSubmenuRoot,
-  Ye as ContextMenuSubmenuTrigger,
-  Ze as ContextMenuTrigger,
+  Ue as ContextMenuArrow,
+  We as ContextMenuCheckboxItem,
+  Xe as ContextMenuCheckboxItemIndicator,
+  Ye as ContextMenuCheckboxItemLabel,
+  Ze as ContextMenuGroup,
+  _e as ContextMenuGroupLabel,
+  $e as ContextMenuItem,
+  or as ContextMenuPopup,
+  er as ContextMenuPortal,
+  rr as ContextMenuPositioner,
+  tr as ContextMenuRadioGroup,
+  ar as ContextMenuRadioItem,
+  ir as ContextMenuRadioItemIndicator,
+  nr as ContextMenuRadioItemLabel,
+  ur as ContextMenuRoot,
+  lr as ContextMenuSeparator,
+  pr as ContextMenuSubmenuRoot,
+  Mr as ContextMenuSubmenuTrigger,
+  gr as ContextMenuTrigger,
   eo as DialogBackdrop,
   ro as DialogClose,
   to as DialogDescription,
   ao as DialogFooter,
   io as DialogHeader,
   no as DialogPopup,
-  lo as DialogPortal,
-  uo as DialogRoot,
+  uo as DialogPortal,
+  lo as DialogRoot,
   po as DialogTitle,
   Mo as DialogTrigger,
-  go as DrawerBackdrop,
-  mo as DrawerClose,
-  Co as DrawerContent,
-  co as DrawerDescription,
-  xo as DrawerFooter,
-  Po as DrawerHeader,
+  mo as DrawerBackdrop,
+  bo as DrawerClose,
+  co as DrawerContent,
+  Co as DrawerDescription,
+  Po as DrawerFooter,
+  xo as DrawerHeader,
   To as DrawerPopup,
   so as DrawerPortal,
-  Do as DrawerRoot,
-  Ro as DrawerTitle,
-  Io as DrawerTrigger,
-  jo as MenuArrow,
-  qo as MenuCheckboxItem,
-  yo as MenuCheckboxItemIndicator,
-  zo as MenuCheckboxItemLabel,
-  Eo as MenuGroup,
-  Jo as MenuGroupLabel,
-  Ko as MenuItem,
-  No as MenuPopup,
-  Oo as MenuPortal,
-  Qo as MenuPositioner,
-  Uo as MenuRadioGroup,
-  Wo as MenuRadioItem,
-  Xo as MenuRadioItemIndicator,
-  Yo as MenuRadioItemLabel,
-  Zo as MenuRoot,
-  _o as MenuSeparator,
-  $o as MenuSubmenuRoot,
-  oe as MenuSubmenuTrigger,
-  ee as MenuTrigger,
-  $e as MenubarArrow,
-  or as MenubarCheckboxItem,
-  er as MenubarCheckboxItemIndicator,
-  rr as MenubarCheckboxItemLabel,
-  tr as MenubarGroup,
-  ar as MenubarGroupLabel,
-  ir as MenubarItem,
-  nr as MenubarMenu,
-  lr as MenubarPopup,
-  ur as MenubarPortal,
-  pr as MenubarPositioner,
-  Mr as MenubarRadioGroup,
-  br as MenubarRadioItem,
-  dr as MenubarRadioItemIndicator,
-  gr as MenubarRadioItemLabel,
-  mr as MenubarRoot,
-  Cr as MenubarSeparator,
-  cr as MenubarSubmenuRoot,
-  xr as MenubarSubmenuTrigger,
-  Pr as MenubarTrigger,
+  vo as DrawerRoot,
+  Do as DrawerTitle,
+  Ro as DrawerTrigger,
+  Zo as MenuArrow,
+  _o as MenuCheckboxItem,
+  $o as MenuCheckboxItemIndicator,
+  oe as MenuCheckboxItemLabel,
+  ee as MenuGroup,
+  re as MenuGroupLabel,
+  te as MenuItem,
+  ae as MenuPopup,
+  ie as MenuPortal,
+  ne as MenuPositioner,
+  ue as MenuRadioGroup,
+  le as MenuRadioItem,
+  pe as MenuRadioItemIndicator,
+  Me as MenuRadioItemLabel,
+  ge as MenuRoot,
+  de as MenuSeparator,
+  me as MenuSubmenuRoot,
+  be as MenuSubmenuTrigger,
+  ce as MenuTrigger,
+  mr as MenubarArrow,
+  br as MenubarCheckboxItem,
+  cr as MenubarCheckboxItemIndicator,
+  Cr as MenubarCheckboxItemLabel,
+  Pr as MenubarGroup,
+  xr as MenubarGroupLabel,
+  Tr as MenubarItem,
+  sr as MenubarMenu,
+  vr as MenubarPopup,
+  Dr as MenubarPortal,
+  Rr as MenubarPositioner,
+  Ir as MenubarRadioGroup,
+  Ar as MenubarRadioItem,
+  wr as MenubarRadioItemIndicator,
+  fr as MenubarRadioItemLabel,
+  Sr as MenubarRoot,
+  kr as MenubarSeparator,
+  hr as MenubarSubmenuRoot,
+  Lr as MenubarSubmenuTrigger,
+  Nr as MenubarTrigger,
   Lo as MeterIndicator,
-  Go as MeterLabel,
-  Vo as MeterRoot,
-  Bo as MeterTrack,
-  Fo as MeterValue,
-  te as PopoverArrow,
-  ae as PopoverBackdrop,
-  ie as PopoverClose,
-  ne as PopoverDescription,
-  le as PopoverPopup,
-  ue as PopoverPortal,
-  pe as PopoverPositioner,
-  Me as PopoverRoot,
-  be as PopoverTitle,
-  de as PopoverTrigger,
-  ge as PopoverViewport,
-  Fr as PreviewCardArrow,
-  Hr as PreviewCardBackdrop,
-  jr as PreviewCardPopup,
-  qr as PreviewCardPortal,
-  yr as PreviewCardPositioner,
-  zr as PreviewCardRoot,
-  Er as PreviewCardTrigger,
-  Ce as ProgressIndicator,
-  ce as ProgressLabel,
-  xe as ProgressRoot,
-  Pe as ProgressTrack,
-  Te as ProgressValue,
-  w as ScrollAreaContent,
-  S as ScrollAreaCorner,
+  No as MeterLabel,
+  Go as MeterRoot,
+  Vo as MeterTrack,
+  Bo as MeterValue,
+  Ho as NavigationMenuArrow,
+  jo as NavigationMenuBackdrop,
+  qo as NavigationMenuContent,
+  yo as NavigationMenuIcon,
+  zo as NavigationMenuItem,
+  Eo as NavigationMenuLink,
+  Jo as NavigationMenuList,
+  Ko as NavigationMenuPopup,
+  Oo as NavigationMenuPortal,
+  Qo as NavigationMenuPositioner,
+  Uo as NavigationMenuRoot,
+  Wo as NavigationMenuTrigger,
+  Xo as NavigationMenuViewport,
+  Pe as PopoverArrow,
+  xe as PopoverBackdrop,
+  Te as PopoverClose,
+  se as PopoverDescription,
+  ve as PopoverPopup,
+  De as PopoverPortal,
+  Re as PopoverPositioner,
+  Ie as PopoverRoot,
+  Ae as PopoverTitle,
+  we as PopoverTrigger,
+  fe as PopoverViewport,
+  Xr as PreviewCardArrow,
+  Yr as PreviewCardBackdrop,
+  Zr as PreviewCardPopup,
+  _r as PreviewCardPortal,
+  $r as PreviewCardPositioner,
+  ot as PreviewCardRoot,
+  et as PreviewCardTrigger,
+  ke as ProgressIndicator,
+  he as ProgressLabel,
+  Le as ProgressRoot,
+  Ne as ProgressTrack,
+  Ge as ProgressValue,
+  A as ScrollAreaContent,
+  w as ScrollAreaCorner,
   f as ScrollAreaRoot,
-  v as ScrollAreaScrollbar,
+  S as ScrollAreaScrollbar,
   k as ScrollAreaThumb,
   h as ScrollAreaViewport,
-  G as Separator,
-  sr as SliderControl,
-  Dr as SliderIndicator,
-  Rr as SliderRoot,
-  Ir as SliderThumb,
-  Ar as SliderTrack,
-  wr as SliderValue,
-  B as SwitchRoot,
-  F as SwitchThumb,
-  y as TabsIndicator,
-  z as TabsList,
-  E as TabsPanel,
-  J as TabsRoot,
-  K as TabsTab,
-  Kr as Toast,
+  N as Separator,
+  Vr as SliderControl,
+  Br as SliderIndicator,
+  Fr as SliderRoot,
+  Hr as SliderThumb,
+  jr as SliderTrack,
+  qr as SliderValue,
+  V as SwitchRoot,
+  B as SwitchThumb,
+  q as TabsIndicator,
+  y as TabsList,
+  z as TabsPanel,
+  E as TabsRoot,
+  J as TabsTab,
+  tt as Toast,
   O as ToastAction,
   Q as ToastClose,
   U as ToastContent,
@@ -193,14 +207,14 @@ export {
   Z as ToastRoot,
   _ as ToastTitle,
   $ as ToastViewport,
-  j as Toggle,
-  De as ToggleGroupItem,
-  Re as ToggleGroupRoot,
-  fr as TooltipArrow,
-  vr as TooltipPopup,
-  kr as TooltipPortal,
-  hr as TooltipPositioner,
-  Lr as TooltipProvider,
-  Gr as TooltipRoot,
-  Vr as TooltipTrigger
+  H as Toggle,
+  Be as ToggleGroupItem,
+  Fe as ToggleGroupRoot,
+  zr as TooltipArrow,
+  Er as TooltipPopup,
+  Jr as TooltipPortal,
+  Kr as TooltipPositioner,
+  Or as TooltipProvider,
+  Qr as TooltipRoot,
+  Ur as TooltipTrigger
 };

package/dist/navigation-menu.d.ts

@@ -0,0 +1,96 @@
+import { JSX } from 'react/jsx-runtime';
+import { NavigationMenu } from '@base-ui/react/navigation-menu';
+import * as React_2 from 'react';
+
+export declare const NavigationMenuArrow: {
+    ({ className, ...props }: NavigationMenuArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuArrowProps = React_2.ComponentProps<typeof NavigationMenu.Arrow>;
+
+export declare const NavigationMenuBackdrop: {
+    ({ className, ...props }: NavigationMenuBackdropProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuBackdropProps = React_2.ComponentProps<typeof NavigationMenu.Backdrop>;
+
+export declare const NavigationMenuContent: {
+    ({ className, ...props }: NavigationMenuContentProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuContentProps = React_2.ComponentProps<typeof NavigationMenu.Content>;
+
+export declare const NavigationMenuIcon: {
+    ({ className, ...props }: NavigationMenuIconProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuIconProps = React_2.ComponentProps<typeof NavigationMenu.Icon>;
+
+export declare const NavigationMenuItem: {
+    ({ className, ...props }: NavigationMenuItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuItemProps = React_2.ComponentProps<typeof NavigationMenu.Item>;
+
+export declare const NavigationMenuLink: {
+    ({ className, ...props }: NavigationMenuLinkProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuLinkProps = React_2.ComponentProps<typeof NavigationMenu.Link>;
+
+export declare const NavigationMenuList: {
+    ({ className, ...props }: NavigationMenuListProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuListProps = React_2.ComponentProps<typeof NavigationMenu.List>;
+
+export declare const NavigationMenuPopup: {
+    ({ className, ...props }: NavigationMenuPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuPopupProps = React_2.ComponentProps<typeof NavigationMenu.Popup>;
+
+export declare const NavigationMenuPortal: {
+    (props: NavigationMenuPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuPortalProps = React_2.ComponentProps<typeof NavigationMenu.Portal>;
+
+export declare const NavigationMenuPositioner: {
+    ({ className, sideOffset, collisionPadding, ...props }: NavigationMenuPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuPositionerProps = React_2.ComponentProps<typeof NavigationMenu.Positioner>;
+
+export declare const NavigationMenuRoot: {
+    ({ className, ...props }: NavigationMenuRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuRootProps = React_2.ComponentProps<typeof NavigationMenu.Root>;
+
+export declare const NavigationMenuTrigger: {
+    ({ className, ...props }: NavigationMenuTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuTriggerProps = React_2.ComponentProps<typeof NavigationMenu.Trigger>;
+
+export declare const NavigationMenuViewport: {
+    ({ className, ...props }: NavigationMenuViewportProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuViewportProps = React_2.ComponentProps<typeof NavigationMenu.Viewport>;
+
+export { }

package/dist/navigation-menu.js

@@ -0,0 +1,176 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { NavigationMenu as o } from "@base-ui/react/navigation-menu";
+import { A as c } from "./arrow-svg-C6zQTvgS.js";
+import { c as n } from "./utils-B6yFEsav.js";
+const i = [
+  "inline-flex items-center justify-center rounded-md text-sm font-medium outline-none select-none",
+  "h-9 px-4 py-2",
+  "transition-colors",
+  "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+  "focus:bg-accent focus:text-accent-foreground"
+], r = [
+  "group-data-content/content:block group-data-content/content:h-auto group-data-content/content:w-auto group-data-content/content:p-2",
+  "group-data-content/content:hover:bg-accent group-data-content/content:hover:text-accent-foreground"
+], l = ({ className: t, ...a }) => /* @__PURE__ */ e(o.Root, { className: n("min-w-max", t), ...a });
+l.displayName = "NavigationMenuRoot";
+const u = ({ className: t, ...a }) => /* @__PURE__ */ e(
+  o.List,
+  {
+    className: n("flex items-center gap-1 relative", t),
+    ...a
+  }
+);
+u.displayName = "NavigationMenuList";
+const g = ({ className: t, ...a }) => /* @__PURE__ */ e(o.Item, { className: n(t), ...a });
+g.displayName = "NavigationMenuItem";
+const p = ({ className: t, ...a }) => /* @__PURE__ */ e(
+  o.Trigger,
+  {
+    className: n(
+      i,
+      r,
+      "group gap-1",
+      "group-data-content/content:inline-flex group-data-content/content:w-full group-data-content/content:justify-between",
+      t
+    ),
+    ...a
+  }
+);
+p.displayName = "NavigationMenuTrigger";
+const m = ({ className: t, ...a }) => /* @__PURE__ */ e(
+  o.Icon,
+  {
+    className: n(
+      "transition-transform duration-200 ease-in-out",
+      "group-data-popup-open:rotate-180",
+      t
+    ),
+    ...a
+  }
+);
+m.displayName = "NavigationMenuIcon";
+const f = ({ className: t, ...a }) => /* @__PURE__ */ e(
+  o.Content,
+  {
+    "data-content": !0,
+    className: n(
+      "group/content",
+      "w-[calc(100vw-40px)] h-full p-2 xs:w-max xs:min-w-[400px] xs:w-max",
+      "transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)]",
+      "data-starting-style:opacity-0 data-ending-style:opacity-0",
+      "data-starting-style:data-[activation-direction=left]:translate-x-[-50%] data-starting-style:data-[activation-direction=right]:translate-x-[50%]",
+      "data-ending-style:data-[activation-direction=left]:translate-x-[50%] data-ending-style:data-[activation-direction=right]:translate-x-[-50%]",
+      t
+    ),
+    ...a
+  }
+);
+f.displayName = "NavigationMenuContent";
+const b = ({ className: t, ...a }) => /* @__PURE__ */ e(
+  o.Link,
+  {
+    className: n(
+      i,
+      r,
+      "data-active:bg-accent data-active:text-accent-foreground",
+      t
+    ),
+    ...a
+  }
+);
+b.displayName = "NavigationMenuLink";
+const N = (t) => /* @__PURE__ */ e(o.Portal, { ...t });
+N.displayName = "NavigationMenuPortal";
+const v = ({
+  className: t,
+  sideOffset: a = 10,
+  collisionPadding: s = { top: 5, bottom: 5, left: 20, right: 20 },
+  ...d
+}) => /* @__PURE__ */ e(
+  o.Positioner,
+  {
+    className: n(
+      "z-50 box-border",
+      "h-(--positioner-height) w-(--positioner-width) max-w-(--available-width)",
+      "transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)]",
+      "data-instant:transition-none",
+      // Gap element to maintain hover when moving to popup
+      "before:absolute before:content-['']",
+      "data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0 data-[side=bottom]:before:h-2.5",
+      "data-[side=top]:before:right-0 data-[side=top]:before:bottom-[-10px] data-[side=top]:before:left-0 data-[side=top]:before:h-2.5",
+      "data-[side=left]:before:top-0 data-[side=left]:before:right-[-10px] data-[side=left]:before:bottom-0 data-[side=left]:before:w-2.5",
+      "data-[side=right]:before:top-0 data-[side=right]:before:bottom-0 data-[side=right]:before:left-[-10px] data-[side=right]:before:w-2.5",
+      t
+    ),
+    sideOffset: a,
+    collisionPadding: s,
+    ...d
+  }
+);
+v.displayName = "NavigationMenuPositioner";
+const h = ({ className: t, ...a }) => /* @__PURE__ */ e(
+  o.Popup,
+  {
+    className: n(
+      "relative rounded-lg border border-border bg-background shadow-lg",
+      "h-(--popup-height) w-(--popup-width)",
+      "origin-(--transform-origin)",
+      "transition-[opacity,transform,width,height,scale] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)]",
+      "data-starting-style:scale-90 data-starting-style:opacity-0",
+      "data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150",
+      t
+    ),
+    ...a
+  }
+);
+h.displayName = "NavigationMenuPopup";
+const y = ({ className: t, ...a }) => /* @__PURE__ */ e(
+  o.Viewport,
+  {
+    className: n("relative h-full w-full overflow-hidden", t),
+    ...a
+  }
+);
+y.displayName = "NavigationMenuViewport";
+const x = ({ className: t, ...a }) => /* @__PURE__ */ e(
+  o.Arrow,
+  {
+    className: n(
+      "flex transition-[left] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)]",
+      "data-[side=bottom]:top-[-9px] data-[side=left]:right-[-14px] data-[side=left]:rotate-90 data-[side=right]:left-[-14px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-9px] data-[side=top]:rotate-180",
+      t
+    ),
+    ...a,
+    children: /* @__PURE__ */ e(c, {})
+  }
+);
+x.displayName = "NavigationMenuArrow";
+const w = ({ className: t, ...a }) => /* @__PURE__ */ e(
+  o.Backdrop,
+  {
+    className: n(
+      "fixed inset-0 z-40 bg-black/50 backdrop-blur-sm",
+      "transition-opacity duration-200",
+      "data-starting-style:opacity-0 data-ending-style:opacity-0",
+      t
+    ),
+    ...a
+  }
+);
+w.displayName = "NavigationMenuBackdrop";
+export {
+  x as NavigationMenuArrow,
+  w as NavigationMenuBackdrop,
+  f as NavigationMenuContent,
+  m as NavigationMenuIcon,
+  g as NavigationMenuItem,
+  b as NavigationMenuLink,
+  u as NavigationMenuList,
+  h as NavigationMenuPopup,
+  N as NavigationMenuPortal,
+  v as NavigationMenuPositioner,
+  l as NavigationMenuRoot,
+  p as NavigationMenuTrigger,
+  y as NavigationMenuViewport
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lglab/compose-ui",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "description": "A collection of components built with Base UI & Tailwind CSS",
   "author": "LGLab",
   "license": "MIT",
@@ -74,6 +74,10 @@
       "import": "./dist/meter.js",
       "types": "./dist/meter.d.ts"
     },
+    "./navigation-menu": {
+      "import": "./dist/navigation-menu.js",
+      "types": "./dist/navigation-menu.d.ts"
+    },
     "./popover": {
       "import": "./dist/popover.js",
       "types": "./dist/popover.d.ts"