// Adapted from Base UI compositions (MIT). See THIRD_PARTY_NOTICES.md.
"use client";
import type { ComponentProps } from "react";
import { Menubar as Primitive, Menu as MenuPrimitive } from "./_ynrlib/base-ui.js";
export function Menubar({
  className,
  ...props
}: ComponentProps<typeof Primitive>) {
  return (
    <Primitive
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-menubar-root ${className(state) ?? ""}`
          : `ynr-menubar-root ${className ?? ""}`
      }
    />
  );
}
export const MenubarMenu = MenuPrimitive.Root;
export function MenubarTrigger({
  className,
  ...props
}: ComponentProps<typeof MenuPrimitive.Trigger>) {
  return (
    <MenuPrimitive.Trigger
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-menubar-trigger ${className(state) ?? ""}`
          : `ynr-menubar-trigger ${className ?? ""}`
      }
    />
  );
}
export const MenubarPortal = MenuPrimitive.Portal;
export function MenubarPositioner({
  className,
  ...props
}: ComponentProps<typeof MenuPrimitive.Positioner>) {
  return (
    <MenuPrimitive.Positioner
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-menubar-positioner ${className(state) ?? ""}`
          : `ynr-menubar-positioner ${className ?? ""}`
      }
    />
  );
}
export function MenubarPopup({
  className,
  ...props
}: ComponentProps<typeof MenuPrimitive.Popup>) {
  return (
    <MenuPrimitive.Popup
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-menubar-popup ${className(state) ?? ""}`
          : `ynr-menubar-popup ${className ?? ""}`
      }
    />
  );
}
export function MenubarItem({
  className,
  ...props
}: ComponentProps<typeof MenuPrimitive.Item>) {
  return (
    <MenuPrimitive.Item
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-menubar-item ${className(state) ?? ""}`
          : `ynr-menubar-item ${className ?? ""}`
      }
    />
  );
}
export function MenubarSeparator({
  className,
  ...props
}: ComponentProps<typeof MenuPrimitive.Separator>) {
  return (
    <MenuPrimitive.Separator
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-menubar-separator ${className(state) ?? ""}`
          : `ynr-menubar-separator ${className ?? ""}`
      }
    />
  );
}
export function MenubarGroup({
  className,
  ...props
}: ComponentProps<typeof MenuPrimitive.Group>) {
  return (
    <MenuPrimitive.Group
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-menubar-group ${className(state) ?? ""}`
          : `ynr-menubar-group ${className ?? ""}`
      }
    />
  );
}
export function MenubarGroupLabel({
  className,
  ...props
}: ComponentProps<typeof MenuPrimitive.GroupLabel>) {
  return (
    <MenuPrimitive.GroupLabel
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-menubar-group-label ${className(state) ?? ""}`
          : `ynr-menubar-group-label ${className ?? ""}`
      }
    />
  );
}
export function MenubarCheckboxItem({
  className,
  ...props
}: ComponentProps<typeof MenuPrimitive.CheckboxItem>) {
  return (
    <MenuPrimitive.CheckboxItem
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-menubar-checkbox-item ${className(state) ?? ""}`
          : `ynr-menubar-checkbox-item ${className ?? ""}`
      }
    />
  );
}
export function MenubarCheckboxItemIndicator({
  className,
  ...props
}: ComponentProps<typeof MenuPrimitive.CheckboxItemIndicator>) {
  return (
    <MenuPrimitive.CheckboxItemIndicator
      {...props}
      className={
        typeof className === "function"
          ? (state) =>
              `ynr-menubar-checkbox-item-indicator ${className(state) ?? ""}`
          : `ynr-menubar-checkbox-item-indicator ${className ?? ""}`
      }
    />
  );
}
export function MenubarRadioGroup({
  className,
  ...props
}: ComponentProps<typeof MenuPrimitive.RadioGroup>) {
  return (
    <MenuPrimitive.RadioGroup
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-menubar-radio-group ${className(state) ?? ""}`
          : `ynr-menubar-radio-group ${className ?? ""}`
      }
    />
  );
}
export function MenubarRadioItem({
  className,
  ...props
}: ComponentProps<typeof MenuPrimitive.RadioItem>) {
  return (
    <MenuPrimitive.RadioItem
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-menubar-radio-item ${className(state) ?? ""}`
          : `ynr-menubar-radio-item ${className ?? ""}`
      }
    />
  );
}
export function MenubarRadioItemIndicator({
  className,
  ...props
}: ComponentProps<typeof MenuPrimitive.RadioItemIndicator>) {
  return (
    <MenuPrimitive.RadioItemIndicator
      {...props}
      className={
        typeof className === "function"
          ? (state) =>
              `ynr-menubar-radio-item-indicator ${className(state) ?? ""}`
          : `ynr-menubar-radio-item-indicator ${className ?? ""}`
      }
    />
  );
}
export const MenubarSubmenuRoot = MenuPrimitive.SubmenuRoot;
export function MenubarSubmenuTrigger({
  className,
  ...props
}: ComponentProps<typeof MenuPrimitive.SubmenuTrigger>) {
  return (
    <MenuPrimitive.SubmenuTrigger
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-menubar-submenu-trigger ${className(state) ?? ""}`
          : `ynr-menubar-submenu-trigger ${className ?? ""}`
      }
    />
  );
}