import { g as getElement, r as registerInstance, c as createEvent, h, H as Host } from './index-saW7O-EW.js';
import { R as ReactiveControllerHost, A as AriaValidationController } from './reactive-controller-host-sR2jJxNG.js';
import { E as ElementActivationController } from './element-activation-controller-CN0JX9-m.js';
import './aria-loader-BF_AYtbb.js';

const lmvzMenuitemCss = () => `@layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;  @layer lmvz-ds.theme { @font-face {   font-family: Router;   src:     local('Router-Book'),     url('/assets/fonts/Router-Book.woff') format('woff'),     local('Router');   font-weight: 400 normal; }  @font-face {   font-family: Router;   src:     local('Router-Medium'),     url('/assets/fonts/Router-Medium.woff') format('woff'),     local('Router');   font-weight: 500; }  @font-face {   font-family: Router;   src:     local('Router-Bold'),     url('/assets/fonts/Router-Bold.woff') format('woff'),     local('Router');   font-weight: 700 bold; }  } .sc-lmvz-menuitem-h {   display: inline-flex;   flex-direction: row;   align-items: center;   justify-content: center;   gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   border-radius: var(--lmvz-semantic-border-radius-lg, 14px);   font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4     Router);   padding: var(--lmvz-component-input-md-padding-y, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)) var(--lmvz-component-input-md-padding-x, clamp(0.75rem, 0.69rem + 0.26vw, 1rem));   cursor: pointer;    --lmvz-menuitem-color: var(--lmvz-semantic-color-int-on-tertiary, #545454);   --lmvz-menuitem-background: var(--lmvz-semantic-color-int-tertiary, #ffffff);    background: var(--lmvz-menuitem-background);   color: var(--lmvz-menuitem-color); } .sc-lmvz-menuitem-h:hover {   --lmvz-menuitem-background: var(--lmvz-semantic-color-int-tertiary-hover, #f0f0f0); } .sc-lmvz-menuitem-h:active {   --lmvz-menuitem-background: var(--lmvz-semantic-color-int-tertiary-active, #e0e0e0); } .sc-lmvz-menuitem-h:focus-visible {      z-index: 1; } [aria-expanded='true'].sc-lmvz-menuitem-h {   --lmvz-menuitem-background: var(--lmvz-semantic-color-status-selected, #f1f9fe);   --lmvz-menuitem-color: var(--lmvz-semantic-color-status-on-selected, #0e7ab4); }`;

const LmvzMenuItem = class extends ReactiveControllerHost {
    get el() { return getElement(this); }
    get validationEl() {
        return this.el;
    }
    validationSlot;
    get role() {
        return 'menuitem';
    }
    get ti() {
        return 0;
    }
    lmvzActivation;
    constructor(hostRef) {
        super();
        registerInstance(this, hostRef);
        this.lmvzActivation = createEvent(this, "lmvzActivation");
        this.addController(new AriaValidationController(this, { validationTiming: 'slot' }));
        this.addController(new ElementActivationController(this));
    }
    render() {
        return (h(Host, { key: '1a37d2873a29c713cf95c60070c8dcf045c9f8fc' }, h("slot", { key: 'c6578bcfdb9f0cebad095d80f0ed63cf663bf91e', ref: (e) => (this.validationSlot = e) })));
    }
};
LmvzMenuItem.style = lmvzMenuitemCss();

export { LmvzMenuItem as lmvz_menuitem };
