import { r as registerInstance, h, H as Host, g as getElement } from './index-442cf464.js';

const listboxOptionCss = ":host{--font-size:0.875em;--padding:0.25em 1em 0.75em;display:block;padding:0.25em 1em 0.75em;padding:var(--padding);transition:box-shadow 0.1s ease-out;font-size:0.875em;font-size:var(--font-size)}:host(:focus){outline:none;box-shadow:0 0 0 2px #1b2c56}li{cursor:default}";

const ListboxOption = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    /*
     * Set if this list item need a role other than 'option'.
     * */
    this.role = "option";
  }
  render() {
    return (h(Host, { role: this.role, tabIndex: 0 }, h("li", null, h("slot", null))));
  }
  get host() { return getElement(this); }
};
ListboxOption.style = listboxOptionCss;

export { ListboxOption as lu_listbox_option };

//# sourceMappingURL=lu-listbox-option.entry.js.map