@lglab/compose-ui 0.20.0 → 0.21.0

package/dist/index.js

@@ -0,0 +1,186 @@
+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 m, AlertDialogTitle as c, AlertDialogTrigger as d, AlertDialogViewport as x } from "./alert-dialog.js";
+import { AlertDialog as P } from "@base-ui/react/alert-dialog";
+import { AvatarFallback as D, AvatarImage as I, AvatarRoot as R, AvatarStack as s } from "./avatar.js";
+import { ScrollAreaContent as S, ScrollAreaCorner as f, ScrollAreaRoot as w, ScrollAreaScrollbar as k, ScrollAreaThumb as v, 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 { 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 xo, AccordionPanel as Co, AccordionRoot as Po, AccordionTrigger as To } from "./accordion.js";
+import { MeterIndicator as Io, MeterLabel as Ro, MeterRoot as so, MeterTrack as Ao, MeterValue as So } from "./meter.js";
+import { MenuArrow as wo, MenuCheckboxItem as ko, MenuCheckboxItemIndicator as vo, MenuCheckboxItemLabel as ho, MenuGroup as Lo, MenuGroupLabel as Go, MenuItem as Vo, MenuPopup as Bo, 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 ce, CardDescription as de, CardFooter as xe, CardHeader as Ce, CardMedia as Pe, CardRoot as Te, CardSection as De, CardTitle as Ie } from "./card.js";
+import { ContextMenuArrow as se, ContextMenuCheckboxItem as Ae, ContextMenuCheckboxItemIndicator as Se, ContextMenuCheckboxItemLabel as fe, ContextMenuGroup as we, ContextMenuGroupLabel as ke, ContextMenuItem as ve, ContextMenuPopup as he, ContextMenuPortal as Le, ContextMenuPositioner as Ge, ContextMenuRadioGroup as Ve, ContextMenuRadioItem as Be, 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 mr, SliderTrack as cr, SliderValue as dr } from "./slider.js";
+import { TooltipArrow as Cr, TooltipPopup as Pr, TooltipPortal as Tr, TooltipPositioner as Dr, TooltipProvider as Ir, TooltipRoot as Rr, TooltipTrigger as sr } from "./tooltip.js";
+export {
+  co as AccordionHeader,
+  xo as AccordionItem,
+  Co as AccordionPanel,
+  Po as AccordionRoot,
+  To as AccordionTrigger,
+  P as AlertDialog,
+  u as AlertDialogBackdrop,
+  p as AlertDialogClose,
+  M as AlertDialogDescription,
+  b as AlertDialogPopup,
+  g as AlertDialogPortal,
+  m as AlertDialogRoot,
+  c as AlertDialogTitle,
+  d as AlertDialogTrigger,
+  x as AlertDialogViewport,
+  D as AvatarFallback,
+  I as AvatarImage,
+  R as AvatarRoot,
+  s as AvatarStack,
+  r as Button,
+  ce as CardContent,
+  de as CardDescription,
+  xe as CardFooter,
+  Ce as CardHeader,
+  Pe as CardMedia,
+  Te as CardRoot,
+  De as CardSection,
+  Ie as CardTitle,
+  a as CollapsiblePanel,
+  n as CollapsibleRoot,
+  i as CollapsibleTrigger,
+  se as ContextMenuArrow,
+  Ae as ContextMenuCheckboxItem,
+  Se as ContextMenuCheckboxItemIndicator,
+  fe as ContextMenuCheckboxItemLabel,
+  we as ContextMenuGroup,
+  ke as ContextMenuGroupLabel,
+  ve as ContextMenuItem,
+  he as ContextMenuPopup,
+  Le as ContextMenuPortal,
+  Ge as ContextMenuPositioner,
+  Ve as ContextMenuRadioGroup,
+  Be 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,
+  wo as MenuArrow,
+  ko as MenuCheckboxItem,
+  vo as MenuCheckboxItemIndicator,
+  ho as MenuCheckboxItemLabel,
+  Lo as MenuGroup,
+  Go as MenuGroupLabel,
+  Vo as MenuItem,
+  Bo 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,
+  Io as MeterIndicator,
+  Ro as MeterLabel,
+  so as MeterRoot,
+  Ao as MeterTrack,
+  So 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,
+  ne as ProgressIndicator,
+  ie as ProgressLabel,
+  le as ProgressRoot,
+  ue as ProgressTrack,
+  pe as ProgressValue,
+  S as ScrollAreaContent,
+  f as ScrollAreaCorner,
+  w as ScrollAreaRoot,
+  k as ScrollAreaScrollbar,
+  v as ScrollAreaThumb,
+  h as ScrollAreaViewport,
+  G as Separator,
+  Mr as SliderControl,
+  br as SliderIndicator,
+  gr as SliderRoot,
+  mr as SliderThumb,
+  cr as SliderTrack,
+  dr as SliderValue,
+  B 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,
+  Cr as TooltipArrow,
+  Pr as TooltipPopup,
+  Tr as TooltipPortal,
+  Dr as TooltipPositioner,
+  Ir as TooltipProvider,
+  Rr as TooltipRoot,
+  sr as TooltipTrigger
+};

package/dist/menu.d.ts

@@ -0,0 +1,138 @@
+import { JSX } from 'react/jsx-runtime';
+import { Menu } from '@base-ui/react/menu';
+import * as React_2 from 'react';
+
+export declare const MenuArrow: {
+    ({ className, ...props }: MenuArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuArrowProps = React_2.ComponentProps<typeof Menu.Arrow>;
+
+export declare const MenuCheckboxItem: {
+    ({ className, ...props }: MenuCheckboxItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const MenuCheckboxItemIndicator: {
+    ({ className, ...props }: MenuCheckboxItemIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuCheckboxItemIndicatorProps = React_2.ComponentProps<typeof Menu.CheckboxItemIndicator>;
+
+export declare const MenuCheckboxItemLabel: {
+    ({ className, ...props }: MenuCheckboxItemLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuCheckboxItemLabelProps = React_2.ComponentProps<'span'>;
+
+export declare type MenuCheckboxItemProps = React_2.ComponentProps<typeof Menu.CheckboxItem>;
+
+export declare const MenuGroup: {
+    ({ className, ...props }: MenuGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const MenuGroupLabel: {
+    ({ className, ...props }: MenuGroupLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuGroupLabelProps = React_2.ComponentProps<typeof Menu.GroupLabel>;
+
+export declare type MenuGroupProps = React_2.ComponentProps<typeof Menu.Group>;
+
+export declare const MenuItem: {
+    ({ className, ...props }: MenuItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuItemProps = React_2.ComponentProps<typeof Menu.Item>;
+
+export declare const MenuPopup: {
+    ({ className, ...props }: MenuPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuPopupProps = React_2.ComponentProps<typeof Menu.Popup>;
+
+export declare const MenuPortal: {
+    (props: MenuPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuPortalProps = React_2.ComponentProps<typeof Menu.Portal>;
+
+export declare const MenuPositioner: {
+    ({ className, ...props }: MenuPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuPositionerProps = React_2.ComponentProps<typeof Menu.Positioner>;
+
+export declare const MenuRadioGroup: {
+    ({ className, ...props }: MenuRadioGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuRadioGroupProps = React_2.ComponentProps<typeof Menu.RadioGroup>;
+
+export declare const MenuRadioItem: {
+    ({ className, ...props }: MenuRadioItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const MenuRadioItemIndicator: {
+    ({ className, ...props }: MenuRadioItemIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuRadioItemIndicatorProps = React_2.ComponentProps<typeof Menu.RadioItemIndicator>;
+
+export declare const MenuRadioItemLabel: {
+    ({ className, ...props }: MenuRadioItemLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuRadioItemLabelProps = React_2.ComponentProps<'span'>;
+
+export declare type MenuRadioItemProps = React_2.ComponentProps<typeof Menu.RadioItem>;
+
+export declare const MenuRoot: {
+    (props: MenuRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuRootProps = React_2.ComponentProps<typeof Menu.Root>;
+
+export declare const MenuSeparator: {
+    ({ className, ...props }: MenuSeparatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuSeparatorProps = React_2.ComponentProps<typeof Menu.Separator>;
+
+export declare const MenuSubmenuRoot: {
+    (props: MenuSubmenuRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuSubmenuRootProps = React_2.ComponentProps<typeof Menu.SubmenuRoot>;
+
+export declare const MenuSubmenuTrigger: {
+    ({ className, ...props }: MenuSubmenuTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuSubmenuTriggerProps = React_2.ComponentProps<typeof Menu.SubmenuTrigger>;
+
+export declare const MenuTrigger: {
+    ({ className, ...props }: MenuTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenuTriggerProps = React_2.ComponentProps<typeof Menu.Trigger>;
+
+export { }

package/dist/menu.js

@@ -0,0 +1,147 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { Menu as r } from "@base-ui/react/menu";
+import { A as n } from "./arrow-svg-C6zQTvgS.js";
+import { b as s } from "./button-variants-CbFMPwc8.js";
+import { c as o } from "./utils-B6yFEsav.js";
+const i = (e) => /* @__PURE__ */ t(r.Root, { ...e });
+i.displayName = "MenuRoot";
+const u = ({ className: e, ...a }) => /* @__PURE__ */ t(r.Trigger, { className: o(e), ...a });
+u.displayName = "MenuTrigger";
+const m = (e) => /* @__PURE__ */ t(r.Portal, { ...e });
+m.displayName = "MenuPortal";
+const d = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  r.Positioner,
+  {
+    className: o("z-50 outline-none", e),
+    sideOffset: 8,
+    ...a
+  }
+);
+d.displayName = "MenuPositioner";
+const l = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  r.Popup,
+  {
+    className: o(
+      "rounded-md bg-background p-1 text-foreground shadow-sm border border-border transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-0 data-starting-style:opacity-0 dark:shadow-none",
+      "min-w-[8rem]",
+      e
+    ),
+    ...a
+  }
+);
+l.displayName = "MenuPopup";
+const c = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  r.Arrow,
+  {
+    className: o(
+      "flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
+      e
+    ),
+    ...a,
+    children: /* @__PURE__ */ t(n, {})
+  }
+);
+c.displayName = "MenuArrow";
+const p = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  r.Item,
+  {
+    className: o(
+      s({ variant: "ghost", size: "sm" }),
+      "flex justify-start",
+      e
+    ),
+    ...a
+  }
+);
+p.displayName = "MenuItem";
+const M = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  r.Separator,
+  {
+    className: o("-mx-1 my-1 h-px bg-border", e),
+    ...a
+  }
+);
+M.displayName = "MenuSeparator";
+const N = ({ className: e, ...a }) => /* @__PURE__ */ t(r.Group, { className: o(e), ...a });
+N.displayName = "MenuGroup";
+const b = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  r.GroupLabel,
+  {
+    className: o("px-3 py-1.5 text-sm font-semibold", e),
+    ...a
+  }
+);
+b.displayName = "MenuGroupLabel";
+const g = ({ className: e, ...a }) => /* @__PURE__ */ t(r.RadioGroup, { className: o(e), ...a });
+g.displayName = "MenuRadioGroup";
+const y = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  r.RadioItem,
+  {
+    className: o(
+      s({ variant: "ghost", size: "sm" }),
+      "grid grid-cols-[0.75rem_1fr] gap-2",
+      e
+    ),
+    ...a
+  }
+);
+y.displayName = "MenuRadioItem";
+const I = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  r.CheckboxItem,
+  {
+    className: o(
+      s({ variant: "ghost", size: "sm" }),
+      "grid grid-cols-[0.75rem_1fr] gap-2",
+      e
+    ),
+    ...a
+  }
+);
+I.displayName = "MenuCheckboxItem";
+const x = ({ className: e, ...a }) => /* @__PURE__ */ t(r.RadioItemIndicator, { className: o("col-start-1", e), ...a });
+x.displayName = "MenuRadioItemIndicator";
+const f = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ t(r.CheckboxItemIndicator, { className: o("col-start-1", e), ...a });
+f.displayName = "MenuCheckboxItemIndicator";
+const h = ({ className: e, ...a }) => /* @__PURE__ */ t("span", { className: o("col-start-2", e), ...a });
+h.displayName = "MenuCheckboxItemLabel";
+const R = ({ className: e, ...a }) => /* @__PURE__ */ t("span", { className: o("col-start-2", e), ...a });
+R.displayName = "MenuRadioItemLabel";
+const k = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  r.SubmenuTrigger,
+  {
+    className: o(
+      s({ variant: "ghost", size: "sm" }),
+      "flex justify-between",
+      e
+    ),
+    ...a
+  }
+);
+k.displayName = "MenuSubmenuTrigger";
+const S = (e) => /* @__PURE__ */ t(r.SubmenuRoot, { ...e });
+S.displayName = "MenuSubmenuRoot";
+export {
+  c as MenuArrow,
+  I as MenuCheckboxItem,
+  f as MenuCheckboxItemIndicator,
+  h as MenuCheckboxItemLabel,
+  N as MenuGroup,
+  b as MenuGroupLabel,
+  p as MenuItem,
+  l as MenuPopup,
+  m as MenuPortal,
+  d as MenuPositioner,
+  g as MenuRadioGroup,
+  y as MenuRadioItem,
+  x as MenuRadioItemIndicator,
+  R as MenuRadioItemLabel,
+  i as MenuRoot,
+  M as MenuSeparator,
+  S as MenuSubmenuRoot,
+  k as MenuSubmenuTrigger,
+  u as MenuTrigger
+};

package/dist/menubar.d.ts

@@ -0,0 +1,155 @@
+import { JSX } from 'react/jsx-runtime';
+import { Menu } from '@base-ui/react/menu';
+import { Menubar } from '@base-ui/react/menubar';
+import * as React_2 from 'react';
+
+declare type ControlSize = 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
+
+declare type ControlVariant = 'default' | 'ghost';
+
+export declare const MenubarArrow: {
+    ({ className, ...props }: MenubarArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarArrowProps = React_2.ComponentProps<typeof Menu.Arrow>;
+
+export declare const MenubarCheckboxItem: {
+    ({ className, ...props }: MenubarCheckboxItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const MenubarCheckboxItemIndicator: {
+    ({ className, ...props }: MenubarCheckboxItemIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarCheckboxItemIndicatorProps = React_2.ComponentProps<typeof Menu.CheckboxItemIndicator>;
+
+export declare const MenubarCheckboxItemLabel: {
+    ({ className, ...props }: MenubarCheckboxItemLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarCheckboxItemLabelProps = React_2.ComponentProps<'span'>;
+
+export declare type MenubarCheckboxItemProps = React_2.ComponentProps<typeof Menu.CheckboxItem>;
+
+export declare const MenubarGroup: {
+    ({ className, ...props }: MenubarGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const MenubarGroupLabel: {
+    ({ className, ...props }: MenubarGroupLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarGroupLabelProps = React_2.ComponentProps<typeof Menu.GroupLabel>;
+
+export declare type MenubarGroupProps = React_2.ComponentProps<typeof Menu.Group>;
+
+export declare const MenubarItem: {
+    ({ className, ...props }: MenubarItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarItemProps = React_2.ComponentProps<typeof Menu.Item>;
+
+export declare const MenubarMenu: {
+    (props: MenubarMenuProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarMenuProps = React_2.ComponentProps<typeof Menu.Root>;
+
+export declare const MenubarPopup: {
+    ({ className, ...props }: MenubarPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarPopupProps = React_2.ComponentProps<typeof Menu.Popup>;
+
+export declare const MenubarPortal: {
+    (props: MenubarPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarPortalProps = React_2.ComponentProps<typeof Menu.Portal>;
+
+export declare const MenubarPositioner: {
+    ({ className, ...props }: MenubarPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarPositionerProps = React_2.ComponentProps<typeof Menu.Positioner>;
+
+export declare const MenubarRadioGroup: {
+    ({ className, ...props }: MenubarRadioGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarRadioGroupProps = React_2.ComponentProps<typeof Menu.RadioGroup>;
+
+export declare const MenubarRadioItem: {
+    ({ className, ...props }: MenubarRadioItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const MenubarRadioItemIndicator: {
+    ({ className, ...props }: MenubarRadioItemIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarRadioItemIndicatorProps = React_2.ComponentProps<typeof Menu.RadioItemIndicator>;
+
+export declare const MenubarRadioItemLabel: {
+    ({ className, ...props }: MenubarRadioItemLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarRadioItemLabelProps = React_2.ComponentProps<'span'>;
+
+export declare type MenubarRadioItemProps = React_2.ComponentProps<typeof Menu.RadioItem>;
+
+export declare const MenubarRoot: {
+    ({ className, ...props }: MenubarRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarRootProps = React_2.ComponentProps<typeof Menubar>;
+
+export declare const MenubarSeparator: {
+    ({ className, ...props }: MenubarSeparatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarSeparatorProps = React_2.ComponentProps<typeof Menu.Separator>;
+
+export declare const MenubarSubmenuRoot: {
+    (props: MenubarSubmenuRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarSubmenuRootProps = React_2.ComponentProps<typeof Menu.SubmenuRoot>;
+
+export declare const MenubarSubmenuTrigger: {
+    ({ className, ...props }: MenubarSubmenuTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarSubmenuTriggerProps = React_2.ComponentProps<typeof Menu.SubmenuTrigger>;
+
+export declare const MenubarTrigger: {
+    ({ className, variant, size, ...props }: MenubarTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type MenubarTriggerProps = React_2.ComponentProps<typeof Menu.Trigger> & {
+    /** Visual style of the trigger */
+    variant?: ControlVariant;
+    /** Size of the trigger */
+    size?: ControlSize;
+};
+
+export { }