import { CSSResultGroup, PropertyValues } from "lit";
import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
//#region src/components/tab/tab.d.ts
/**
 * <sigvelo-tab>
 *
 * @summary Describes and selects a tab panel within a tab list.
 * @tag sigvelo-tab
 * @documentation https://design-system.sigvelo.com/docs/components/tab
 * @status stable
 * @since 1.0
 *
 * @slot - The tab's content. This is usually a short label, but sometimes includes an icon.
 *
 * @cssstate active - Applied when the tab is selected.
 * @cssstate disabled - Applied when the tab is selected.
 *
 * @example Default
 * This component must only be used within a tab list. You can see some examples of tabs being used in the tab list documentation.
 */
declare class SigveloTab extends SigveloElement {
  static styles: CSSResultGroup;
  /** @internal The controller will set this property to true when the tab is active. */
  active: boolean;
  /**
   * The name of the tab panel this tab will link to. The tab panel must be an HTML element inside the
   * `<sigvelo-tab-list>` element with a `name` attribute.
   */
  panel?: string;
  /** Disables the tab, preventing it from being activated. */
  disabled: boolean;
  firstUpdated(): void;
  disconnectedCallback(): void;
  updated(changedProperties: PropertyValues<this>): void;
  render(): import("lit-html").TemplateResult<1>;
}
declare global {
  interface HTMLElementTagNameMap {
    "sigvelo-tab": SigveloTab;
  }
}
//#endregion
export { SigveloTab as t };