moduix 0.10.0 → 0.11.1

package/dist/components/Menubar/Menubar.css

@@ -0,0 +1,387 @@
+@layer ui.components {
+  .gbAUCG_root {
+    box-sizing: border-box;
+    align-items: center;
+    gap: var(--menubar-gap, var(--spacing-1));
+    width: fit-content;
+    padding: var(--menubar-padding-y, .125rem) var(--menubar-padding-x, .125rem);
+    border: var(--menubar-border-width, var(--border-width-sm)) solid
+      var(--menubar-border-color, var(--color-border));
+    border-radius: var(--menubar-radius, var(--radius-md));
+    background-color: var(--menubar-bg, var(--color-muted));
+    color: var(--menubar-color, var(--color-foreground));
+    display: flex;
+
+    &[data-orientation="vertical"] {
+      width: var(--menubar-vertical-width, 12rem);
+      flex-direction: column;
+      align-items: stretch;
+    }
+  }
+
+  .gbAUCG_trigger {
+    box-sizing: border-box;
+    justify-content: center;
+    align-items: center;
+    gap: var(--menubar-trigger-gap, .5rem);
+    min-height: var(--menubar-trigger-height, var(--size-lg));
+    padding: var(--menubar-trigger-padding-y, .5rem) var(--menubar-trigger-padding-x, .75rem);
+    border-radius: var(--menubar-trigger-radius, var(--radius-sm));
+    background-color: var(--menubar-trigger-bg, transparent);
+    color: var(--menubar-trigger-color, var(--color-foreground));
+    font: inherit;
+    font-size: var(--menubar-trigger-font-size, var(--text-sm));
+    line-height: var(--menubar-trigger-line-height, var(--line-height-text-sm));
+    user-select: none;
+    cursor: pointer;
+    transition: background-color var(--menubar-transition, var(--transition-default)),
+      color var(--menubar-transition, var(--transition-default));
+    border: 0;
+    outline: 0;
+    margin: 0;
+    display: inline-flex;
+
+    .gbAUCG_root[data-orientation="vertical"] & {
+      justify-content: flex-start;
+      width: 100%;
+    }
+
+    @media (hover: hover) {
+      &:hover {
+        background-color: var(--menubar-trigger-bg-hover, var(--color-accent));
+      }
+    }
+
+    &:active, &[data-popup-open] {
+      background-color: var(--menubar-trigger-bg-active, var(--menubar-trigger-bg-hover, var(--color-accent)));
+      color: var(--menubar-trigger-color-active, var(--menubar-trigger-color, var(--color-foreground)));
+      box-shadow: inset 0 0 0
+        var(--menubar-trigger-ring-width, var(--menubar-border-width, var(--border-width-sm)))
+        var(--menubar-trigger-ring-active, var(--menubar-border-color, var(--color-border)));
+    }
+
+    &:focus-visible {
+      outline: var(--menubar-focus-ring-width, var(--menubar-border-width, var(--border-width-sm)))
+        solid var(--menubar-focus-ring-color, var(--menu-focus-ring-color, var(--color-ring)));
+      outline-offset: calc(var(--menubar-focus-ring-width, var(--menubar-border-width, var(--border-width-sm))) * -1);
+    }
+
+    &[data-disabled], &[disabled] {
+      pointer-events: none;
+      opacity: var(--menubar-disabled-opacity, var(--opacity-disabled));
+    }
+  }
+
+  .gbAUCG_backdrop {
+    z-index: var(--z-backdrop);
+    background-color: var(--menubar-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
+    min-height: 100dvh;
+    backdrop-filter: var(--backdrop-filter, blur(var(--menubar-backdrop-blur, 4px)));
+    transition: opacity var(--menubar-backdrop-transition, var(--transition-default)),
+      backdrop-filter var(--menubar-backdrop-transition, var(--transition-default));
+    position: fixed;
+    inset: 0;
+
+    &[data-starting-style], &[data-ending-style] {
+      opacity: 0;
+      backdrop-filter: none;
+    }
+  }
+
+  .gbAUCG_positioner {
+    z-index: var(--z-popup);
+    width: var(--positioner-width);
+    height: var(--positioner-height);
+    max-width: var(--available-width);
+    outline: 0;
+  }
+
+  .gbAUCG_popup {
+    box-sizing: border-box;
+    min-width: min(var(--menubar-popup-min-width, 12rem), var(--available-width, 100vw));
+    max-width: min(var(--menubar-popup-max-width, 20rem), var(--available-width, 100vw));
+    border-radius: var(--menubar-popup-radius, var(--radius-md));
+    background-color: var(--menubar-popup-bg, var(--color-popover));
+    color: var(--menubar-popup-color, var(--color-popover-foreground));
+    outline: var(--menubar-popup-border-width, var(--border-width-sm)) solid
+      var(--menubar-popup-border-color, var(--color-border));
+    box-shadow: var(--menubar-popup-shadow, var(--shadow-lg));
+    transform-origin: var(--transform-origin);
+    transition: transform var(--menubar-transition, var(--transition-default)),
+      opacity var(--menubar-transition, var(--transition-default));
+    border: 0;
+    position: relative;
+    overflow: visible;
+
+    &[data-starting-style], &[data-ending-style] {
+      opacity: 0;
+      transform: scale(var(--menubar-popup-scale, var(--scale-popup)));
+    }
+  }
+
+  .gbAUCG_viewport {
+    max-height: min(var(--menubar-popup-max-height, 24rem), var(--available-height, 100dvh));
+    overscroll-behavior: contain;
+    padding-block: var(--menubar-popup-padding-y, .25rem);
+    overflow-y: auto;
+  }
+
+  .gbAUCG_arrow {
+    color: var(--menubar-popup-bg, var(--color-popover));
+    display: flex;
+
+    &[data-side="top"] {
+      bottom: calc(var(--menubar-arrow-size, .5rem) * -1);
+      rotate: 180deg;
+    }
+
+    &[data-side="bottom"] {
+      top: calc(var(--menubar-arrow-size, .5rem) * -1);
+      rotate: 0deg;
+    }
+
+    &[data-side="left"] {
+      right: calc(var(--menubar-arrow-inline-offset, .8125rem) * -1);
+      rotate: 90deg;
+    }
+
+    &[data-side="right"] {
+      left: calc(var(--menubar-arrow-inline-offset, .8125rem) * -1);
+      rotate: -90deg;
+    }
+  }
+
+  .gbAUCG_arrowSvg {
+    width: var(--menubar-arrow-width, 1.25rem);
+    height: var(--menubar-arrow-height, .625rem);
+    display: block;
+    overflow: visible;
+  }
+
+  .gbAUCG_arrowFill {
+    fill: currentColor;
+  }
+
+  .gbAUCG_arrowOuterStroke {
+    fill: var(--menubar-arrow-stroke-color, var(--menubar-popup-border-color, var(--color-border)));
+  }
+
+  .gbAUCG_arrowInnerStroke {
+    fill: var(--menubar-popup-bg, var(--color-popover));
+  }
+
+  .gbAUCG_item, .gbAUCG_linkItem, .gbAUCG_submenuTrigger, .gbAUCG_radioItem, .gbAUCG_checkboxItem {
+    box-sizing: border-box;
+    min-height: var(--menubar-item-height, 2rem);
+    background-color: var(--menubar-item-bg, transparent);
+    color: inherit;
+    font: inherit;
+    font-size: var(--menubar-item-font-size, var(--text-sm));
+    line-height: var(--menubar-item-line-height, var(--line-height-text-sm));
+    user-select: none;
+    cursor: default;
+    border: 0;
+    outline: 0;
+    margin: 0;
+    text-decoration: none;
+    position: relative;
+
+    &[data-highlighted] {
+      z-index: 0;
+      color: var(--menubar-highlight-color, var(--color-background));
+    }
+
+    &[data-popup-open] {
+      z-index: 0;
+    }
+
+    &[data-highlighted]:before, &[data-popup-open]:before {
+      content: "";
+      z-index: -1;
+      inset-block: 0;
+      inset-inline: var(--menubar-highlight-inset-x, var(--spacing-1));
+      border-radius: var(--menubar-highlight-radius, var(--radius-sm));
+      position: absolute;
+    }
+
+    &[data-highlighted]:before {
+      background-color: var(--menubar-highlight-bg, var(--color-foreground));
+    }
+
+    &[data-popup-open]:before {
+      background-color: var(--menubar-submenu-open-bg, var(--color-accent));
+    }
+
+    &[data-highlighted][data-popup-open]:before {
+      background-color: var(--menubar-highlight-bg, var(--color-foreground));
+    }
+
+    &[data-disabled] {
+      background-color: var(--menubar-item-bg-disabled, var(--menubar-item-bg, transparent));
+      color: var(--menubar-item-disabled-color, var(--color-muted-foreground));
+    }
+
+    &[data-disabled], &[disabled] {
+      pointer-events: none;
+      cursor: default;
+    }
+  }
+
+  .gbAUCG_item, .gbAUCG_linkItem {
+    align-items: center;
+    gap: var(--menubar-item-gap, var(--spacing-2));
+    padding-block: var(--menubar-item-padding-y, .5rem);
+    padding-inline: var(--menubar-item-padding-x-start, 1rem)
+      var(--menubar-item-padding-x-end, 1rem);
+    display: flex;
+  }
+
+  .gbAUCG_submenuTrigger {
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--menubar-submenu-trigger-gap, var(--spacing-3));
+    padding-block: var(--menubar-item-padding-y, .5rem);
+    padding-inline: var(--menubar-item-padding-x-start, 1rem)
+      var(--menubar-submenu-trigger-padding-x-end, 1rem);
+    display: flex;
+  }
+
+  .gbAUCG_submenuTriggerIcon {
+    box-sizing: border-box;
+    width: var(--menubar-submenu-icon-size, .875rem);
+    height: var(--menubar-submenu-icon-size, .875rem);
+    color: currentColor;
+    flex-shrink: 0;
+    display: inline-flex;
+  }
+
+  .gbAUCG_iconSvg {
+    width: 100%;
+    height: 100%;
+  }
+
+  .gbAUCG_group {
+    padding-block: var(--menubar-group-padding-y, 0);
+    display: grid;
+  }
+
+  .gbAUCG_groupLabel {
+    padding-block: var(--menubar-group-label-padding-y, .35rem);
+    padding-inline: var(--menubar-group-label-padding-x-start, .625rem)
+      var(--menubar-group-label-padding-x-end, .75rem);
+    color: var(--menubar-group-label-color, var(--color-muted-foreground));
+    font-size: var(--menubar-group-label-font-size, var(--text-xs));
+    line-height: var(--menubar-group-label-line-height, var(--line-height-text-xs));
+    user-select: none;
+    cursor: default;
+    margin: 0;
+  }
+
+  .gbAUCG_radioGroup {
+    display: grid;
+  }
+
+  .gbAUCG_radioItem, .gbAUCG_checkboxItem {
+    align-items: center;
+    gap: var(--menubar-check-gap, .5rem);
+    grid-template-columns: var(--menubar-check-indicator-size, .75rem) 1fr;
+    padding-block: var(--menubar-item-padding-y, .5rem);
+    padding-inline: var(--menubar-check-padding-x-start, .625rem)
+      var(--menubar-item-padding-x-end, 1rem);
+    display: grid;
+
+    &[data-indicator-position="end"] {
+      grid-template-columns: minmax(0, 1fr)
+        var(--menubar-check-indicator-size, .75rem);
+
+      & > .gbAUCG_itemText {
+        grid-column-start: 1;
+      }
+
+      & > .gbAUCG_radioItemIndicator, & > .gbAUCG_checkboxItemIndicator {
+        grid-column-start: 2;
+        justify-self: end;
+      }
+    }
+  }
+
+  .gbAUCG_checkboxItem {
+    &[data-checked] {
+      & > .gbAUCG_checkboxItemIndicator {
+        background-color: var(--menubar-checkbox-indicator-bg-checked, var(--menubar-checkbox-indicator-bg, transparent));
+        border-color: var(--menubar-checkbox-indicator-border-color-checked, var(--menubar-checkbox-indicator-border-color, currentColor));
+      }
+    }
+  }
+
+  .gbAUCG_radioItemIndicator, .gbAUCG_checkboxItemIndicator {
+    width: var(--menubar-check-indicator-size, .75rem);
+    height: var(--menubar-check-indicator-size, .75rem);
+    grid-column-start: 1;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .gbAUCG_checkboxItemIndicator {
+    border: var(--menubar-checkbox-indicator-border-width, 0) solid
+      var(--menubar-checkbox-indicator-border-color, currentColor);
+    border-radius: var(--menubar-checkbox-indicator-radius, var(--radius-xs));
+    background-color: var(--menubar-checkbox-indicator-bg, transparent);
+  }
+
+  .gbAUCG_itemIndicatorIcon {
+    width: 100%;
+    height: 100%;
+  }
+
+  .gbAUCG_itemText {
+    grid-column-start: 2;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  .gbAUCG_itemTextContent {
+    align-items: center;
+    gap: var(--menubar-item-text-content-gap, var(--spacing-2));
+    vertical-align: top;
+    min-width: 0;
+    max-width: 100%;
+    display: inline-flex;
+  }
+
+  .gbAUCG_itemTextIcon {
+    width: var(--menubar-item-text-icon-size, 1rem);
+    height: var(--menubar-item-text-icon-size, 1rem);
+    color: var(--menubar-item-text-icon-color, currentColor);
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .gbAUCG_itemTextLabel {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  .gbAUCG_itemShortcut {
+    color: var(--menubar-item-shortcut-color, var(--color-muted-foreground));
+    font-size: var(--menubar-item-shortcut-font-size, var(--text-xs));
+    line-height: var(--menubar-item-shortcut-line-height, var(--line-height-text-xs));
+    white-space: nowrap;
+    margin-inline-start: auto;
+    padding-inline-start: var(--menubar-item-shortcut-padding-x-start, var(--spacing-4));
+  }
+
+  .gbAUCG_separator {
+    box-sizing: border-box;
+    height: var(--menubar-separator-height, var(--border-width-sm));
+    margin-block: var(--menubar-separator-margin-y, .375rem);
+    margin-inline: var(--menubar-separator-margin-x-start, 1rem)
+      var(--menubar-separator-margin-x-end, 1rem);
+    background-color: var(--menubar-separator-color, var(--color-border));
+  }
+}

package/dist/components/Menubar/Menubar.d.ts

@@ -1,43 +1,147 @@
-import { ComponentProps } from 'react';
-import { Menu as MenuPrimitive } from '@base-ui/react/menu';
-import { Menubar as MenubarPrimitive } from '@base-ui/react/menubar';
-type MenubarPositionerProps = Pick<MenuPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
-type IndicatorPosition = 'start' | 'end';
-type MenubarContentProps = MenuPrimitive.Popup.Props & MenubarPositionerProps & {
-    showArrow?: boolean;
+import { ComponentProps } from "react";
+import { Menu } from "@base-ui/react/menu";
+import { Menubar } from "@base-ui/react/menubar";
+
+//#region src/components/Menubar/Menubar.d.ts
+type MenubarPositionerProps = Pick<Menu.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
+type MenubarIndicatorPosition = 'start' | 'end';
+type MenubarContentProps = Menu.Popup.Props & MenubarPositionerProps & {
+  showArrow?: boolean;
 };
-declare const MenubarMenu: <Payload>(props: MenuPrimitive.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
-declare const MenubarSubmenu: typeof MenuPrimitive.SubmenuRoot;
-declare const createMenubarMenuHandle: typeof MenuPrimitive.createHandle;
-declare function Menubar({ className, ...props }: MenubarPrimitive.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarTrigger({ className, render, ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarPortal({ className, ...props }: MenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarBackdrop({ className, ...props }: MenuPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarPositioner({ className, ...props }: MenuPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarPopup({ className, ...props }: MenuPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarArrow({ className, children, ...props }: MenuPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarViewport({ className, ...props }: MenuPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarContent({ className, children, showArrow, side, sideOffset, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
-declare function MenubarSubmenuContent({ sideOffset, alignOffset, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
-declare function MenubarItem({ className, ...props }: MenuPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarLinkItem({ className, ...props }: MenuPrimitive.LinkItem.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarSeparator({ className, ...props }: MenuPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarGroup({ className, ...props }: MenuPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarGroupLabel({ className, ...props }: MenuPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarSubmenuTrigger({ className, ...props }: MenuPrimitive.SubmenuTrigger.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarSubmenuTriggerIcon({ className, children, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarRadioGroup({ className, ...props }: MenuPrimitive.RadioGroup.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarRadioItem({ className, indicator, ...props }: MenuPrimitive.RadioItem.Props & {
-    indicator?: IndicatorPosition;
-}): import("react/jsx-runtime").JSX.Element;
-declare function MenubarRadioItemIndicator({ className, children, ...props }: MenuPrimitive.RadioItemIndicator.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarCheckboxItem({ className, indicator, ...props }: MenuPrimitive.CheckboxItem.Props & {
-    indicator?: IndicatorPosition;
-}): import("react/jsx-runtime").JSX.Element;
-declare function MenubarCheckboxItemIndicator({ className, children, ...props }: MenuPrimitive.CheckboxItemIndicator.Props): import("react/jsx-runtime").JSX.Element;
-declare function MenubarItemText({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarItemTextContent({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarItemTextIcon({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarItemTextLabel({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarItemShortcut({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-export { Menubar, MenubarMenu, MenubarSubmenu, createMenubarMenuHandle, MenubarTrigger, MenubarPortal, MenubarBackdrop, MenubarPositioner, MenubarPopup, MenubarArrow, MenubarViewport, MenubarContent, MenubarSubmenuContent, MenubarItem, MenubarLinkItem, MenubarSeparator, MenubarGroup, MenubarGroupLabel, MenubarSubmenuTrigger, MenubarSubmenuTriggerIcon, MenubarRadioGroup, MenubarRadioItem, MenubarRadioItemIndicator, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarItemText, MenubarItemTextContent, MenubarItemTextIcon, MenubarItemTextLabel, MenubarItemShortcut, };
+type MenubarRadioItemProps = Menu.RadioItem.Props & {
+  indicator?: MenubarIndicatorPosition;
+};
+type MenubarCheckboxItemProps = Menu.CheckboxItem.Props & {
+  indicator?: MenubarIndicatorPosition;
+};
+declare const MenubarMenu: <Payload>(props: Menu.Root.Props<Payload>) => import("react").JSX.Element;
+declare const MenubarSubmenu: typeof Menu.SubmenuRoot;
+declare const createMenubarMenuHandle: typeof Menu.createHandle;
+declare function Menubar$1({
+  className,
+  ...props
+}: Menubar.Props): import("react").JSX.Element;
+declare function MenubarTrigger({
+  className,
+  render,
+  ...props
+}: Menu.Trigger.Props): import("react").JSX.Element;
+declare function MenubarPortal({
+  className,
+  ...props
+}: Menu.Portal.Props): import("react").JSX.Element;
+declare function MenubarBackdrop({
+  className,
+  ...props
+}: Menu.Backdrop.Props): import("react").JSX.Element;
+declare function MenubarPositioner({
+  className,
+  ...props
+}: Menu.Positioner.Props): import("react").JSX.Element;
+declare function MenubarPopup({
+  className,
+  ...props
+}: Menu.Popup.Props): import("react").JSX.Element;
+declare function MenubarArrow({
+  className,
+  children,
+  ...props
+}: Menu.Arrow.Props): import("react").JSX.Element;
+declare function MenubarViewport({
+  className,
+  ...props
+}: Menu.Viewport.Props): import("react").JSX.Element;
+declare function MenubarContent({
+  className,
+  children,
+  showArrow,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  arrowPadding,
+  collisionAvoidance,
+  collisionBoundary,
+  collisionPadding,
+  ...props
+}: MenubarContentProps): import("react").JSX.Element;
+declare function MenubarSubmenuContent({
+  sideOffset,
+  alignOffset,
+  ...props
+}: MenubarContentProps): import("react").JSX.Element;
+declare function MenubarItem({
+  className,
+  ...props
+}: Menu.Item.Props): import("react").JSX.Element;
+declare function MenubarLinkItem({
+  className,
+  ...props
+}: Menu.LinkItem.Props): import("react").JSX.Element;
+declare function MenubarSeparator({
+  className,
+  ...props
+}: Menu.Separator.Props): import("react").JSX.Element;
+declare function MenubarGroup({
+  className,
+  ...props
+}: Menu.Group.Props): import("react").JSX.Element;
+declare function MenubarGroupLabel({
+  className,
+  ...props
+}: Menu.GroupLabel.Props): import("react").JSX.Element;
+declare function MenubarSubmenuTrigger({
+  className,
+  ...props
+}: Menu.SubmenuTrigger.Props): import("react").JSX.Element;
+declare function MenubarSubmenuTriggerIcon({
+  className,
+  children,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare function MenubarRadioGroup({
+  className,
+  ...props
+}: Menu.RadioGroup.Props): import("react").JSX.Element;
+declare function MenubarRadioItem({
+  className,
+  indicator,
+  ...props
+}: MenubarRadioItemProps): import("react").JSX.Element;
+declare function MenubarRadioItemIndicator({
+  className,
+  children,
+  ...props
+}: Menu.RadioItemIndicator.Props): import("react").JSX.Element;
+declare function MenubarCheckboxItem({
+  className,
+  indicator,
+  ...props
+}: MenubarCheckboxItemProps): import("react").JSX.Element;
+declare function MenubarCheckboxItemIndicator({
+  className,
+  children,
+  ...props
+}: Menu.CheckboxItemIndicator.Props): import("react").JSX.Element;
+declare function MenubarItemText({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare function MenubarItemTextContent({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare function MenubarItemTextIcon({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare function MenubarItemTextLabel({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare function MenubarItemShortcut({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+//#endregion
+export { Menubar$1 as Menubar, MenubarArrow, MenubarBackdrop, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarCheckboxItemProps, MenubarContent, MenubarContentProps, MenubarGroup, MenubarGroupLabel, MenubarIndicatorPosition, MenubarItem, MenubarItemShortcut, MenubarItemText, MenubarItemTextContent, MenubarItemTextIcon, MenubarItemTextLabel, MenubarLinkItem, MenubarMenu, MenubarPopup, MenubarPortal, MenubarPositioner, MenubarPositionerProps, MenubarRadioGroup, MenubarRadioItem, MenubarRadioItemIndicator, MenubarRadioItemProps, MenubarSeparator, MenubarSubmenu, MenubarSubmenuContent, MenubarSubmenuTrigger, MenubarSubmenuTriggerIcon, MenubarTrigger, MenubarViewport, createMenubarMenuHandle };