/** * Style slots and defaults for the Menu component. * * Each slot maps to a visual region of the Menu. Consumers override * individual slots via the `slots` prop without touching internals. * * @module @mks2508/mks-ui/react/ui/Menu/Menu.styles * * @example * ```tsx * import { menuStyles } from './Menu.styles'; * // menuStyles.popup => default popup classes * ``` */ import type { StyleSlots } from '../../../core/types'; /** * Union of all visual regions (slots) in the Menu component tree. * * @example * ```typescript * const overrides: SlotOverrides = { * popup: 'bg-zinc-900 border-cyan-500/30', * item: 'hover:bg-white/5', * }; * ``` */ export type MenuSlot = 'root' | 'popup' | 'trigger' | 'item' | 'checkboxItem' | 'radioItem' | 'group' | 'groupLabel' | 'separator' | 'shortcut' | 'arrow' | 'highlight' | 'submenuTrigger'; /** * Default style map for every Menu slot. * * Base classes are intentionally minimal so consumers can fully * control the visual appearance through `slots` overrides. * No colors are hardcoded -- all visuals come from consumer styles. * * @example * ```typescript * import { menuStyles } from './Menu.styles'; * cn(menuStyles.popup, slots?.popup, className); * ``` */ export declare const menuStyles: StyleSlots; //# sourceMappingURL=Menu.styles.d.ts.map