import "./icon-CTW4Gr4z.js";
import { CSSResultGroup, PropertyValues } from "lit";
import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
//#region src/components/radio-item/radio-item.d.ts
/**
 * <sigvelo-radio-item>
 *
 * @summary Represents individual choices within a radio.
 * @tag sigvelo-radio-item
 * @documentation https://design-system.sigvelo.com/docs/components/radio-item
 * @status stable
 * @since 1.0
 *
 * @dependency sigvelo-icon
 *
 * @slot - The radio item's label. For plain-text labels, you can use the `label` attribute instead.
 *
 * @event sigvelo-blur - Emitted when the radio item loses focus. This event does not bubble.
 * @event sigvelo-focus - Emitted when the radio item receives focus. This event does not bubble.
 *
 * @csspart label - The `<label>` that wraps the entire control.
 * @csspart visual-box - The element that wraps the internal radio.
 * @csspart radio-icon - The radio icon, a `<sigvelo-icon>` element.
 * @csspart radio-icon__svg - The radio icon's `svg` part.
 *
 * @cssstate checked - Applied when the radio item is checked.
 * @cssstate disabled - Applied when the radio item is disabled.
 * @cssstate focused - Applied when the radio item has focus.
 *
 * @example Default
 * This component must only be used within a radio. You can see some examples of radio items being used in the radio documentation.
 */
declare class SigveloRadioItem extends SigveloElement {
  static styles: CSSResultGroup;
  /** @internal Indicates if the radio item is disabled by the controller. */
  disabledByController: boolean;
  /**
   * The radio item's label. If you need to provide HTML in the label, use the `label` slot instead.
   */
  label: string;
  /**
   * The radio item's description. If you need to provide HTML in the description, use the `description` slot instead.
   */
  description: string;
  /** The radio item's value. */
  value: string;
  /** The radio item's checked state. */
  checked: boolean;
  /** Disables the radio item. */
  disabled: boolean;
  /** The type of radio item to render. */
  variant: "normal" | "filled";
  /** The radio item's size. */
  size: "xs" | "sm" | "md" | "lg" | "xl";
  connectedCallback(): void;
  disconnectedCallback(): void;
  firstUpdated(): void;
  updated(changedProperties: PropertyValues<this>): void;
  private handleBlur;
  private handleFocus;
  render(): import("lit-html").TemplateResult<1>;
}
declare global {
  interface HTMLElementTagNameMap {
    "sigvelo-radio-item": SigveloRadioItem;
  }
}
//#endregion
export { SigveloRadioItem as t };