@cerberus-design/react/dist/components/menu/primitives.js

The Cerberus Design React component library.

import { Menu } from '@ark-ui/react';
import { menu } from 'styled-system/recipes';
import { createCerberusPrimitive } from '../../system/index.js';

const { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(menu);
const MenuRoot = withSlotRecipe(Menu.Root, "root");
const MenuTriggerEl = withNoRecipe(Menu.Trigger);
const MenuTriggerItem = withNoRecipe(Menu.TriggerItem);
const MenuIndicator = withNoRecipe(Menu.Indicator);
const MenuPositioner = withSlotRecipe(Menu.Positioner, "positioner");
const MenuContentEl = withSlotRecipe(Menu.Content, "content");
const MenuItemEl = withSlotRecipe(Menu.Item, "item");
const MenuItemGroupEl = withNoRecipe(Menu.ItemGroup);
const MenuItemGroupLabelEl = withSlotRecipe(
  Menu.ItemGroupLabel,
  "itemGroupLabel"
);
const MenuSeparatorEl = withSlotRecipe(Menu.Separator, "separator");

export { MenuContentEl, MenuIndicator, MenuItemEl, MenuItemGroupEl, MenuItemGroupLabelEl, MenuPositioner, MenuRoot, MenuSeparatorEl, MenuTriggerEl, MenuTriggerItem };