@lglab/compose-ui 0.22.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';
@@ -19,6 +20,7 @@ import { Separator as Separator_2 } from '@base-ui/react/separator';
 import { Slider } from '@base-ui/react/slider';
 import { Switch } from '@base-ui/react/switch';
 import { Tabs } from '@base-ui/react/tabs';
+import { Toast } from '@base-ui/react/toast';
 import { Toggle as Toggle_2 } from '@base-ui/react/toggle';
 import { ToggleGroup } from '@base-ui/react/toggle-group';
 import { Tooltip } from '@base-ui/react/tooltip';
@@ -933,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;
@@ -1243,6 +1336,78 @@ export declare type TabsTabProps = React_2.ComponentProps<typeof Tabs.Tab> & {
     size?: 'sm' | 'default' | 'lg';
 };
 
+export { Toast }
+
+export declare const ToastAction: {
+    ({ className, variant, size, ...props }: ToastActionProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastActionProps = React_2.ComponentProps<typeof Toast.Action> & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+};
+
+export declare const ToastClose: {
+    ({ className, ...props }: ToastCloseProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastCloseProps = React_2.ComponentProps<typeof Toast.Close>;
+
+export declare const ToastContent: {
+    ({ className, ...props }: ToastContentProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastContentProps = React_2.ComponentProps<typeof Toast.Content>;
+
+export declare const ToastDescription: {
+    ({ className, ...props }: ToastDescriptionProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastDescriptionProps = React_2.ComponentProps<typeof Toast.Description>;
+
+declare type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+
+export declare const ToastPositioner: {
+    ({ className, ...props }: ToastPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastPositionerProps = React_2.ComponentProps<typeof Toast.Positioner>;
+
+export declare const ToastProvider: {
+    (props: ToastProviderProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastProviderProps = React_2.ComponentProps<typeof Toast.Provider>;
+
+export declare const ToastRoot: {
+    ({ className, ...props }: ToastRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastRootProps = React_2.ComponentProps<typeof Toast.Root>;
+
+export declare const ToastTitle: {
+    ({ className, ...props }: ToastTitleProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastTitleProps = React_2.ComponentProps<typeof Toast.Title>;
+
+export declare const ToastViewport: {
+    ({ className, position, ...props }: ToastViewportProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastViewportProps = React_2.ComponentProps<typeof Toast.Viewport> & {
+    position?: ToastPosition;
+};
+
 export declare const Toggle: {
     ({ className, variant, size, ...props }: ToggleProps): JSX.Element;
     displayName: string;

package/dist/index.js

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

@@ -0,0 +1,81 @@
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { Toast } from '@base-ui/react/toast';
+
+declare type ButtonSize = 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
+
+declare type ButtonVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
+
+export { Toast }
+
+export declare const ToastAction: {
+    ({ className, variant, size, ...props }: ToastActionProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastActionProps = React_2.ComponentProps<typeof Toast.Action> & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+};
+
+export declare const ToastClose: {
+    ({ className, ...props }: ToastCloseProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastCloseProps = React_2.ComponentProps<typeof Toast.Close>;
+
+export declare const ToastContent: {
+    ({ className, ...props }: ToastContentProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastContentProps = React_2.ComponentProps<typeof Toast.Content>;
+
+export declare const ToastDescription: {
+    ({ className, ...props }: ToastDescriptionProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastDescriptionProps = React_2.ComponentProps<typeof Toast.Description>;
+
+export declare type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+
+export declare const ToastPositioner: {
+    ({ className, ...props }: ToastPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastPositionerProps = React_2.ComponentProps<typeof Toast.Positioner>;
+
+export declare const ToastProvider: {
+    (props: ToastProviderProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastProviderProps = React_2.ComponentProps<typeof Toast.Provider>;
+
+export declare const ToastRoot: {
+    ({ className, ...props }: ToastRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastRootProps = React_2.ComponentProps<typeof Toast.Root>;
+
+export declare const ToastTitle: {
+    ({ className, ...props }: ToastTitleProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastTitleProps = React_2.ComponentProps<typeof Toast.Title>;
+
+export declare const ToastViewport: {
+    ({ className, position, ...props }: ToastViewportProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToastViewportProps = React_2.ComponentProps<typeof Toast.Viewport> & {
+    position?: ToastPosition;
+};
+
+export { }

package/dist/toast.js

@@ -0,0 +1,151 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { Toast as e } from "@base-ui/react/toast";
+import { Toast as N } from "@base-ui/react/toast";
+import { b as n } from "./button-variants-CbFMPwc8.js";
+import { c as i } from "./utils-B6yFEsav.js";
+const d = (t) => /* @__PURE__ */ o(e.Provider, { ...t });
+d.displayName = "ToastProvider";
+const p = ({
+  className: t,
+  position: a = "bottom-right",
+  ...s
+}) => /* @__PURE__ */ o(
+  e.Viewport,
+  {
+    "data-position": a,
+    className: i(
+      "fixed z-50 w-[356px] outline-none",
+      // Vertical position
+      "data-[position^=bottom]:bottom-4",
+      "data-[position^=top]:top-4",
+      // Horizontal position
+      "data-[position$=right]:right-4",
+      "data-[position$=left]:left-4",
+      "data-[position$=center]:left-1/2 data-[position$=center]:-translate-x-1/2",
+      t
+    ),
+    ...s
+  }
+);
+p.displayName = "ToastViewport";
+const l = ({ className: t, ...a }) => /* @__PURE__ */ o(
+  e.Root,
+  {
+    className: i(
+      // Base styles
+      "group flex w-full flex-col gap-1 rounded-lg border border-border bg-background p-4 shadow-lg",
+      "transition-[transform,opacity,height] duration-500 ease-[cubic-bezier(0.22,1,0.36,1)]",
+      "absolute z-[calc(1000-var(--toast-index))]",
+      "h-(--height) select-none",
+      // CSS custom properties for stacking
+      "[--gap:0.75rem] [--peek:0.75rem]",
+      "[--scale:calc(max(0,1-(var(--toast-index)*0.1)))]",
+      "[--shrink:calc(1-var(--scale))]",
+      "[--height:var(--toast-frontmost-height,var(--toast-height))]",
+      // Expanded state height
+      "data-expanded:h-(--toast-height)",
+      // Ending styles (shared)
+      "data-ending-style:opacity-0",
+      "data-limited:opacity-0",
+      // Gap element for hover interaction
+      'after:absolute after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[""]',
+      // ===== BOTTOM POSITIONS =====
+      "in-data-[position^=bottom]:bottom-0",
+      "in-data-[position^=bottom]:origin-bottom",
+      "in-data-[position^=bottom]:[--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))]",
+      "in-data-[position^=bottom]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))]",
+      "in-data-[position^=bottom]:data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]",
+      "in-data-[position^=bottom]:data-starting-style:transform-[translateY(150%)]",
+      "in-data-[position^=bottom]:data-ending-style:transform-[translateY(150%)]",
+      "in-data-[position^=bottom]:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))]",
+      "in-data-[position^=bottom]:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))]",
+      "in-data-[position^=bottom]:after:top-full",
+      // ===== TOP POSITIONS =====
+      "in-data-[position^=top]:top-0",
+      "in-data-[position^=top]:origin-top",
+      "in-data-[position^=top]:[--offset-y:calc(var(--toast-offset-y)+calc(var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y))]",
+      "in-data-[position^=top]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--peek))+(var(--shrink)*var(--height))))_scale(var(--scale))]",
+      "in-data-[position^=top]:data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]",
+      "in-data-[position^=top]:data-starting-style:transform-[translateY(-150%)]",
+      "in-data-[position^=top]:data-ending-style:transform-[translateY(-150%)]",
+      "in-data-[position^=top]:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))]",
+      "in-data-[position^=top]:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))]",
+      "in-data-[position^=top]:after:bottom-full",
+      // ===== HORIZONTAL POSITIONS =====
+      "in-data-[position$=right]:right-0",
+      "in-data-[position$=left]:left-0",
+      "in-data-[position$=center]:left-0 in-data-[position$=center]:right-0",
+      // Left/right swipe exit animations
+      "data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]",
+      "data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
+      t
+    ),
+    ...a
+  }
+);
+l.displayName = "ToastRoot";
+const m = ({ className: t, ...a }) => /* @__PURE__ */ o(
+  e.Content,
+  {
+    className: i(
+      "flex flex-col gap-1 overflow-hidden",
+      "transition-opacity duration-250",
+      "data-behind:pointer-events-none data-behind:opacity-0",
+      "data-expanded:pointer-events-auto data-expanded:opacity-100",
+      t
+    ),
+    ...a
+  }
+);
+m.displayName = "ToastContent";
+const c = ({ className: t, ...a }) => /* @__PURE__ */ o(e.Title, { className: i("font-semibold", t), ...a });
+c.displayName = "ToastTitle";
+const f = ({ className: t, ...a }) => /* @__PURE__ */ o(e.Description, { className: i("text-sm", t), ...a });
+f.displayName = "ToastDescription";
+const v = ({ className: t, variant: a, size: s = "sm", ...r }) => /* @__PURE__ */ o(
+  e.Action,
+  {
+    className: i("w-fit mt-2", n({ variant: a, size: s }), t),
+    ...r
+  }
+);
+v.displayName = "ToastAction";
+const g = ({ className: t, ...a }) => /* @__PURE__ */ o(
+  e.Close,
+  {
+    className: i(
+      n({ variant: "ghost", size: "icon" }),
+      "absolute right-2 top-2 size-6",
+      t
+    ),
+    ...a
+  }
+);
+g.displayName = "ToastClose";
+const y = ({ className: t, ...a }) => /* @__PURE__ */ o(
+  e.Positioner,
+  {
+    className: i(
+      "z-50",
+      "transition-[top,left,right,bottom,transform]",
+      "duration-[0.35s]",
+      "ease-[cubic-bezier(0.22,1,0.36,1)]",
+      t
+    ),
+    ...a
+  }
+);
+y.displayName = "ToastPositioner";
+export {
+  N as Toast,
+  v as ToastAction,
+  g as ToastClose,
+  m as ToastContent,
+  f as ToastDescription,
+  y as ToastPositioner,
+  d as ToastProvider,
+  l as ToastRoot,
+  c as ToastTitle,
+  p as ToastViewport
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lglab/compose-ui",
-  "version": "0.22.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"
@@ -106,6 +110,10 @@
       "import": "./dist/tabs.js",
       "types": "./dist/tabs.d.ts"
     },
+    "./toast": {
+      "import": "./dist/toast.js",
+      "types": "./dist/toast.d.ts"
+    },
     "./toggle": {
       "import": "./dist/toggle.js",
       "types": "./dist/toggle.d.ts"