import "./icon-CTW4Gr4z.js";
import { CSSResultGroup, PropertyValues } from "lit";
import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
//#region src/components/listbox-item/listbox-item.d.ts
/**
 * <sigvelo-listbox-item>
 *
 * @summary Represents individual choices within a listbox.
 * @tag sigvelo-listbox-item
 * @documentation https://design-system.sigvelo.com/docs/components/listbox-item
 * @status stable
 * @since 1.0
 *
 * @dependency sigvelo-icon
 *
 * @slot - The listbox item's label. For plain-text labels, you can use the `label` attribute instead.
 *
 * @cssstate selected - Applied when the listbox item is selected.
 * @cssstate disabled - Applied when the listbox item is disabled.
 * @cssstate controller-disabled - Applied when the listbox controller is disabled.
 * @cssstate controller-focused - Applied when the listbox controller focused.
 * @cssstate controller-readonly - Applied when the listbox controller is readonly.
 *
 * @example Default
 * This component must only be used within a listbox. You can see some examples of listbox items being used in the listbox documentation.
 */
declare class SigveloListboxItem extends SigveloElement {
  static styles: CSSResultGroup;
  /**
   * The listbox item's label. If you need to provide HTML in the label, use the `label` slot instead.
   */
  label: string;
  /**
   * The listbox item's description. If you need to provide HTML in the description, use the `description` slot instead.
   */
  description: string;
  /** The listbox item's value. */
  value: string;
  /** The listbox item's selected state. */
  selected: boolean;
  /** Disables the listbox item. */
  disabled: boolean;
  firstUpdated(): void;
  updated(changedProperties: PropertyValues<this>): void;
  render(): import("lit-html").TemplateResult<1>;
}
declare global {
  interface HTMLElementTagNameMap {
    "sigvelo-listbox-item": SigveloListboxItem;
  }
}
//#endregion
export { SigveloListboxItem as t };