import "./icon-CTW4Gr4z.js";
import { CSSResultGroup, PropertyValues } from "lit";
import { SigveloElement } from "@mcp-b/wc-support/base/sigvelo-element";
//#region src/components/accordion-item/accordion-item.d.ts
/**
 * <sigvelo-accordion-item>
 *
 * @summary An individual section within an accordion, consisting of a header and content that shows when expanded.
 * @tag sigvelo-accordion-item
 * @documentation https://design-system.sigvelo.com/docs/components/accordion-item
 * @status stable
 * @since 1.0
 *
 * @dependency sigvelo-icon
 *
 * @slot - The content to show when expanded.
 * @slot icon - The expand/collapse icon.
 * @slot label - The accordion item's label. For plain-text labels, you can use the `label` attribute instead.
 *
 * @csspart header - The accordion item's header that contains the label and icon.
 * @csspart label - The label container.
 * @csspart icon - The icon container.
 * @csspart body - The accordion item's body that contains the content.
 * @csspart content - The content wrapper inside the body.
 *
 * @cssstate disabled - Applies when the accordion item is disabled.
 * @cssstate expanded - Applies when the accordion item is expanded.
 *
 * @example Default
 * This component must only be used within an accordion. You can see some examples of accordion items being used in the accordion documentation.
 */
declare class SigveloAccordionItem extends SigveloElement {
  static styles: CSSResultGroup;
  body: HTMLElement;
  content: HTMLElement;
  header: HTMLButtonElement;
  expanded: boolean;
  /** The accordion item's label. If you need to provide HTML in the label, use the `label` slot instead. */
  label: string;
  /** The accordion item's variant. This will be set automatically by the accordion controller. */
  variant: "normal" | "contained" | "separated" | "unstyled";
  /** The position of the expand/collapse icon. This will be set automatically by the accordion controller. */
  iconPlacement: "start" | "end";
  /** Disables the accordion item. */
  disabled: boolean;
  /** Sets focus to the accordion item. */
  focus(): void;
  /** Removes focus from the accordion item. */
  blur(): void;
  updated(changedProperties: PropertyValues<this>): void;
  /** Animate the expansion of the body - called by the accordion controller */
  animateExpand(): Promise<void>;
  /** Animate the collapse of the body - called by the accordion controller */
  animateCollapse(): Promise<void>;
  render(): import("lit-html").TemplateResult<1>;
}
declare global {
  interface HTMLElementTagNameMap {
    "sigvelo-accordion-item": SigveloAccordionItem;
  }
}
//#endregion
export { SigveloAccordionItem as t };