import { CSSResultGroup } from "lit";
import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
//#region src/components/field/field.d.ts
/**
 * <sigvelo-field>
 *
 * @summary Wraps a form control with a label, description, and error message.
 * @tag sigvelo-field
 * @status experimental
 * @since 1.0
 *
 * @slot - The form control (e.g. sigvelo-text-field, sigvelo-select).
 * @slot label - Custom label content. Overrides the `label` attribute.
 * @slot description - Custom description content. Overrides the `description` attribute.
 * @slot error - Custom error content. Overrides the `error` attribute.
 *
 * @cssstate error - Applied when the field has an error.
 *
 * @example Default
 * ```html
 * <sigvelo-field label="Email" description="We'll never share your email.">
 *   <sigvelo-text-field placeholder="you@example.com"></sigvelo-text-field>
 * </sigvelo-field>
 * ```
 *
 * @example With error
 * ```html
 * <sigvelo-field label="Username" error="Username is already taken.">
 *   <sigvelo-text-field value="admin"></sigvelo-text-field>
 * </sigvelo-field>
 * ```
 *
 * @example Required
 * ```html
 * <sigvelo-field label="Full name" required>
 *   <sigvelo-text-field placeholder="Jane Doe"></sigvelo-text-field>
 * </sigvelo-field>
 * ```
 */
declare class SigveloField extends SigveloElement {
  static observeSlots: boolean;
  static styles: CSSResultGroup;
  private fieldId;
  private controlSlot;
  private labelSlot;
  private descriptionSlot;
  private errorSlot;
  /** The field label text. */
  label: string;
  /** Help text displayed below the control. */
  description: string;
  /** Error message displayed below the control. Puts the field in an error state. */
  error: string;
  /** Marks the field as required. Shows the required indicator on the label. */
  required: boolean;
  updated(): void;
  private slotText;
  private syncControlSemantics;
  private handleLabelClick;
  render(): import("lit-html").TemplateResult<1>;
}
declare global {
  interface HTMLElementTagNameMap {
    "sigvelo-field": SigveloField;
  }
}
//#endregion
export { SigveloField as t };