import { CSSResultGroup, PropertyValues } from "lit";
import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
//#region src/components/icon/icon.d.ts
/**
 * <sigvelo-icon>
 *
 * @summary Provides a visual representation of an object, action, or idea.
 * @tag sigvelo-icon
 * @documentation https://design-system.sigvelo.com/docs/components/icon
 * @status stable
 * @since 1.0
 *
 * @event sigvelo-loaded - The icon has reloaded and rendered. This event does not bubble.
 * @event sigvelo-load-error - The icon failed to load. This event does not bubble.
 *
 * @csspart svg - The internal SVG element.
 *
 * @example Default
 * No icon library is registered by default. You must register one using `registerIconLibrary()` before icons will
 * render. See the **Icons** documentation page for setup instructions and CDN examples.
 *
 * ```html
 * <sigvelo-icon library="system" name="heart" family="outline" label="Heart"></sigvelo-icon>
 * ```
 *
 * @example System icons
 * A small set of icons used internally by components is always available via the `system` library.
 *
 * ```html
 * <div style="font-size: 1.5rem;">
 *   <sigvelo-icon library="system" name="check" family="outline"></sigvelo-icon>
 *   <sigvelo-icon library="system" name="chevron-down" family="outline"></sigvelo-icon>
 *   <sigvelo-icon library="system" name="x" family="outline"></sigvelo-icon>
 *   <sigvelo-icon library="system" name="search" family="outline"></sigvelo-icon>
 *   <sigvelo-icon library="system" name="star" family="outline"></sigvelo-icon>
 * </div>
 * ```
 */
declare class SigveloIcon extends SigveloElement {
  static styles: CSSResultGroup;
  svg?: SVGSVGElement;
  /** The name of the icon library to use. */
  library: string;
  /** The icon family to use for this icon, e.g. `filled` or `outline`. */
  family: string;
  /** The name of the icon to render. */
  name: string;
  /** A label to use for assistive devices. If omitted, the icon will be considered presentational. */
  label: string;
  /** Flips the icon horizontally. */
  flipX: boolean;
  /** Flips the icon vertically. */
  flipY: boolean;
  /** Rotates the icon the specified number of degrees. */
  rotate: number;
  connectedCallback(): void;
  disconnectedCallback(): void;
  firstUpdated(): void;
  updated(changedProperties: PropertyValues<this>): Promise<void>;
  /** Loads or reloads and draws the icon. */
  load(): Promise<void>;
  private fetchIcon;
  render(): SVGSVGElement | undefined;
}
declare global {
  interface HTMLElementTagNameMap {
    "sigvelo-icon": SigveloIcon;
  }
}
//#endregion
export { SigveloIcon as t };