diff --git a/packages/web-components/docs/api-report.md b/packages/web-components/docs/api-report.md
deleted file mode 100644
index 9af30b224cf095..00000000000000
--- a/packages/web-components/docs/api-report.md
+++ /dev/null
@@ -1,4229 +0,0 @@
-## API Report File for "@fluentui/web-components"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import { CaptureType } from '@microsoft/fast-element';
-import { CSSDirective } from '@microsoft/fast-element';
-import { Direction } from '@microsoft/fast-web-utilities';
-import { ElementStyles } from '@microsoft/fast-element';
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { FASTElement } from '@microsoft/fast-element';
-import { FASTElementDefinition } from '@microsoft/fast-element';
-import type { HostBehavior } from '@microsoft/fast-element';
-import type { HostController } from '@microsoft/fast-element';
-import { HTMLDirective } from '@microsoft/fast-element';
-import { Orientation } from '@microsoft/fast-web-utilities';
-import { SyntheticViewTemplate } from '@microsoft/fast-element';
-import { ViewTemplate } from '@microsoft/fast-element';
-
-// @public
-export class Accordion extends FASTElement {
-    // @internal (undocumented)
-    protected accordionItems: Element[];
-    expandmode: AccordionExpandMode;
-    // (undocumented)
-    expandmodeChanged(prev: AccordionExpandMode, next: AccordionExpandMode): void;
-    // @internal
-    handleChange(source: any, propertyName: string): void;
-    // @internal (undocumented)
-    slottedAccordionItems: HTMLElement[];
-    // @internal (undocumented)
-    slottedAccordionItemsChanged(oldValue: HTMLElement[], newValue: HTMLElement[]): void;
-}
-
-// @public (undocumented)
-export const accordionDefinition: FASTElementDefinition<typeof Accordion>;
-
-// @public
-export const AccordionExpandMode: {
-    readonly single: "single";
-    readonly multi: "multi";
-};
-
-// Warning: (ae-forgotten-export) The symbol "ValuesOf" needs to be exported by the entry point index.d.ts
-//
-// @public
-export type AccordionExpandMode = ValuesOf<typeof AccordionExpandMode>;
-
-// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag
-// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "AccordionItem" because one of its declarations is marked as @internal
-//
-// @public
-export class AccordionItem extends BaseAccordionItem {
-    block: boolean;
-    blockChanged(prev: boolean, next: boolean): void;
-    markerPosition?: AccordionItemMarkerPosition;
-    markerPositionChanged(prev: AccordionItemMarkerPosition | undefined, next: AccordionItemMarkerPosition | undefined): void;
-    size?: AccordionItemSize;
-    sizeChanged(prev: AccordionItemSize | undefined, next: AccordionItemSize | undefined): void;
-}
-
-// @internal
-export interface AccordionItem extends StartEnd {
-}
-
-// @public (undocumented)
-export const accordionItemDefinition: FASTElementDefinition<typeof AccordionItem>;
-
-// Warning: (ae-missing-release-tag) "AccordionItemMarkerPosition" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const AccordionItemMarkerPosition: {
-    readonly start: "start";
-    readonly end: "end";
-};
-
-// @public
-export type AccordionItemMarkerPosition = ValuesOf<typeof AccordionItemMarkerPosition>;
-
-// @public
-export type AccordionItemOptions = StartEndOptions<AccordionItem> & {
-    expandedIcon?: StaticallyComposableHTML<AccordionItem>;
-    collapsedIcon?: StaticallyComposableHTML<AccordionItem>;
-};
-
-// Warning: (ae-missing-release-tag) "AccordionItemSize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const AccordionItemSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-    readonly extraLarge: "extra-large";
-};
-
-// @public
-export type AccordionItemSize = ValuesOf<typeof AccordionItemSize>;
-
-// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const accordionItemStyles: ElementStyles;
-
-// @public
-export const accordionItemTemplate: ElementViewTemplate<AccordionItem>;
-
-// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const accordionStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const accordionTemplate: ElementViewTemplate<Accordion>;
-
-// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag
-// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "AnchorButton" because one of its declarations is marked as @internal
-//
-// @public
-export class AnchorButton extends BaseAnchor {
-    appearance?: AnchorButtonAppearance | undefined;
-    appearanceChanged(prev: AnchorButtonAppearance | undefined, next: AnchorButtonAppearance | undefined): void;
-    iconOnly: boolean;
-    iconOnlyChanged(prev: boolean, next: boolean): void;
-    shape?: AnchorButtonShape | undefined;
-    shapeChanged(prev: AnchorButtonShape | undefined, next: AnchorButtonShape | undefined): void;
-    size?: AnchorButtonSize;
-    sizeChanged(prev: AnchorButtonSize | undefined, next: AnchorButtonSize | undefined): void;
-}
-
-// @internal
-export interface AnchorButton extends StartEnd {
-}
-
-// @public
-export const AnchorButtonAppearance: {
-    readonly primary: "primary";
-    readonly outline: "outline";
-    readonly subtle: "subtle";
-    readonly transparent: "transparent";
-};
-
-// @public
-export type AnchorButtonAppearance = ValuesOf<typeof AnchorButtonAppearance>;
-
-// @public (undocumented)
-export const AnchorButtonDefinition: FASTElementDefinition<typeof AnchorButton>;
-
-// @public
-export const AnchorButtonShape: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-
-// @public
-export type AnchorButtonShape = ValuesOf<typeof AnchorButtonShape>;
-
-// @public
-export const AnchorButtonSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-
-// @public
-export type AnchorButtonSize = ValuesOf<typeof AnchorButtonSize>;
-
-// @public
-export const AnchorButtonTemplate: ElementViewTemplate<AnchorButton>;
-
-// @public
-export const AnchorTarget: {
-    readonly _self: "_self";
-    readonly _blank: "_blank";
-    readonly _parent: "_parent";
-    readonly _top: "_top";
-};
-
-// @public
-export type AnchorTarget = ValuesOf<typeof AnchorTarget>;
-
-// @public
-export class Avatar extends BaseAvatar {
-    appearance?: AvatarAppearance | undefined;
-    color?: AvatarColor | undefined;
-    colorId?: AvatarNamedColor | undefined;
-    static colors: ("anchor" | "beige" | "blue" | "brass" | "brown" | "cornflower" | "cranberry" | "dark-green" | "dark-red" | "forest" | "gold" | "grape" | "lavender" | "light-teal" | "lilac" | "magenta" | "marigold" | "mink" | "navy" | "peach" | "pink" | "platinum" | "plum" | "pumpkin" | "purple" | "red" | "royal-blue" | "seafoam" | "steel" | "teal")[];
-    // (undocumented)
-    connectedCallback(): void;
-    // (undocumented)
-    disconnectedCallback(): void;
-    // @internal
-    generateColor(): void;
-    // @internal
-    generateInitials(): string | void;
-    // @internal
-    handleChange(source: any, propertyName: string): void;
-    shape?: AvatarShape | undefined;
-    size?: AvatarSize | undefined;
-}
-
-// Warning: (ae-missing-release-tag) "AvatarActive" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-// Warning: (ae-missing-release-tag) "AvatarActive" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const AvatarActive: {
-    readonly active: "active";
-    readonly inactive: "inactive";
-};
-
-// @public
-export type AvatarActive = ValuesOf<typeof AvatarActive>;
-
-// Warning: (ae-missing-release-tag) "AvatarAppearance" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-// Warning: (ae-missing-release-tag) "AvatarAppearance" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const AvatarAppearance: {
-    readonly ring: "ring";
-    readonly shadow: "shadow";
-    readonly ringShadow: "ring-shadow";
-};
-
-// @public
-export type AvatarAppearance = ValuesOf<typeof AvatarAppearance>;
-
-// Warning: (ae-missing-release-tag) "AvatarColor" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-// Warning: (ae-missing-release-tag) "AvatarColor" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const AvatarColor: {
-    readonly darkRed: "dark-red";
-    readonly cranberry: "cranberry";
-    readonly red: "red";
-    readonly pumpkin: "pumpkin";
-    readonly peach: "peach";
-    readonly marigold: "marigold";
-    readonly gold: "gold";
-    readonly brass: "brass";
-    readonly brown: "brown";
-    readonly forest: "forest";
-    readonly seafoam: "seafoam";
-    readonly darkGreen: "dark-green";
-    readonly lightTeal: "light-teal";
-    readonly teal: "teal";
-    readonly steel: "steel";
-    readonly blue: "blue";
-    readonly royalBlue: "royal-blue";
-    readonly cornflower: "cornflower";
-    readonly navy: "navy";
-    readonly lavender: "lavender";
-    readonly purple: "purple";
-    readonly grape: "grape";
-    readonly lilac: "lilac";
-    readonly pink: "pink";
-    readonly magenta: "magenta";
-    readonly plum: "plum";
-    readonly beige: "beige";
-    readonly mink: "mink";
-    readonly platinum: "platinum";
-    readonly anchor: "anchor";
-    readonly neutral: "neutral";
-    readonly brand: "brand";
-    readonly colorful: "colorful";
-};
-
-// @public
-export type AvatarColor = ValuesOf<typeof AvatarColor>;
-
-// @public
-export const AvatarDefinition: FASTElementDefinition<typeof Avatar>;
-
-// Warning: (ae-missing-release-tag) "AvatarNamedColor" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const AvatarNamedColor: {
-    readonly darkRed: "dark-red";
-    readonly cranberry: "cranberry";
-    readonly red: "red";
-    readonly pumpkin: "pumpkin";
-    readonly peach: "peach";
-    readonly marigold: "marigold";
-    readonly gold: "gold";
-    readonly brass: "brass";
-    readonly brown: "brown";
-    readonly forest: "forest";
-    readonly seafoam: "seafoam";
-    readonly darkGreen: "dark-green";
-    readonly lightTeal: "light-teal";
-    readonly teal: "teal";
-    readonly steel: "steel";
-    readonly blue: "blue";
-    readonly royalBlue: "royal-blue";
-    readonly cornflower: "cornflower";
-    readonly navy: "navy";
-    readonly lavender: "lavender";
-    readonly purple: "purple";
-    readonly grape: "grape";
-    readonly lilac: "lilac";
-    readonly pink: "pink";
-    readonly magenta: "magenta";
-    readonly plum: "plum";
-    readonly beige: "beige";
-    readonly mink: "mink";
-    readonly platinum: "platinum";
-    readonly anchor: "anchor";
-};
-
-// @public
-export type AvatarNamedColor = ValuesOf<typeof AvatarNamedColor>;
-
-// Warning: (ae-missing-release-tag) "AvatarShape" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-// Warning: (ae-missing-release-tag) "AvatarShape" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const AvatarShape: {
-    readonly circular: "circular";
-    readonly square: "square";
-};
-
-// @public
-export type AvatarShape = ValuesOf<typeof AvatarShape>;
-
-// @public
-export const AvatarSize: {
-    readonly _16: 16;
-    readonly _20: 20;
-    readonly _24: 24;
-    readonly _28: 28;
-    readonly _32: 32;
-    readonly _36: 36;
-    readonly _40: 40;
-    readonly _48: 48;
-    readonly _56: 56;
-    readonly _64: 64;
-    readonly _72: 72;
-    readonly _96: 96;
-    readonly _120: 120;
-    readonly _128: 128;
-};
-
-// @public
-export type AvatarSize = ValuesOf<typeof AvatarSize>;
-
-// @public
-export const AvatarStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const AvatarTemplate: ElementViewTemplate<Avatar>;
-
-// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag
-// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "Badge" because one of its declarations is marked as @internal
-//
-// @public
-export class Badge extends FASTElement {
-    appearance: BadgeAppearance;
-    appearanceChanged(prev: BadgeAppearance | undefined, next: BadgeAppearance | undefined): void;
-    color: BadgeColor;
-    colorChanged(prev: BadgeColor | undefined, next: BadgeColor | undefined): void;
-    // @internal
-    elementInternals: ElementInternals;
-    shape?: BadgeShape;
-    shapeChanged(prev: BadgeShape | undefined, next: BadgeShape | undefined): void;
-    size?: BadgeSize;
-    sizeChanged(prev: BadgeSize | undefined, next: BadgeSize | undefined): void;
-}
-
-// @internal
-export interface Badge extends StartEnd {
-}
-
-// @public
-export const BadgeAppearance: {
-    readonly filled: "filled";
-    readonly ghost: "ghost";
-    readonly outline: "outline";
-    readonly tint: "tint";
-};
-
-// @public
-export type BadgeAppearance = ValuesOf<typeof BadgeAppearance>;
-
-// @public
-export const BadgeColor: {
-    readonly brand: "brand";
-    readonly danger: "danger";
-    readonly important: "important";
-    readonly informative: "informative";
-    readonly severe: "severe";
-    readonly subtle: "subtle";
-    readonly success: "success";
-    readonly warning: "warning";
-};
-
-// @public
-export type BadgeColor = ValuesOf<typeof BadgeColor>;
-
-// @public (undocumented)
-export const BadgeDefinition: FASTElementDefinition<typeof Badge>;
-
-// @public
-export const BadgeShape: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-
-// @public
-export type BadgeShape = ValuesOf<typeof BadgeShape>;
-
-// @public
-export const BadgeSize: {
-    readonly tiny: "tiny";
-    readonly extraSmall: "extra-small";
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-    readonly extraLarge: "extra-large";
-};
-
-// @public
-export type BadgeSize = ValuesOf<typeof BadgeSize>;
-
-// @public
-export const BadgeStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const BadgeTemplate: ElementViewTemplate<Badge>;
-
-// @public (undocumented)
-export class BaseAccordionItem extends FASTElement {
-    disabled: boolean;
-    disabledChanged(prev: boolean, next: boolean): void;
-    // @internal
-    elementInternals: ElementInternals;
-    // @internal (undocumented)
-    expandbutton: HTMLElement;
-    expanded: boolean;
-    expandedChanged(prev: boolean, next: boolean): void;
-    headinglevel: 1 | 2 | 3 | 4 | 5 | 6;
-    id: string;
-}
-
-// @public
-export class BaseAnchor extends FASTElement {
-    constructor();
-    // @internal
-    clickHandler(e: PointerEvent): boolean;
-    // (undocumented)
-    connectedCallback(): void;
-    // (undocumented)
-    disconnectedCallback(): void;
-    download?: string;
-    // @internal
-    elementInternals: ElementInternals;
-    // @internal
-    handleChange(source: any, propertyName: string): void;
-    href?: string;
-    hreflang?: string;
-    keydownHandler(e: KeyboardEvent): boolean | void;
-    ping?: string;
-    referrerpolicy?: string;
-    rel: string;
-    target?: AnchorTarget;
-    type?: string;
-}
-
-// @public
-export class BaseAvatar extends FASTElement {
-    constructor();
-    active?: AvatarActive | undefined;
-    // @internal
-    elementInternals: ElementInternals;
-    initials?: string | undefined;
-    name?: string | undefined;
-}
-
-// @public
-export class BaseButton extends FASTElement {
-    constructor();
-    autofocus: boolean;
-    // @internal
-    clickHandler(e: Event): boolean | void;
-    // (undocumented)
-    connectedCallback(): void;
-    defaultSlottedContent: HTMLElement[];
-    disabled?: boolean;
-    disabledFocusable: boolean;
-    // @internal
-    disabledFocusableChanged(previous: boolean, next: boolean): void;
-    // @internal
-    elementInternals: ElementInternals;
-    get form(): HTMLFormElement | null;
-    formAction?: string;
-    static readonly formAssociated = true;
-    formAttribute?: string;
-    // @internal
-    formDisabledCallback(disabled: boolean): void;
-    formEnctype?: string;
-    formMethod?: string;
-    formNoValidate?: boolean;
-    formTarget?: ButtonFormTarget;
-    keypressHandler(e: KeyboardEvent): boolean | void;
-    get labels(): ReadonlyArray<Node>;
-    name?: string;
-    protected press(): void;
-    resetForm(): void;
-    tabIndex: number;
-    type: ButtonType;
-    // @internal
-    typeChanged(previous: ButtonType, next: ButtonType): void;
-    value?: string;
-}
-
-// @public
-export class BaseCheckbox extends FASTElement {
-    autofocus: boolean;
-    get checked(): boolean;
-    set checked(next: boolean);
-    checkValidity(): boolean;
-    // @internal
-    clickHandler(e: MouseEvent): boolean | void;
-    // (undocumented)
-    connectedCallback(): void;
-    disabled?: boolean;
-    disabledAttribute?: boolean;
-    // @internal
-    protected disabledAttributeChanged(prev: boolean | undefined, next: boolean | undefined): void;
-    // @internal
-    protected disabledChanged(prev: boolean | undefined, next: boolean | undefined): void;
-    // @internal
-    elementInternals: ElementInternals;
-    get form(): HTMLFormElement | null;
-    static formAssociated: boolean;
-    formAttribute?: string;
-    // @internal
-    formResetCallback(): void;
-    initialChecked?: boolean;
-    // @internal
-    protected initialCheckedChanged(prev: boolean | undefined, next: boolean | undefined): void;
-    initialValue: string;
-    // @internal
-    protected initialValueChanged(prev: string, next: string): void;
-    // @internal
-    inputHandler(e: InputEvent): boolean | void;
-    // @internal
-    keydownHandler(e: KeyboardEvent): boolean | void;
-    // @internal
-    keyupHandler(e: KeyboardEvent): boolean | void;
-    get labels(): ReadonlyArray<HTMLLabelElement>;
-    name: string;
-    reportValidity(): boolean;
-    required: boolean;
-    // @internal
-    protected requiredChanged(prev: boolean, next: boolean): void;
-    // @internal
-    protected setAriaChecked(value?: boolean): void;
-    setCustomValidity(message: string): void;
-    // @internal
-    setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
-    // @internal
-    setValidity(flags?: Partial<ValidityState>, message?: string, anchor?: HTMLElement): void;
-    toggleChecked(force?: boolean): void;
-    get validationMessage(): string;
-    get validity(): ValidityState;
-    get value(): string;
-    set value(value: string);
-    get willValidate(): boolean;
-}
-
-// @public
-export class BaseDivider extends FASTElement {
-    // (undocumented)
-    connectedCallback(): void;
-    // @internal
-    elementInternals: ElementInternals;
-    orientation?: DividerOrientation;
-    // @internal
-    orientationChanged(previous: DividerRole | undefined, next: DividerRole | undefined): void;
-    role: DividerRole;
-    // @internal
-    roleChanged(previous: string | null, next: string | null): void;
-}
-
-// @public
-export class BaseField extends FASTElement {
-    constructor();
-    // @internal
-    changeHandler(e: Event): boolean | void;
-    // @internal
-    clickHandler(e: MouseEvent): boolean | void;
-    // @internal
-    elementInternals: ElementInternals;
-    // @internal
-    focusinHandler(e: FocusEvent): boolean | void;
-    // @internal
-    focusoutHandler(e: FocusEvent): boolean | void;
-    input: SlottableInput;
-    inputChanged(prev: SlottableInput | undefined, next: SlottableInput | undefined): void;
-    // @internal
-    invalidHandler(e: Event): boolean | void;
-    // @internal
-    labelSlot: Node[];
-    protected labelSlotChanged(prev: Node[], next: Node[]): void;
-    // @internal
-    messageSlot: Element[];
-    // @internal
-    messageSlotChanged(prev: Element[], next: Element[]): void;
-    // @internal
-    setStates(): void;
-    // (undocumented)
-    setValidationStates(): void;
-    // @internal
-    slottedInputs: SlottableInput[];
-    // @internal
-    slottedInputsChanged(prev: SlottableInput[] | undefined, next: SlottableInput[] | undefined): void;
-}
-
-// @public
-export class BaseProgressBar extends FASTElement {
-    constructor();
-    // @internal
-    elementInternals: ElementInternals;
-    // @internal
-    max?: number;
-    // @internal
-    protected maxChanged(prev: number | undefined, next: number | undefined): void;
-    // @internal
-    min?: number;
-    protected minChanged(prev: number | undefined, next: number | undefined): void;
-    // @internal
-    get percentComplete(): number;
-    validationState: ProgressBarValidationState | null;
-    validationStateChanged(prev: ProgressBarValidationState | undefined, next: ProgressBarValidationState | undefined): void;
-    // @internal
-    value?: number;
-    // @internal
-    protected valueChanged(prev: number | undefined, next: number | undefined): void;
-}
-
-// @public
-export class BaseRatingDisplay extends FASTElement {
-    constructor();
-    count?: number;
-    // @internal
-    elementInternals: ElementInternals;
-    // @internal
-    get formattedCount(): string;
-    // @internal
-    generateIcons(): string;
-    protected getMaxIcons(): number;
-    protected getSelectedValue(): number;
-    iconViewBox?: string;
-    max?: number;
-    // @internal (undocumented)
-    slottedIcon: HTMLElement[];
-    // @internal (undocumented)
-    slottedIconChanged(): void;
-    value?: number;
-}
-
-// @public
-export class BaseSpinner extends FASTElement {
-    constructor();
-    // @internal
-    elementInternals: ElementInternals;
-}
-
-// @public
-export class BaseTablist extends FASTElement {
-    activeid: string;
-    // @internal (undocumented)
-    protected activeidChanged(oldValue: string, newValue: string): void;
-    activetab: HTMLElement;
-    adjust(adjustment: number): void;
-    // @internal (undocumented)
-    connectedCallback(): void;
-    disabled: boolean;
-    // @internal
-    protected disabledChanged(prev: boolean, next: boolean): void;
-    // @internal
-    elementInternals: ElementInternals;
-    orientation: TablistOrientation;
-    // @internal (undocumented)
-    protected orientationChanged(prev: TablistOrientation, next: TablistOrientation): void;
-    protected setTabs(): void;
-    // @internal (undocumented)
-    tabs: HTMLElement[];
-    // @internal (undocumented)
-    protected tabsChanged(): void;
-}
-
-// @public
-export class BaseTextArea extends FASTElement {
-    constructor();
-    autocomplete?: TextAreaAutocomplete;
-    autoResize: boolean;
-    // (undocumented)
-    protected autoResizeChanged(): void;
-    // @internal (undocumented)
-    autoSizerEl?: HTMLDivElement;
-    checkValidity(): boolean;
-    // @internal (undocumented)
-    connectedCallback(): void;
-    // @internal
-    controlEl: HTMLTextAreaElement;
-    // @internal
-    defaultSlottedNodes: Node[];
-    // (undocumented)
-    protected defaultSlottedNodesChanged(): void;
-    get defaultValue(): string;
-    set defaultValue(next: string);
-    dirName?: string;
-    disabled: boolean;
-    // (undocumented)
-    protected disabledChanged(): void;
-    // @internal (undocumented)
-    disconnectedCallback(): void;
-    displayShadow: boolean;
-    // @internal
-    elementInternals: ElementInternals;
-    get form(): HTMLFormElement | null;
-    static readonly formAssociated = true;
-    // @internal (undocumented)
-    formDisabledCallback(disabled: boolean): void;
-    // @internal
-    formResetCallback(): void;
-    // @internal (undocumented)
-    handleControlChange(): void;
-    // @internal (undocumented)
-    handleControlInput(): void;
-    // @internal (undocumented)
-    handleControlSelect(): void;
-    initialForm?: string;
-    // @internal
-    labelEl: HTMLLabelElement;
-    get labels(): NodeList;
-    // @internal
-    labelSlottedNodes: Label[];
-    // (undocumented)
-    protected labelSlottedNodesChanged(): void;
-    maxLength?: number;
-    minLength?: number;
-    name: string;
-    placeholder?: string;
-    readOnly: boolean;
-    // (undocumented)
-    protected readOnlyChanged(): void;
-    reportValidity(): boolean;
-    required: boolean;
-    // (undocumented)
-    protected requiredChanged(): void;
-    resize: TextAreaResize;
-    // (undocumented)
-    protected resizeChanged(prev: TextAreaResize | undefined, next: TextAreaResize | undefined): void;
-    select(): void;
-    setCustomValidity(message: string | null): void;
-    // @internal
-    setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
-    // @internal
-    setValidity(flags?: Partial<ValidityState>, message?: string, anchor?: HTMLElement): void;
-    spellcheck: boolean;
-    get textLength(): number;
-    get type(): 'textarea';
-    get validationMessage(): string;
-    get validity(): ValidityState;
-    get value(): string;
-    set value(next: string);
-    get willValidate(): boolean;
-}
-
-// @public
-export class BaseTextInput extends FASTElement {
-    autocomplete?: string;
-    autofocus: boolean;
-    // @internal
-    beforeinputHandler(e: InputEvent): boolean | void;
-    // @internal
-    changeHandler(e: InputEvent): boolean | void;
-    checkValidity(): boolean;
-    clickHandler(e: MouseEvent): boolean | void;
-    // (undocumented)
-    connectedCallback(): void;
-    // @internal
-    control: HTMLInputElement;
-    // @internal
-    controlLabel: HTMLLabelElement;
-    currentValue: string;
-    // @internal
-    currentValueChanged(prev: string, next: string): void;
-    // @internal
-    defaultSlottedNodes: Node[];
-    // @internal
-    defaultSlottedNodesChanged(prev: Node[] | undefined, next: Node[] | undefined): void;
-    dirname?: string;
-    disabled?: boolean;
-    // @internal
-    elementInternals: ElementInternals;
-    focusinHandler(e: FocusEvent): boolean | void;
-    get form(): HTMLFormElement | null;
-    static readonly formAssociated = true;
-    formAttribute?: string;
-    // @internal
-    formResetCallback(): void;
-    initialValue: string;
-    // @internal
-    initialValueChanged(): void;
-    // @internal
-    inputHandler(e: InputEvent): boolean | void;
-    // @internal
-    keydownHandler(e: KeyboardEvent): boolean | void;
-    list: string;
-    maxlength: number;
-    minlength: number;
-    multiple: boolean;
-    name: string;
-    pattern: string;
-    placeholder: string;
-    readOnly?: boolean;
-    // @internal
-    readOnlyChanged(): void;
-    reportValidity(): boolean;
-    required: boolean;
-    // @internal
-    requiredChanged(previous: boolean, next: boolean): void;
-    select(): void;
-    setCustomValidity(message: string): void;
-    // @internal
-    setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
-    // @internal
-    setValidity(flags?: Partial<ValidityState>, message?: string, anchor?: HTMLElement): void;
-    size: number;
-    spellcheck: boolean;
-    type: TextInputType;
-    get validationMessage(): string;
-    get validity(): ValidityState;
-    get value(): string;
-    set value(value: string);
-    get willValidate(): boolean;
-}
-
-// @public
-export const borderRadiusCircular = "var(--borderRadiusCircular)";
-
-// @public
-export const borderRadiusLarge = "var(--borderRadiusLarge)";
-
-// @public
-export const borderRadiusMedium = "var(--borderRadiusMedium)";
-
-// @public
-export const borderRadiusNone = "var(--borderRadiusNone)";
-
-// @public
-export const borderRadiusSmall = "var(--borderRadiusSmall)";
-
-// @public
-export const borderRadiusXLarge = "var(--borderRadiusXLarge)";
-
-// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag
-// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "Button" because one of its declarations is marked as @internal
-//
-// @public
-export class Button extends BaseButton {
-    appearance?: ButtonAppearance;
-    appearanceChanged(prev: ButtonAppearance | undefined, next: ButtonAppearance | undefined): void;
-    iconOnly: boolean;
-    iconOnlyChanged(prev: boolean, next: boolean): void;
-    shape?: ButtonShape;
-    shapeChanged(prev: ButtonShape | undefined, next: ButtonShape | undefined): void;
-    size?: ButtonSize;
-    sizeChanged(prev: ButtonSize | undefined, next: ButtonSize | undefined): void;
-}
-
-// @internal (undocumented)
-export interface Button extends StartEnd {
-}
-
-// @public
-export const ButtonAppearance: {
-    readonly primary: "primary";
-    readonly outline: "outline";
-    readonly subtle: "subtle";
-    readonly transparent: "transparent";
-};
-
-// @public
-export type ButtonAppearance = ValuesOf<typeof ButtonAppearance>;
-
-// @public
-export const ButtonDefinition: FASTElementDefinition<typeof Button>;
-
-// @public
-export const ButtonFormTarget: {
-    readonly blank: "_blank";
-    readonly self: "_self";
-    readonly parent: "_parent";
-    readonly top: "_top";
-};
-
-// @public
-export type ButtonFormTarget = ValuesOf<typeof ButtonFormTarget>;
-
-// @public
-type ButtonOptions = StartEndOptions<Button>;
-export { ButtonOptions }
-export { ButtonOptions as MenuButtonOptions }
-export { ButtonOptions as ToggleButtonOptions }
-
-// @public
-export const ButtonShape: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-
-// @public
-export type ButtonShape = ValuesOf<typeof ButtonShape>;
-
-// @public
-export const ButtonSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-
-// @public
-export type ButtonSize = ValuesOf<typeof ButtonSize>;
-
-// @public
-export const ButtonTemplate: ElementViewTemplate<Button>;
-
-// @public
-export const ButtonType: {
-    readonly submit: "submit";
-    readonly reset: "reset";
-    readonly button: "button";
-};
-
-// @public
-export type ButtonType = ValuesOf<typeof ButtonType>;
-
-// @public
-export class Checkbox extends BaseCheckbox {
-    constructor();
-    indeterminate?: boolean;
-    // @internal
-    protected indeterminateChanged(prev: boolean | undefined, next: boolean | undefined): void;
-    // @internal @override
-    protected setAriaChecked(value?: boolean): void;
-    shape?: CheckboxShape;
-    // @internal
-    protected shapeChanged(prev: CheckboxShape | undefined, next: CheckboxShape | undefined): void;
-    size?: CheckboxSize;
-    // @internal
-    protected sizeChanged(prev: CheckboxSize | undefined, next: CheckboxSize | undefined): void;
-    toggleChecked(force?: boolean): void;
-}
-
-// @public
-export const CheckboxDefinition: FASTElementDefinition<typeof Checkbox>;
-
-// @public
-export type CheckboxOptions = {
-    checkedIndicator?: StaticallyComposableHTML<Checkbox>;
-    indeterminateIndicator?: StaticallyComposableHTML<Checkbox>;
-};
-
-// @public
-export const CheckboxShape: {
-    readonly circular: "circular";
-    readonly square: "square";
-};
-
-// @public (undocumented)
-export type CheckboxShape = ValuesOf<typeof CheckboxShape>;
-
-// @public
-export const CheckboxSize: {
-    readonly medium: "medium";
-    readonly large: "large";
-};
-
-// @public (undocumented)
-export type CheckboxSize = ValuesOf<typeof CheckboxSize>;
-
-// @public
-export const CheckboxStyles: ElementStyles;
-
-// @public
-export const CheckboxTemplate: ElementViewTemplate<Checkbox>;
-
-// @public
-export const colorBackgroundOverlay = "var(--colorBackgroundOverlay)";
-
-// @public
-export const colorBrandBackground = "var(--colorBrandBackground)";
-
-// @public
-export const colorBrandBackground2 = "var(--colorBrandBackground2)";
-
-// @public
-export const colorBrandBackground2Hover = "var(--colorBrandBackground2Hover)";
-
-// @public
-export const colorBrandBackground2Pressed = "var(--colorBrandBackground2Pressed)";
-
-// @public
-export const colorBrandBackground3Static = "var(--colorBrandBackground3Static)";
-
-// @public
-export const colorBrandBackground4Static = "var(--colorBrandBackground4Static)";
-
-// @public
-export const colorBrandBackgroundHover = "var(--colorBrandBackgroundHover)";
-
-// @public
-export const colorBrandBackgroundInverted = "var(--colorBrandBackgroundInverted)";
-
-// @public
-export const colorBrandBackgroundInvertedHover = "var(--colorBrandBackgroundInvertedHover)";
-
-// @public
-export const colorBrandBackgroundInvertedPressed = "var(--colorBrandBackgroundInvertedPressed)";
-
-// @public
-export const colorBrandBackgroundInvertedSelected = "var(--colorBrandBackgroundInvertedSelected)";
-
-// @public
-export const colorBrandBackgroundPressed = "var(--colorBrandBackgroundPressed)";
-
-// @public
-export const colorBrandBackgroundSelected = "var(--colorBrandBackgroundSelected)";
-
-// @public
-export const colorBrandBackgroundStatic = "var(--colorBrandBackgroundStatic)";
-
-// @public
-export const colorBrandForeground1 = "var(--colorBrandForeground1)";
-
-// @public
-export const colorBrandForeground2 = "var(--colorBrandForeground2)";
-
-// @public
-export const colorBrandForeground2Hover = "var(--colorBrandForeground2Hover)";
-
-// @public
-export const colorBrandForeground2Pressed = "var(--colorBrandForeground2Pressed)";
-
-// @public
-export const colorBrandForegroundInverted = "var(--colorBrandForegroundInverted)";
-
-// @public
-export const colorBrandForegroundInvertedHover = "var(--colorBrandForegroundInvertedHover)";
-
-// @public
-export const colorBrandForegroundInvertedPressed = "var(--colorBrandForegroundInvertedPressed)";
-
-// @public
-export const colorBrandForegroundLink = "var(--colorBrandForegroundLink)";
-
-// @public
-export const colorBrandForegroundLinkHover = "var(--colorBrandForegroundLinkHover)";
-
-// @public
-export const colorBrandForegroundLinkPressed = "var(--colorBrandForegroundLinkPressed)";
-
-// @public
-export const colorBrandForegroundLinkSelected = "var(--colorBrandForegroundLinkSelected)";
-
-// @public
-export const colorBrandForegroundOnLight = "var(--colorBrandForegroundOnLight)";
-
-// @public
-export const colorBrandForegroundOnLightHover = "var(--colorBrandForegroundOnLightHover)";
-
-// @public
-export const colorBrandForegroundOnLightPressed = "var(--colorBrandForegroundOnLightPressed)";
-
-// @public
-export const colorBrandForegroundOnLightSelected = "var(--colorBrandForegroundOnLightSelected)";
-
-// @public
-export const colorBrandShadowAmbient = "var(--colorBrandShadowAmbient)";
-
-// @public
-export const colorBrandShadowKey = "var(--colorBrandShadowKey)";
-
-// @public
-export const colorBrandStroke1 = "var(--colorBrandStroke1)";
-
-// @public
-export const colorBrandStroke2 = "var(--colorBrandStroke2)";
-
-// @public
-export const colorBrandStroke2Contrast = "var(--colorBrandStroke2Contrast)";
-
-// @public
-export const colorBrandStroke2Hover = "var(--colorBrandStroke2Hover)";
-
-// @public
-export const colorBrandStroke2Pressed = "var(--colorBrandStroke2Pressed)";
-
-// @public
-export const colorCompoundBrandBackground = "var(--colorCompoundBrandBackground)";
-
-// @public
-export const colorCompoundBrandBackgroundHover = "var(--colorCompoundBrandBackgroundHover)";
-
-// @public
-export const colorCompoundBrandBackgroundPressed = "var(--colorCompoundBrandBackgroundPressed)";
-
-// @public
-export const colorCompoundBrandForeground1 = "var(--colorCompoundBrandForeground1)";
-
-// @public
-export const colorCompoundBrandForeground1Hover = "var(--colorCompoundBrandForeground1Hover)";
-
-// @public
-export const colorCompoundBrandForeground1Pressed = "var(--colorCompoundBrandForeground1Pressed)";
-
-// @public
-export const colorCompoundBrandStroke = "var(--colorCompoundBrandStroke)";
-
-// @public
-export const colorCompoundBrandStrokeHover = "var(--colorCompoundBrandStrokeHover)";
-
-// @public
-export const colorCompoundBrandStrokePressed = "var(--colorCompoundBrandStrokePressed)";
-
-// @public
-export const colorNeutralBackground1 = "var(--colorNeutralBackground1)";
-
-// @public
-export const colorNeutralBackground1Hover = "var(--colorNeutralBackground1Hover)";
-
-// @public
-export const colorNeutralBackground1Pressed = "var(--colorNeutralBackground1Pressed)";
-
-// @public
-export const colorNeutralBackground1Selected = "var(--colorNeutralBackground1Selected)";
-
-// @public
-export const colorNeutralBackground2 = "var(--colorNeutralBackground2)";
-
-// @public
-export const colorNeutralBackground2Hover = "var(--colorNeutralBackground2Hover)";
-
-// @public
-export const colorNeutralBackground2Pressed = "var(--colorNeutralBackground2Pressed)";
-
-// @public
-export const colorNeutralBackground2Selected = "var(--colorNeutralBackground2Selected)";
-
-// @public
-export const colorNeutralBackground3 = "var(--colorNeutralBackground3)";
-
-// @public
-export const colorNeutralBackground3Hover = "var(--colorNeutralBackground3Hover)";
-
-// @public
-export const colorNeutralBackground3Pressed = "var(--colorNeutralBackground3Pressed)";
-
-// @public
-export const colorNeutralBackground3Selected = "var(--colorNeutralBackground3Selected)";
-
-// @public
-export const colorNeutralBackground4 = "var(--colorNeutralBackground4)";
-
-// @public
-export const colorNeutralBackground4Hover = "var(--colorNeutralBackground4Hover)";
-
-// @public
-export const colorNeutralBackground4Pressed = "var(--colorNeutralBackground4Pressed)";
-
-// @public
-export const colorNeutralBackground4Selected = "var(--colorNeutralBackground4Selected)";
-
-// @public
-export const colorNeutralBackground5 = "var(--colorNeutralBackground5)";
-
-// @public
-export const colorNeutralBackground5Hover = "var(--colorNeutralBackground5Hover)";
-
-// @public
-export const colorNeutralBackground5Pressed = "var(--colorNeutralBackground5Pressed)";
-
-// @public
-export const colorNeutralBackground5Selected = "var(--colorNeutralBackground5Selected)";
-
-// @public
-export const colorNeutralBackground6 = "var(--colorNeutralBackground6)";
-
-// @public
-export const colorNeutralBackgroundAlpha = "var(--colorNeutralBackgroundAlpha)";
-
-// @public
-export const colorNeutralBackgroundAlpha2 = "var(--colorNeutralBackgroundAlpha2)";
-
-// @public
-export const colorNeutralBackgroundDisabled = "var(--colorNeutralBackgroundDisabled)";
-
-// @public
-export const colorNeutralBackgroundInverted = "var(--colorNeutralBackgroundInverted)";
-
-// @public
-export const colorNeutralBackgroundInvertedDisabled = "var(--colorNeutralBackgroundInvertedDisabled)";
-
-// @public
-export const colorNeutralBackgroundStatic = "var(--colorNeutralBackgroundStatic)";
-
-// @public
-export const colorNeutralCardBackground = "var(--colorNeutralCardBackground)";
-
-// @public
-export const colorNeutralCardBackgroundDisabled = "var(--colorNeutralCardBackgroundDisabled)";
-
-// @public
-export const colorNeutralCardBackgroundHover = "var(--colorNeutralCardBackgroundHover)";
-
-// @public
-export const colorNeutralCardBackgroundPressed = "var(--colorNeutralCardBackgroundPressed)";
-
-// @public
-export const colorNeutralCardBackgroundSelected = "var(--colorNeutralCardBackgroundSelected)";
-
-// @public
-export const colorNeutralForeground1 = "var(--colorNeutralForeground1)";
-
-// @public
-export const colorNeutralForeground1Hover = "var(--colorNeutralForeground1Hover)";
-
-// @public
-export const colorNeutralForeground1Pressed = "var(--colorNeutralForeground1Pressed)";
-
-// @public
-export const colorNeutralForeground1Selected = "var(--colorNeutralForeground1Selected)";
-
-// @public
-export const colorNeutralForeground1Static = "var(--colorNeutralForeground1Static)";
-
-// @public
-export const colorNeutralForeground2 = "var(--colorNeutralForeground2)";
-
-// @public
-export const colorNeutralForeground2BrandHover = "var(--colorNeutralForeground2BrandHover)";
-
-// @public
-export const colorNeutralForeground2BrandPressed = "var(--colorNeutralForeground2BrandPressed)";
-
-// @public
-export const colorNeutralForeground2BrandSelected = "var(--colorNeutralForeground2BrandSelected)";
-
-// @public
-export const colorNeutralForeground2Hover = "var(--colorNeutralForeground2Hover)";
-
-// @public
-export const colorNeutralForeground2Link = "var(--colorNeutralForeground2Link)";
-
-// @public
-export const colorNeutralForeground2LinkHover = "var(--colorNeutralForeground2LinkHover)";
-
-// @public
-export const colorNeutralForeground2LinkPressed = "var(--colorNeutralForeground2LinkPressed)";
-
-// @public
-export const colorNeutralForeground2LinkSelected = "var(--colorNeutralForeground2LinkSelected)";
-
-// @public
-export const colorNeutralForeground2Pressed = "var(--colorNeutralForeground2Pressed)";
-
-// @public
-export const colorNeutralForeground2Selected = "var(--colorNeutralForeground2Selected)";
-
-// @public
-export const colorNeutralForeground3 = "var(--colorNeutralForeground3)";
-
-// @public
-export const colorNeutralForeground3BrandHover = "var(--colorNeutralForeground3BrandHover)";
-
-// @public
-export const colorNeutralForeground3BrandPressed = "var(--colorNeutralForeground3BrandPressed)";
-
-// @public
-export const colorNeutralForeground3BrandSelected = "var(--colorNeutralForeground3BrandSelected)";
-
-// @public
-export const colorNeutralForeground3Hover = "var(--colorNeutralForeground3Hover)";
-
-// @public
-export const colorNeutralForeground3Pressed = "var(--colorNeutralForeground3Pressed)";
-
-// @public
-export const colorNeutralForeground3Selected = "var(--colorNeutralForeground3Selected)";
-
-// @public
-export const colorNeutralForeground4 = "var(--colorNeutralForeground4)";
-
-// @public
-export const colorNeutralForegroundDisabled = "var(--colorNeutralForegroundDisabled)";
-
-// @public
-export const colorNeutralForegroundInverted = "var(--colorNeutralForegroundInverted)";
-
-// @public
-export const colorNeutralForegroundInverted2 = "var(--colorNeutralForegroundInverted2)";
-
-// @public
-export const colorNeutralForegroundInvertedDisabled = "var(--colorNeutralForegroundInvertedDisabled)";
-
-// @public
-export const colorNeutralForegroundInvertedHover = "var(--colorNeutralForegroundInvertedHover)";
-
-// @public
-export const colorNeutralForegroundInvertedLink = "var(--colorNeutralForegroundInvertedLink)";
-
-// @public
-export const colorNeutralForegroundInvertedLinkHover = "var(--colorNeutralForegroundInvertedLinkHover)";
-
-// @public
-export const colorNeutralForegroundInvertedLinkPressed = "var(--colorNeutralForegroundInvertedLinkPressed)";
-
-// @public
-export const colorNeutralForegroundInvertedLinkSelected = "var(--colorNeutralForegroundInvertedLinkSelected)";
-
-// @public
-export const colorNeutralForegroundInvertedPressed = "var(--colorNeutralForegroundInvertedPressed)";
-
-// @public
-export const colorNeutralForegroundInvertedSelected = "var(--colorNeutralForegroundInvertedSelected)";
-
-// @public
-export const colorNeutralForegroundOnBrand = "var(--colorNeutralForegroundOnBrand)";
-
-// @public
-export const colorNeutralForegroundStaticInverted = "var(--colorNeutralForegroundStaticInverted)";
-
-// @public
-export const colorNeutralShadowAmbient = "var(--colorNeutralShadowAmbient)";
-
-// @public
-export const colorNeutralShadowAmbientDarker = "var(--colorNeutralShadowAmbientDarker)";
-
-// @public
-export const colorNeutralShadowAmbientLighter = "var(--colorNeutralShadowAmbientLighter)";
-
-// @public
-export const colorNeutralShadowKey = "var(--colorNeutralShadowKey)";
-
-// @public
-export const colorNeutralShadowKeyDarker = "var(--colorNeutralShadowKeyDarker)";
-
-// @public
-export const colorNeutralShadowKeyLighter = "var(--colorNeutralShadowKeyLighter)";
-
-// @public
-export const colorNeutralStencil1 = "var(--colorNeutralStencil1)";
-
-// @public
-export const colorNeutralStencil1Alpha = "var(--colorNeutralStencil1Alpha)";
-
-// @public
-export const colorNeutralStencil2 = "var(--colorNeutralStencil2)";
-
-// @public
-export const colorNeutralStencil2Alpha = "var(--colorNeutralStencil2Alpha)";
-
-// @public
-export const colorNeutralStroke1 = "var(--colorNeutralStroke1)";
-
-// @public
-export const colorNeutralStroke1Hover = "var(--colorNeutralStroke1Hover)";
-
-// @public
-export const colorNeutralStroke1Pressed = "var(--colorNeutralStroke1Pressed)";
-
-// @public
-export const colorNeutralStroke1Selected = "var(--colorNeutralStroke1Selected)";
-
-// @public
-export const colorNeutralStroke2 = "var(--colorNeutralStroke2)";
-
-// @public
-export const colorNeutralStroke3 = "var(--colorNeutralStroke3)";
-
-// @public
-export const colorNeutralStrokeAccessible = "var(--colorNeutralStrokeAccessible)";
-
-// @public
-export const colorNeutralStrokeAccessibleHover = "var(--colorNeutralStrokeAccessibleHover)";
-
-// @public
-export const colorNeutralStrokeAccessiblePressed = "var(--colorNeutralStrokeAccessiblePressed)";
-
-// @public
-export const colorNeutralStrokeAccessibleSelected = "var(--colorNeutralStrokeAccessibleSelected)";
-
-// @public
-export const colorNeutralStrokeAlpha = "var(--colorNeutralStrokeAlpha)";
-
-// @public
-export const colorNeutralStrokeAlpha2 = "var(--colorNeutralStrokeAlpha2)";
-
-// @public
-export const colorNeutralStrokeDisabled = "var(--colorNeutralStrokeDisabled)";
-
-// @public
-export const colorNeutralStrokeInvertedDisabled = "var(--colorNeutralStrokeInvertedDisabled)";
-
-// @public
-export const colorNeutralStrokeOnBrand = "var(--colorNeutralStrokeOnBrand)";
-
-// @public
-export const colorNeutralStrokeOnBrand2 = "var(--colorNeutralStrokeOnBrand2)";
-
-// @public
-export const colorNeutralStrokeOnBrand2Hover = "var(--colorNeutralStrokeOnBrand2Hover)";
-
-// @public
-export const colorNeutralStrokeOnBrand2Pressed = "var(--colorNeutralStrokeOnBrand2Pressed)";
-
-// @public
-export const colorNeutralStrokeOnBrand2Selected = "var(--colorNeutralStrokeOnBrand2Selected)";
-
-// @public
-export const colorNeutralStrokeSubtle = "var(--colorNeutralStrokeSubtle)";
-
-// @public
-export const colorPaletteAnchorBackground2 = "var(--colorPaletteAnchorBackground2)";
-
-// @public
-export const colorPaletteAnchorBorderActive = "var(--colorPaletteAnchorBorderActive)";
-
-// @public
-export const colorPaletteAnchorForeground2 = "var(--colorPaletteAnchorForeground2)";
-
-// @public
-export const colorPaletteBeigeBackground2 = "var(--colorPaletteBeigeBackground2)";
-
-// @public
-export const colorPaletteBeigeBorderActive = "var(--colorPaletteBeigeBorderActive)";
-
-// @public
-export const colorPaletteBeigeForeground2 = "var(--colorPaletteBeigeForeground2)";
-
-// @public
-export const colorPaletteBerryBackground1 = "var(--colorPaletteBerryBackground1)";
-
-// @public
-export const colorPaletteBerryBackground2 = "var(--colorPaletteBerryBackground2)";
-
-// @public
-export const colorPaletteBerryBackground3 = "var(--colorPaletteBerryBackground3)";
-
-// @public
-export const colorPaletteBerryBorder1 = "var(--colorPaletteBerryBorder1)";
-
-// @public
-export const colorPaletteBerryBorder2 = "var(--colorPaletteBerryBorder2)";
-
-// @public
-export const colorPaletteBerryBorderActive = "var(--colorPaletteBerryBorderActive)";
-
-// @public
-export const colorPaletteBerryForeground1 = "var(--colorPaletteBerryForeground1)";
-
-// @public
-export const colorPaletteBerryForeground2 = "var(--colorPaletteBerryForeground2)";
-
-// @public
-export const colorPaletteBerryForeground3 = "var(--colorPaletteBerryForeground3)";
-
-// @public
-export const colorPaletteBlueBackground2 = "var(--colorPaletteBlueBackground2)";
-
-// @public
-export const colorPaletteBlueBorderActive = "var(--colorPaletteBlueBorderActive)";
-
-// @public
-export const colorPaletteBlueForeground2 = "var(--colorPaletteBlueForeground2)";
-
-// @public
-export const colorPaletteBrassBackground2 = "var(--colorPaletteBrassBackground2)";
-
-// @public
-export const colorPaletteBrassBorderActive = "var(--colorPaletteBrassBorderActive)";
-
-// @public
-export const colorPaletteBrassForeground2 = "var(--colorPaletteBrassForeground2)";
-
-// @public
-export const colorPaletteBrownBackground2 = "var(--colorPaletteBrownBackground2)";
-
-// @public
-export const colorPaletteBrownBorderActive = "var(--colorPaletteBrownBorderActive)";
-
-// @public
-export const colorPaletteBrownForeground2 = "var(--colorPaletteBrownForeground2)";
-
-// @public
-export const colorPaletteCornflowerBackground2 = "var(--colorPaletteCornflowerBackground2)";
-
-// @public
-export const colorPaletteCornflowerBorderActive = "var(--colorPaletteCornflowerBorderActive)";
-
-// @public
-export const colorPaletteCornflowerForeground2 = "var(--colorPaletteCornflowerForeground2)";
-
-// @public
-export const colorPaletteCranberryBackground2 = "var(--colorPaletteCranberryBackground2)";
-
-// @public
-export const colorPaletteCranberryBorderActive = "var(--colorPaletteCranberryBorderActive)";
-
-// @public
-export const colorPaletteCranberryForeground2 = "var(--colorPaletteCranberryForeground2)";
-
-// @public
-export const colorPaletteDarkGreenBackground2 = "var(--colorPaletteDarkGreenBackground2)";
-
-// @public
-export const colorPaletteDarkGreenBorderActive = "var(--colorPaletteDarkGreenBorderActive)";
-
-// @public
-export const colorPaletteDarkGreenForeground2 = "var(--colorPaletteDarkGreenForeground2)";
-
-// @public
-export const colorPaletteDarkOrangeBackground1 = "var(--colorPaletteDarkOrangeBackground1)";
-
-// @public
-export const colorPaletteDarkOrangeBackground2 = "var(--colorPaletteDarkOrangeBackground2)";
-
-// @public
-export const colorPaletteDarkOrangeBackground3 = "var(--colorPaletteDarkOrangeBackground3)";
-
-// @public
-export const colorPaletteDarkOrangeBorder1 = "var(--colorPaletteDarkOrangeBorder1)";
-
-// @public
-export const colorPaletteDarkOrangeBorder2 = "var(--colorPaletteDarkOrangeBorder2)";
-
-// @public
-export const colorPaletteDarkOrangeBorderActive = "var(--colorPaletteDarkOrangeBorderActive)";
-
-// @public
-export const colorPaletteDarkOrangeForeground1 = "var(--colorPaletteDarkOrangeForeground1)";
-
-// @public
-export const colorPaletteDarkOrangeForeground2 = "var(--colorPaletteDarkOrangeForeground2)";
-
-// @public
-export const colorPaletteDarkOrangeForeground3 = "var(--colorPaletteDarkOrangeForeground3)";
-
-// @public
-export const colorPaletteDarkRedBackground2 = "var(--colorPaletteDarkRedBackground2)";
-
-// @public
-export const colorPaletteDarkRedBorderActive = "var(--colorPaletteDarkRedBorderActive)";
-
-// @public
-export const colorPaletteDarkRedForeground2 = "var(--colorPaletteDarkRedForeground2)";
-
-// @public
-export const colorPaletteForestBackground2 = "var(--colorPaletteForestBackground2)";
-
-// @public
-export const colorPaletteForestBorderActive = "var(--colorPaletteForestBorderActive)";
-
-// @public
-export const colorPaletteForestForeground2 = "var(--colorPaletteForestForeground2)";
-
-// @public
-export const colorPaletteGoldBackground2 = "var(--colorPaletteGoldBackground2)";
-
-// @public
-export const colorPaletteGoldBorderActive = "var(--colorPaletteGoldBorderActive)";
-
-// @public
-export const colorPaletteGoldForeground2 = "var(--colorPaletteGoldForeground2)";
-
-// @public
-export const colorPaletteGrapeBackground2 = "var(--colorPaletteGrapeBackground2)";
-
-// @public
-export const colorPaletteGrapeBorderActive = "var(--colorPaletteGrapeBorderActive)";
-
-// @public
-export const colorPaletteGrapeForeground2 = "var(--colorPaletteGrapeForeground2)";
-
-// @public
-export const colorPaletteGreenBackground1 = "var(--colorPaletteGreenBackground1)";
-
-// @public
-export const colorPaletteGreenBackground2 = "var(--colorPaletteGreenBackground2)";
-
-// @public
-export const colorPaletteGreenBackground3 = "var(--colorPaletteGreenBackground3)";
-
-// @public
-export const colorPaletteGreenBorder1 = "var(--colorPaletteGreenBorder1)";
-
-// @public
-export const colorPaletteGreenBorder2 = "var(--colorPaletteGreenBorder2)";
-
-// @public
-export const colorPaletteGreenBorderActive = "var(--colorPaletteGreenBorderActive)";
-
-// @public
-export const colorPaletteGreenForeground1 = "var(--colorPaletteGreenForeground1)";
-
-// @public
-export const colorPaletteGreenForeground2 = "var(--colorPaletteGreenForeground2)";
-
-// @public
-export const colorPaletteGreenForeground3 = "var(--colorPaletteGreenForeground3)";
-
-// @public
-export const colorPaletteGreenForegroundInverted = "var(--colorPaletteGreenForegroundInverted)";
-
-// @public
-export const colorPaletteLavenderBackground2 = "var(--colorPaletteLavenderBackground2)";
-
-// @public
-export const colorPaletteLavenderBorderActive = "var(--colorPaletteLavenderBorderActive)";
-
-// @public
-export const colorPaletteLavenderForeground2 = "var(--colorPaletteLavenderForeground2)";
-
-// @public
-export const colorPaletteLightGreenBackground1 = "var(--colorPaletteLightGreenBackground1)";
-
-// @public
-export const colorPaletteLightGreenBackground2 = "var(--colorPaletteLightGreenBackground2)";
-
-// @public
-export const colorPaletteLightGreenBackground3 = "var(--colorPaletteLightGreenBackground3)";
-
-// @public
-export const colorPaletteLightGreenBorder1 = "var(--colorPaletteLightGreenBorder1)";
-
-// @public
-export const colorPaletteLightGreenBorder2 = "var(--colorPaletteLightGreenBorder2)";
-
-// @public
-export const colorPaletteLightGreenBorderActive = "var(--colorPaletteLightGreenBorderActive)";
-
-// @public
-export const colorPaletteLightGreenForeground1 = "var(--colorPaletteLightGreenForeground1)";
-
-// @public
-export const colorPaletteLightGreenForeground2 = "var(--colorPaletteLightGreenForeground2)";
-
-// @public
-export const colorPaletteLightGreenForeground3 = "var(--colorPaletteLightGreenForeground3)";
-
-// @public
-export const colorPaletteLightTealBackground2 = "var(--colorPaletteLightTealBackground2)";
-
-// @public
-export const colorPaletteLightTealBorderActive = "var(--colorPaletteLightTealBorderActive)";
-
-// @public
-export const colorPaletteLightTealForeground2 = "var(--colorPaletteLightTealForeground2)";
-
-// @public
-export const colorPaletteLilacBackground2 = "var(--colorPaletteLilacBackground2)";
-
-// @public
-export const colorPaletteLilacBorderActive = "var(--colorPaletteLilacBorderActive)";
-
-// @public
-export const colorPaletteLilacForeground2 = "var(--colorPaletteLilacForeground2)";
-
-// @public
-export const colorPaletteMagentaBackground2 = "var(--colorPaletteMagentaBackground2)";
-
-// @public
-export const colorPaletteMagentaBorderActive = "var(--colorPaletteMagentaBorderActive)";
-
-// @public
-export const colorPaletteMagentaForeground2 = "var(--colorPaletteMagentaForeground2)";
-
-// @public
-export const colorPaletteMarigoldBackground1 = "var(--colorPaletteMarigoldBackground1)";
-
-// @public
-export const colorPaletteMarigoldBackground2 = "var(--colorPaletteMarigoldBackground2)";
-
-// @public
-export const colorPaletteMarigoldBackground3 = "var(--colorPaletteMarigoldBackground3)";
-
-// @public
-export const colorPaletteMarigoldBorder1 = "var(--colorPaletteMarigoldBorder1)";
-
-// @public
-export const colorPaletteMarigoldBorder2 = "var(--colorPaletteMarigoldBorder2)";
-
-// @public
-export const colorPaletteMarigoldBorderActive = "var(--colorPaletteMarigoldBorderActive)";
-
-// @public
-export const colorPaletteMarigoldForeground1 = "var(--colorPaletteMarigoldForeground1)";
-
-// @public
-export const colorPaletteMarigoldForeground2 = "var(--colorPaletteMarigoldForeground2)";
-
-// @public
-export const colorPaletteMarigoldForeground3 = "var(--colorPaletteMarigoldForeground3)";
-
-// @public
-export const colorPaletteMinkBackground2 = "var(--colorPaletteMinkBackground2)";
-
-// @public
-export const colorPaletteMinkBorderActive = "var(--colorPaletteMinkBorderActive)";
-
-// @public
-export const colorPaletteMinkForeground2 = "var(--colorPaletteMinkForeground2)";
-
-// @public
-export const colorPaletteNavyBackground2 = "var(--colorPaletteNavyBackground2)";
-
-// @public
-export const colorPaletteNavyBorderActive = "var(--colorPaletteNavyBorderActive)";
-
-// @public
-export const colorPaletteNavyForeground2 = "var(--colorPaletteNavyForeground2)";
-
-// @public
-export const colorPalettePeachBackground2 = "var(--colorPalettePeachBackground2)";
-
-// @public
-export const colorPalettePeachBorderActive = "var(--colorPalettePeachBorderActive)";
-
-// @public
-export const colorPalettePeachForeground2 = "var(--colorPalettePeachForeground2)";
-
-// @public
-export const colorPalettePinkBackground2 = "var(--colorPalettePinkBackground2)";
-
-// @public
-export const colorPalettePinkBorderActive = "var(--colorPalettePinkBorderActive)";
-
-// @public
-export const colorPalettePinkForeground2 = "var(--colorPalettePinkForeground2)";
-
-// @public
-export const colorPalettePlatinumBackground2 = "var(--colorPalettePlatinumBackground2)";
-
-// @public
-export const colorPalettePlatinumBorderActive = "var(--colorPalettePlatinumBorderActive)";
-
-// @public
-export const colorPalettePlatinumForeground2 = "var(--colorPalettePlatinumForeground2)";
-
-// @public
-export const colorPalettePlumBackground2 = "var(--colorPalettePlumBackground2)";
-
-// @public
-export const colorPalettePlumBorderActive = "var(--colorPalettePlumBorderActive)";
-
-// @public
-export const colorPalettePlumForeground2 = "var(--colorPalettePlumForeground2)";
-
-// @public
-export const colorPalettePumpkinBackground2 = "var(--colorPalettePumpkinBackground2)";
-
-// @public
-export const colorPalettePumpkinBorderActive = "var(--colorPalettePumpkinBorderActive)";
-
-// @public
-export const colorPalettePumpkinForeground2 = "var(--colorPalettePumpkinForeground2)";
-
-// @public
-export const colorPalettePurpleBackground2 = "var(--colorPalettePurpleBackground2)";
-
-// @public
-export const colorPalettePurpleBorderActive = "var(--colorPalettePurpleBorderActive)";
-
-// @public
-export const colorPalettePurpleForeground2 = "var(--colorPalettePurpleForeground2)";
-
-// @public
-export const colorPaletteRedBackground1 = "var(--colorPaletteRedBackground1)";
-
-// @public
-export const colorPaletteRedBackground2 = "var(--colorPaletteRedBackground2)";
-
-// @public
-export const colorPaletteRedBackground3 = "var(--colorPaletteRedBackground3)";
-
-// @public
-export const colorPaletteRedBorder1 = "var(--colorPaletteRedBorder1)";
-
-// @public
-export const colorPaletteRedBorder2 = "var(--colorPaletteRedBorder2)";
-
-// @public
-export const colorPaletteRedBorderActive = "var(--colorPaletteRedBorderActive)";
-
-// @public
-export const colorPaletteRedForeground1 = "var(--colorPaletteRedForeground1)";
-
-// @public
-export const colorPaletteRedForeground2 = "var(--colorPaletteRedForeground2)";
-
-// @public
-export const colorPaletteRedForeground3 = "var(--colorPaletteRedForeground3)";
-
-// @public
-export const colorPaletteRedForegroundInverted = "var(--colorPaletteRedForegroundInverted)";
-
-// @public
-export const colorPaletteRoyalBlueBackground2 = "var(--colorPaletteRoyalBlueBackground2)";
-
-// @public
-export const colorPaletteRoyalBlueBorderActive = "var(--colorPaletteRoyalBlueBorderActive)";
-
-// @public
-export const colorPaletteRoyalBlueForeground2 = "var(--colorPaletteRoyalBlueForeground2)";
-
-// @public
-export const colorPaletteSeafoamBackground2 = "var(--colorPaletteSeafoamBackground2)";
-
-// @public
-export const colorPaletteSeafoamBorderActive = "var(--colorPaletteSeafoamBorderActive)";
-
-// @public
-export const colorPaletteSeafoamForeground2 = "var(--colorPaletteSeafoamForeground2)";
-
-// @public
-export const colorPaletteSteelBackground2 = "var(--colorPaletteSteelBackground2)";
-
-// @public
-export const colorPaletteSteelBorderActive = "var(--colorPaletteSteelBorderActive)";
-
-// @public
-export const colorPaletteSteelForeground2 = "var(--colorPaletteSteelForeground2)";
-
-// @public
-export const colorPaletteTealBackground2 = "var(--colorPaletteTealBackground2)";
-
-// @public
-export const colorPaletteTealBorderActive = "var(--colorPaletteTealBorderActive)";
-
-// @public
-export const colorPaletteTealForeground2 = "var(--colorPaletteTealForeground2)";
-
-// @public
-export const colorPaletteYellowBackground1 = "var(--colorPaletteYellowBackground1)";
-
-// @public
-export const colorPaletteYellowBackground2 = "var(--colorPaletteYellowBackground2)";
-
-// @public
-export const colorPaletteYellowBackground3 = "var(--colorPaletteYellowBackground3)";
-
-// @public
-export const colorPaletteYellowBorder1 = "var(--colorPaletteYellowBorder1)";
-
-// @public
-export const colorPaletteYellowBorder2 = "var(--colorPaletteYellowBorder2)";
-
-// @public
-export const colorPaletteYellowBorderActive = "var(--colorPaletteYellowBorderActive)";
-
-// @public
-export const colorPaletteYellowForeground1 = "var(--colorPaletteYellowForeground1)";
-
-// @public
-export const colorPaletteYellowForeground2 = "var(--colorPaletteYellowForeground2)";
-
-// @public
-export const colorPaletteYellowForeground3 = "var(--colorPaletteYellowForeground3)";
-
-// @public
-export const colorPaletteYellowForegroundInverted = "var(--colorPaletteYellowForegroundInverted)";
-
-// @public
-export const colorScrollbarOverlay = "var(--colorScrollbarOverlay)";
-
-// @public
-export const colorStatusDangerBackground1 = "var(--colorStatusDangerBackground1)";
-
-// @public
-export const colorStatusDangerBackground2 = "var(--colorStatusDangerBackground2)";
-
-// @public
-export const colorStatusDangerBackground3 = "var(--colorStatusDangerBackground3)";
-
-// @public
-export const colorStatusDangerBackground3Hover = "var(--colorStatusDangerBackground3Hover)";
-
-// @public
-export const colorStatusDangerBackground3Pressed = "var(--colorStatusDangerBackground3Pressed)";
-
-// @public
-export const colorStatusDangerBorder1 = "var(--colorStatusDangerBorder1)";
-
-// @public
-export const colorStatusDangerBorder2 = "var(--colorStatusDangerBorder2)";
-
-// @public
-export const colorStatusDangerBorderActive = "var(--colorStatusDangerBorderActive)";
-
-// @public
-export const colorStatusDangerForeground1 = "var(--colorStatusDangerForeground1)";
-
-// @public
-export const colorStatusDangerForeground2 = "var(--colorStatusDangerForeground2)";
-
-// @public
-export const colorStatusDangerForeground3 = "var(--colorStatusDangerForeground3)";
-
-// @public
-export const colorStatusDangerForegroundInverted = "var(--colorStatusDangerForegroundInverted)";
-
-// @public
-export const colorStatusSuccessBackground1 = "var(--colorStatusSuccessBackground1)";
-
-// @public
-export const colorStatusSuccessBackground2 = "var(--colorStatusSuccessBackground2)";
-
-// @public
-export const colorStatusSuccessBackground3 = "var(--colorStatusSuccessBackground3)";
-
-// @public
-export const colorStatusSuccessBorder1 = "var(--colorStatusSuccessBorder1)";
-
-// @public
-export const colorStatusSuccessBorder2 = "var(--colorStatusSuccessBorder2)";
-
-// @public
-export const colorStatusSuccessBorderActive = "var(--colorStatusSuccessBorderActive)";
-
-// @public
-export const colorStatusSuccessForeground1 = "var(--colorStatusSuccessForeground1)";
-
-// @public
-export const colorStatusSuccessForeground2 = "var(--colorStatusSuccessForeground2)";
-
-// @public
-export const colorStatusSuccessForeground3 = "var(--colorStatusSuccessForeground3)";
-
-// @public
-export const colorStatusSuccessForegroundInverted = "var(--colorStatusSuccessForegroundInverted)";
-
-// @public
-export const colorStatusWarningBackground1 = "var(--colorStatusWarningBackground1)";
-
-// @public
-export const colorStatusWarningBackground2 = "var(--colorStatusWarningBackground2)";
-
-// @public
-export const colorStatusWarningBackground3 = "var(--colorStatusWarningBackground3)";
-
-// @public
-export const colorStatusWarningBorder1 = "var(--colorStatusWarningBorder1)";
-
-// @public
-export const colorStatusWarningBorder2 = "var(--colorStatusWarningBorder2)";
-
-// @public
-export const colorStatusWarningBorderActive = "var(--colorStatusWarningBorderActive)";
-
-// @public
-export const colorStatusWarningForeground1 = "var(--colorStatusWarningForeground1)";
-
-// @public
-export const colorStatusWarningForeground2 = "var(--colorStatusWarningForeground2)";
-
-// @public
-export const colorStatusWarningForeground3 = "var(--colorStatusWarningForeground3)";
-
-// @public
-export const colorStatusWarningForegroundInverted = "var(--colorStatusWarningForegroundInverted)";
-
-// @public
-export const colorStrokeFocus1 = "var(--colorStrokeFocus1)";
-
-// @public
-export const colorStrokeFocus2 = "var(--colorStrokeFocus2)";
-
-// @public
-export const colorSubtleBackground = "var(--colorSubtleBackground)";
-
-// @public
-export const colorSubtleBackgroundHover = "var(--colorSubtleBackgroundHover)";
-
-// @public
-export const colorSubtleBackgroundInverted = "var(--colorSubtleBackgroundInverted)";
-
-// @public
-export const colorSubtleBackgroundInvertedHover = "var(--colorSubtleBackgroundInvertedHover)";
-
-// @public
-export const colorSubtleBackgroundInvertedPressed = "var(--colorSubtleBackgroundInvertedPressed)";
-
-// @public
-export const colorSubtleBackgroundInvertedSelected = "var(--colorSubtleBackgroundInvertedSelected)";
-
-// @public
-export const colorSubtleBackgroundLightAlphaHover = "var(--colorSubtleBackgroundLightAlphaHover)";
-
-// @public
-export const colorSubtleBackgroundLightAlphaPressed = "var(--colorSubtleBackgroundLightAlphaPressed)";
-
-// @public
-export const colorSubtleBackgroundLightAlphaSelected = "var(--colorSubtleBackgroundLightAlphaSelected)";
-
-// @public
-export const colorSubtleBackgroundPressed = "var(--colorSubtleBackgroundPressed)";
-
-// @public
-export const colorSubtleBackgroundSelected = "var(--colorSubtleBackgroundSelected)";
-
-// @public
-export const colorTransparentBackground = "var(--colorTransparentBackground)";
-
-// @public
-export const colorTransparentBackgroundHover = "var(--colorTransparentBackgroundHover)";
-
-// @public
-export const colorTransparentBackgroundPressed = "var(--colorTransparentBackgroundPressed)";
-
-// @public
-export const colorTransparentBackgroundSelected = "var(--colorTransparentBackgroundSelected)";
-
-// @public
-export const colorTransparentStroke = "var(--colorTransparentStroke)";
-
-// @public
-export const colorTransparentStrokeDisabled = "var(--colorTransparentStrokeDisabled)";
-
-// @public
-export const colorTransparentStrokeInteractive = "var(--colorTransparentStrokeInteractive)";
-
-// @public
-export class CompoundButton extends Button {
-}
-
-// @public
-export const CompoundButtonAppearance: {
-    readonly primary: "primary";
-    readonly outline: "outline";
-    readonly subtle: "subtle";
-    readonly transparent: "transparent";
-};
-
-// @public
-export type CompoundButtonAppearance = ValuesOf<typeof CompoundButtonAppearance>;
-
-// @public (undocumented)
-export const CompoundButtonDefinition: FASTElementDefinition<typeof CompoundButton>;
-
-// @public
-export const CompoundButtonShape: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-
-// @public
-export type CompoundButtonShape = ValuesOf<typeof CompoundButtonShape>;
-
-// @public
-export const CompoundButtonSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-
-// @public
-export type CompoundButtonSize = ValuesOf<typeof CompoundButtonSize>;
-
-// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const CompoundButtonStyles: ElementStyles;
-
-// @public
-export const CompoundButtonTemplate: ElementViewTemplate<CompoundButton>;
-
-// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag
-// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "CounterBadge" because one of its declarations is marked as @internal
-//
-// @public
-export class CounterBadge extends FASTElement {
-    appearance?: CounterBadgeAppearance;
-    appearanceChanged(prev: CounterBadgeAppearance | undefined, next: CounterBadgeAppearance | undefined): void;
-    color?: CounterBadgeColor;
-    colorChanged(prev: CounterBadgeColor | undefined, next: CounterBadgeColor | undefined): void;
-    count: number;
-    // (undocumented)
-    protected countChanged(): void;
-    dot: boolean;
-    dotChanged(prev: boolean | undefined, next: boolean | undefined): void;
-    // @internal
-    elementInternals: ElementInternals;
-    overflowCount: number;
-    // (undocumented)
-    protected overflowCountChanged(): void;
-    // @internal
-    setCount(): string | void;
-    shape?: CounterBadgeShape;
-    shapeChanged(prev: CounterBadgeShape | undefined, next: CounterBadgeShape | undefined): void;
-    showZero: boolean;
-    size?: CounterBadgeSize;
-    sizeChanged(prev: CounterBadgeSize | undefined, next: CounterBadgeSize | undefined): void;
-}
-
-// @internal
-export interface CounterBadge extends StartEnd {
-}
-
-// @public
-export const CounterBadgeAppearance: {
-    readonly filled: "filled";
-    readonly ghost: "ghost";
-};
-
-// @public
-export type CounterBadgeAppearance = ValuesOf<typeof CounterBadgeAppearance>;
-
-// @public
-export const CounterBadgeColor: {
-    readonly brand: "brand";
-    readonly danger: "danger";
-    readonly important: "important";
-    readonly informative: "informative";
-    readonly severe: "severe";
-    readonly subtle: "subtle";
-    readonly success: "success";
-    readonly warning: "warning";
-};
-
-// @public
-export type CounterBadgeColor = ValuesOf<typeof CounterBadgeColor>;
-
-// @public (undocumented)
-export const CounterBadgeDefinition: FASTElementDefinition<typeof CounterBadge>;
-
-// @public
-export const CounterBadgeShape: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
-};
-
-// @public
-export type CounterBadgeShape = ValuesOf<typeof CounterBadgeShape>;
-
-// @public
-export const CounterBadgeSize: {
-    readonly tiny: "tiny";
-    readonly extraSmall: "extra-small";
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-    readonly extraLarge: "extra-large";
-};
-
-// @public
-export type CounterBadgeSize = ValuesOf<typeof CounterBadgeSize>;
-
-// @public
-export const CounterBadgeStyles: ElementStyles;
-
-// @public
-export const CounterBadgeTemplate: ElementViewTemplate<CounterBadge>;
-
-// @public
-export const curveAccelerateMax = "var(--curveAccelerateMax)";
-
-// @public
-export const curveAccelerateMid = "var(--curveAccelerateMid)";
-
-// @public
-export const curveAccelerateMin = "var(--curveAccelerateMin)";
-
-// @public
-export const curveDecelerateMax = "var(--curveDecelerateMax)";
-
-// @public
-export const curveDecelerateMid = "var(--curveDecelerateMid)";
-
-// @public
-export const curveDecelerateMin = "var(--curveDecelerateMin)";
-
-// @public
-export const curveEasyEase = "var(--curveEasyEase)";
-
-// @public
-export const curveEasyEaseMax = "var(--curveEasyEaseMax)";
-
-// @public
-export const curveLinear = "var(--curveLinear)";
-
-// @public
-export const darkModeStylesheetBehavior: (styles: ElementStyles) => MatchMediaStyleSheetBehavior;
-
-// @public
-export class Dialog extends FASTElement {
-    ariaDescribedby?: string;
-    ariaLabelledby?: string;
-    clickHandler(event: Event): boolean;
-    dialog: HTMLDialogElement;
-    emitBeforeToggle: () => void;
-    emitToggle: () => void;
-    hide(): void;
-    show(): void;
-    type: DialogType;
-}
-
-// @public
-export class DialogBody extends FASTElement {
-    noTitleAction: boolean;
-}
-
-// @public
-export const DialogBodyDefinition: FASTElementDefinition<typeof DialogBody>;
-
-// @public
-export const DialogBodyStyles: ElementStyles;
-
-// @public
-export const DialogBodyTemplate: ElementViewTemplate;
-
-// @public
-export const DialogDefinition: FASTElementDefinition<typeof Dialog>;
-
-// @public
-export const DialogStyles: ElementStyles;
-
-// @public
-export const DialogTemplate: ElementViewTemplate<Dialog>;
-
-// Warning: (ae-missing-release-tag) "DialogType" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const DialogType: {
-    readonly modal: "modal";
-    readonly nonModal: "non-modal";
-    readonly alert: "alert";
-};
-
-// @public (undocumented)
-export type DialogType = ValuesOf<typeof DialogType>;
-
-// Warning: (ae-forgotten-export) The symbol "CSSDisplayPropertyValue" needs to be exported by the entry point index.d.ts
-//
-// @public
-export function display(displayValue: CSSDisplayPropertyValue): string;
-
-// @public
-export class Divider extends BaseDivider {
-    // (undocumented)
-    alignContent?: DividerAlignContent;
-    alignContentChanged(prev: DividerAlignContent | undefined, next: DividerAlignContent | undefined): void;
-    // (undocumented)
-    appearance?: DividerAppearance;
-    appearanceChanged(prev: DividerAppearance | undefined, next: DividerAppearance | undefined): void;
-    // (undocumented)
-    inset?: boolean;
-    insetChanged(prev: boolean, next: boolean): void;
-}
-
-// @public
-export const DividerAlignContent: {
-    readonly center: "center";
-    readonly start: "start";
-    readonly end: "end";
-};
-
-// @public
-export type DividerAlignContent = ValuesOf<typeof DividerAlignContent>;
-
-// @public
-export const DividerAppearance: {
-    readonly strong: "strong";
-    readonly brand: "brand";
-    readonly subtle: "subtle";
-};
-
-// @public
-export type DividerAppearance = ValuesOf<typeof DividerAppearance>;
-
-// @public
-export const DividerDefinition: FASTElementDefinition<typeof Divider>;
-
-// @public
-export const DividerOrientation: {
-    readonly horizontal: "horizontal"; /**
-    * Divider roles
-    * @public
-    */
-    readonly vertical: "vertical";
-};
-
-// @public
-export type DividerOrientation = ValuesOf<typeof DividerOrientation>;
-
-// @public
-export const DividerRole: {
-    readonly separator: "separator";
-    readonly presentation: "presentation";
-};
-
-// @public
-export type DividerRole = ValuesOf<typeof DividerRole>;
-
-// @public
-export const DividerStyles: ElementStyles;
-
-// @public
-export const DividerTemplate: ElementViewTemplate<Divider>;
-
-// Warning: (ae-missing-release-tag) "Drawer" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export class Drawer extends FASTElement {
-    ariaDescribedby?: string;
-    ariaLabelledby?: string;
-    // (undocumented)
-    clickHandler(event: Event): boolean;
-    dialog: HTMLDialogElement;
-    emitBeforeToggle: () => void;
-    emitToggle: () => void;
-    hide(): void;
-    position: DrawerPosition;
-    show(): void;
-    // (undocumented)
-    size: DrawerSize;
-    type: DrawerType;
-}
-
-// Warning: (ae-missing-release-tag) "DrawerBody" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export class DrawerBody extends FASTElement {
-}
-
-// @public (undocumented)
-export const DrawerBodyDefinition: FASTElementDefinition<typeof DrawerBody>;
-
-// @public
-export const DrawerBodyStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const DrawerBodyTemplate: ElementViewTemplate<DrawerBody>;
-
-// @public (undocumented)
-export const DrawerDefinition: FASTElementDefinition<typeof Drawer>;
-
-// Warning: (ae-missing-release-tag) "DrawerPosition" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const DrawerPosition: {
-    readonly start: "start";
-    readonly end: "end";
-};
-
-// @public
-export type DrawerPosition = ValuesOf<typeof DrawerPosition>;
-
-// Warning: (ae-missing-release-tag) "DrawerSize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const DrawerSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-    readonly full: "full";
-};
-
-// @public
-export type DrawerSize = ValuesOf<typeof DrawerSize>;
-
-// @public
-export const DrawerStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const DrawerTemplate: ElementViewTemplate<Drawer>;
-
-// Warning: (ae-missing-release-tag) "DrawerType" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const DrawerType: {
-    readonly nonModal: "non-modal";
-    readonly modal: "modal";
-    readonly inline: "inline";
-};
-
-// @public
-export type DrawerType = ValuesOf<typeof DrawerType>;
-
-// @public
-export const durationFast = "var(--durationFast)";
-
-// @public
-export const durationFaster = "var(--durationFaster)";
-
-// @public
-export const durationGentle = "var(--durationGentle)";
-
-// @public
-export const durationNormal = "var(--durationNormal)";
-
-// @public
-export const durationSlow = "var(--durationSlow)";
-
-// @public
-export const durationSlower = "var(--durationSlower)";
-
-// @public
-export const durationUltraFast = "var(--durationUltraFast)";
-
-// @public
-export const durationUltraSlow = "var(--durationUltraSlow)";
-
-// @public
-export type EndOptions<TSource = any, TParent = any> = {
-    end?: StaticallyComposableHTML<TSource, TParent>;
-};
-
-// @public
-export function endSlotTemplate<TSource extends StartEnd = StartEnd, TParent = any>(options: EndOptions<TSource, TParent>): CaptureType<TSource, TParent>;
-
-// @public
-export class Field extends BaseField {
-    labelPosition: FieldLabelPosition;
-}
-
-// @public
-export const FieldDefinition: FASTElementDefinition<typeof Field>;
-
-// @public
-export const FieldLabelPosition: {
-    readonly above: "above";
-    readonly after: "after";
-    readonly before: "before";
-};
-
-// @public (undocumented)
-export type FieldLabelPosition = ValuesOf<typeof FieldLabelPosition>;
-
-// @public
-export const FieldStyles: ElementStyles;
-
-// @public
-export const FieldTemplate: ElementViewTemplate;
-
-// Warning: (ae-missing-release-tag) "FluentDesignSystem" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const FluentDesignSystem: Readonly<{
-    prefix: "fluent";
-    shadowRootMode: "open";
-    registry: CustomElementRegistry;
-}>;
-
-// @public
-export const fontFamilyBase = "var(--fontFamilyBase)";
-
-// @public
-export const fontFamilyMonospace = "var(--fontFamilyMonospace)";
-
-// @public
-export const fontFamilyNumeric = "var(--fontFamilyNumeric)";
-
-// @public
-export const fontSizeBase100 = "var(--fontSizeBase100)";
-
-// @public
-export const fontSizeBase200 = "var(--fontSizeBase200)";
-
-// @public
-export const fontSizeBase300 = "var(--fontSizeBase300)";
-
-// @public
-export const fontSizeBase400 = "var(--fontSizeBase400)";
-
-// @public
-export const fontSizeBase500 = "var(--fontSizeBase500)";
-
-// @public
-export const fontSizeBase600 = "var(--fontSizeBase600)";
-
-// @public
-export const fontSizeHero1000 = "var(--fontSizeHero1000)";
-
-// @public
-export const fontSizeHero700 = "var(--fontSizeHero700)";
-
-// @public
-export const fontSizeHero800 = "var(--fontSizeHero800)";
-
-// @public
-export const fontSizeHero900 = "var(--fontSizeHero900)";
-
-// @public
-export const fontWeightBold = "var(--fontWeightBold)";
-
-// @public
-export const fontWeightMedium = "var(--fontWeightMedium)";
-
-// @public
-export const fontWeightRegular = "var(--fontWeightRegular)";
-
-// @public
-export const fontWeightSemibold = "var(--fontWeightSemibold)";
-
-// @public
-export const forcedColorsStylesheetBehavior: (styles: ElementStyles) => MatchMediaStyleSheetBehavior;
-
-// @public
-export const getDirection: (rootNode: HTMLElement) => Direction;
-
-// @public
-class Image_2 extends FASTElement {
-    block?: boolean;
-    blockChanged(prev: boolean, next: boolean): void;
-    bordered?: boolean;
-    borderedChanged(prev: boolean, next: boolean): void;
-    // @internal
-    elementInternals: ElementInternals;
-    fit?: ImageFit;
-    fitChanged(prev: ImageFit | undefined, next: ImageFit | undefined): void;
-    shadow?: boolean;
-    shadowChanged(prev: boolean, next: boolean): void;
-    shape?: ImageShape;
-    shapeChanged(prev: ImageShape | undefined, next: ImageShape | undefined): void;
-}
-export { Image_2 as Image }
-
-// @public
-export const ImageDefinition: FASTElementDefinition<typeof Image_2>;
-
-// @public
-export const ImageFit: {
-    readonly none: "none";
-    readonly center: "center";
-    readonly contain: "contain";
-    readonly cover: "cover";
-};
-
-// @public
-export type ImageFit = ValuesOf<typeof ImageFit>;
-
-// Warning: (ae-missing-release-tag) "ImageShape" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const ImageShape: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-
-// @public (undocumented)
-export type ImageShape = ValuesOf<typeof ImageShape>;
-
-// @public
-export const ImageStyles: ElementStyles;
-
-// @public
-export const ImageTemplate: ElementViewTemplate<Image_2>;
-
-// @public
-export class Label extends FASTElement {
-    disabled: boolean;
-    disabledChanged(prev: boolean | undefined, next: boolean | undefined): void;
-    // @internal
-    elementInternals: ElementInternals;
-    required: boolean;
-    size?: LabelSize;
-    sizeChanged(prev: LabelSize | undefined, next: LabelSize | undefined): void;
-    weight?: LabelWeight;
-    weightChanged(prev: LabelWeight | undefined, next: LabelWeight | undefined): void;
-}
-
-// @public
-export const LabelDefinition: FASTElementDefinition<typeof Label>;
-
-// Warning: (ae-missing-release-tag) "LabelSize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const LabelSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-
-// @public
-export type LabelSize = ValuesOf<typeof LabelSize>;
-
-// @public
-export const LabelStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const LabelTemplate: ElementViewTemplate<Label>;
-
-// Warning: (ae-missing-release-tag) "LabelWeight" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const LabelWeight: {
-    readonly regular: "regular";
-    readonly semibold: "semibold";
-};
-
-// @public
-export type LabelWeight = ValuesOf<typeof LabelWeight>;
-
-// @public
-export const lightModeStylesheetBehavior: (styles: ElementStyles) => MatchMediaStyleSheetBehavior;
-
-// @public
-export const lineHeightBase100 = "var(--lineHeightBase100)";
-
-// @public
-export const lineHeightBase200 = "var(--lineHeightBase200)";
-
-// @public
-export const lineHeightBase300 = "var(--lineHeightBase300)";
-
-// @public
-export const lineHeightBase400 = "var(--lineHeightBase400)";
-
-// @public
-export const lineHeightBase500 = "var(--lineHeightBase500)";
-
-// @public
-export const lineHeightBase600 = "var(--lineHeightBase600)";
-
-// @public
-export const lineHeightHero1000 = "var(--lineHeightHero1000)";
-
-// @public
-export const lineHeightHero700 = "var(--lineHeightHero700)";
-
-// @public
-export const lineHeightHero800 = "var(--lineHeightHero800)";
-
-// @public
-export const lineHeightHero900 = "var(--lineHeightHero900)";
-
-// @public
-export class Link extends BaseAnchor {
-    appearance?: LinkAppearance | undefined;
-    appearanceChanged(prev: LinkAppearance | undefined, next: LinkAppearance | undefined): void;
-    inline: boolean;
-    inlineChanged(prev: boolean, next: boolean): void;
-}
-
-// @public
-export const LinkAppearance: {
-    readonly subtle: "subtle";
-};
-
-// @public
-export type LinkAppearance = ValuesOf<typeof LinkAppearance>;
-
-// @public (undocumented)
-export const LinkDefinition: FASTElementDefinition<typeof Link>;
-
-// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const LinkStyles: ElementStyles;
-
-// @public
-export const LinkTarget: {
-    readonly _self: "_self";
-    readonly _blank: "_blank";
-    readonly _parent: "_parent";
-    readonly _top: "_top";
-};
-
-// @public
-export type LinkTarget = ValuesOf<typeof AnchorTarget>;
-
-// @public
-export const LinkTemplate: ElementViewTemplate<Link>;
-
-// @public
-export abstract class MatchMediaBehavior implements HostBehavior {
-    constructor(query: MediaQueryList);
-    connectedCallback(controller: HostController): void;
-    protected abstract constructListener(controller: HostController): MediaQueryListListener;
-    disconnectedCallback(controller: HostController): void;
-    readonly query: MediaQueryList;
-}
-
-// @public
-export class MatchMediaStyleSheetBehavior extends MatchMediaBehavior {
-    constructor(query: MediaQueryList, styles: ElementStyles);
-    protected constructListener(controller: HostController): MediaQueryListListener;
-    readonly query: MediaQueryList;
-    // @internal
-    removedCallback(controller: HostController<any>): void;
-    readonly styles: ElementStyles;
-    static with(query: MediaQueryList): (styles: ElementStyles) => MatchMediaStyleSheetBehavior;
-}
-
-// @public
-export type MediaQueryListListener = (this: MediaQueryList, ev?: MediaQueryListEvent) => void;
-
-// @public
-export class Menu extends FASTElement {
-    closeMenu: (event?: Event) => void;
-    closeOnScroll?: boolean;
-    closeOnScrollChanged(oldValue: boolean, newValue: boolean): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    focusMenuList(): void;
-    focusTrigger(): void;
-    menuKeydownHandler(e: KeyboardEvent): boolean | void;
-    openMenu: (e?: Event) => void;
-    openOnContext?: boolean;
-    openOnContextChanged(oldValue: boolean, newValue: boolean): void;
-    openOnHover?: boolean;
-    openOnHoverChanged(oldValue: boolean, newValue: boolean): void;
-    persistOnItemClick?: boolean;
-    persistOnItemClickChanged(oldValue: boolean, newValue: boolean): void;
-    primaryAction: HTMLSlotElement;
-    setComponent(): void;
-    slottedMenuList: MenuList[];
-    slottedTriggers: HTMLElement[];
-    split?: boolean;
-    toggleHandler: (e: Event) => void;
-    toggleMenu: () => void;
-    triggerKeydownHandler: (e: KeyboardEvent) => boolean | void;
-}
-
-// @public
-export class MenuButton extends Button {
-}
-
-// @public
-export const MenuButtonAppearance: {
-    readonly primary: "primary";
-    readonly outline: "outline";
-    readonly subtle: "subtle";
-    readonly transparent: "transparent";
-};
-
-// @public
-export type MenuButtonAppearance = ValuesOf<typeof MenuButtonAppearance>;
-
-// @public (undocumented)
-export const MenuButtonDefinition: FASTElementDefinition<typeof MenuButton>;
-
-// @public
-export const MenuButtonShape: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-
-// @public
-export type MenuButtonShape = ValuesOf<typeof MenuButtonShape>;
-
-// @public
-export const MenuButtonSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-
-// @public
-export type MenuButtonSize = ValuesOf<typeof MenuButtonSize>;
-
-// @public
-export const MenuButtonTemplate: ElementViewTemplate<MenuButton>;
-
-// @public
-export const MenuDefinition: FASTElementDefinition<typeof Menu>;
-
-// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag
-// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "MenuItem" because one of its declarations is marked as @internal
-//
-// @public
-export class MenuItem extends FASTElement {
-    checked: boolean;
-    protected checkedChanged(prev: boolean, next: boolean): void;
-    // (undocumented)
-    connectedCallback(): void;
-    disabled: boolean;
-    disabledChanged(prev: boolean | undefined, next: boolean | undefined): void;
-    // @internal
-    elementInternals: ElementInternals;
-    // @internal (undocumented)
-    handleMenuItemClick: (e: MouseEvent) => boolean;
-    // @internal (undocumented)
-    handleMenuItemKeyDown: (e: KeyboardEvent) => boolean;
-    // @internal (undocumented)
-    handleMouseOut: (e: MouseEvent) => boolean;
-    // @internal (undocumented)
-    handleMouseOver: (e: MouseEvent) => boolean;
-    hidden: boolean;
-    role: MenuItemRole;
-    roleChanged(prev: MenuItemRole | undefined, next: MenuItemRole | undefined): void;
-    // @internal
-    setSubmenuPosition: () => void;
-    // @internal
-    slottedSubmenu: HTMLElement[];
-    // @internal
-    protected slottedSubmenuChanged(prev: HTMLElement[] | undefined, next: HTMLElement[]): void;
-    // @internal (undocumented)
-    submenu: HTMLElement | undefined;
-    // @internal
-    toggleHandler: (e: Event) => void;
-}
-
-// @internal
-export interface MenuItem extends StartEnd {
-}
-
-// Warning: (ae-missing-release-tag) "MenuItemColumnCount" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export type MenuItemColumnCount = 0 | 1 | 2;
-
-// @public (undocumented)
-export const MenuItemDefinition: FASTElementDefinition<typeof MenuItem>;
-
-// @public
-export type MenuItemOptions = StartEndOptions<MenuItem> & {
-    indicator?: StaticallyComposableHTML<MenuItem>;
-    submenuGlyph?: StaticallyComposableHTML<MenuItem>;
-};
-
-// @public
-export const MenuItemRole: {
-    readonly menuitem: "menuitem";
-    readonly menuitemcheckbox: "menuitemcheckbox";
-    readonly menuitemradio: "menuitemradio";
-};
-
-// @public
-export type MenuItemRole = ValuesOf<typeof MenuItemRole>;
-
-// @public
-export const MenuItemStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const MenuItemTemplate: ElementViewTemplate<MenuItem>;
-
-// @public
-export class MenuList extends FASTElement {
-    constructor();
-    // @internal (undocumented)
-    connectedCallback(): void;
-    // @internal (undocumented)
-    disconnectedCallback(): void;
-    // @internal
-    elementInternals: ElementInternals;
-    focus(): void;
-    handleChange(source: any, propertyName: string): void;
-    // @internal
-    handleFocusOut: (e: FocusEvent) => void;
-    // @internal (undocumented)
-    handleMenuKeyDown(e: KeyboardEvent): void | boolean;
-    protected isMenuItemElement: (el: Element) => el is HTMLElement;
-    // @internal (undocumented)
-    readonly isNestedMenu: () => boolean;
-    // @internal (undocumented)
-    items: HTMLElement[];
-    // (undocumented)
-    protected itemsChanged(oldValue: HTMLElement[], newValue: HTMLElement[]): void;
-    // (undocumented)
-    protected menuItems: Element[] | undefined;
-    // (undocumented)
-    protected setItems(): void;
-}
-
-// @public (undocumented)
-export const MenuListDefinition: FASTElementDefinition<typeof MenuList>;
-
-// @public
-export const MenuListStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const MenuListTemplate: ElementViewTemplate<MenuList>;
-
-// @public
-export const MenuStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const MenuTemplate: ElementViewTemplate<Menu>;
-
-// @public
-export class MessageBar extends FASTElement {
-    constructor();
-    dismissMessageBar: () => void;
-    // @internal
-    elementInternals: ElementInternals;
-    intent?: MessageBarIntent;
-    intentChanged(prev: MessageBarIntent | undefined, next: MessageBarIntent | undefined): void;
-    layout?: MessageBarLayout;
-    layoutChanged(prev: MessageBarLayout | undefined, next: MessageBarLayout | undefined): void;
-    shape?: MessageBarShape;
-    shapeChanged(prev: MessageBarShape | undefined, next: MessageBarShape | undefined): void;
-}
-
-// @public
-export const MessageBarDefinition: FASTElementDefinition<typeof MessageBar>;
-
-// Warning: (ae-missing-release-tag) "MessageBarIntent" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const MessageBarIntent: {
-    readonly success: "success";
-    readonly warning: "warning";
-    readonly error: "error";
-    readonly info: "info";
-};
-
-// @public (undocumented)
-export type MessageBarIntent = ValuesOf<typeof MessageBarIntent>;
-
-// Warning: (ae-missing-release-tag) "MessageBarLayout" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const MessageBarLayout: {
-    readonly multiline: "multiline";
-    readonly singleline: "singleline";
-};
-
-// @public (undocumented)
-export type MessageBarLayout = ValuesOf<typeof MessageBarLayout>;
-
-// Warning: (ae-missing-release-tag) "MessageBarShape" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const MessageBarShape: {
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-
-// @public (undocumented)
-export type MessageBarShape = ValuesOf<typeof MessageBarShape>;
-
-// @public
-export const MessageBarStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const MessageBarTemplate: ElementViewTemplate<MessageBar>;
-
-// @public
-class ProgressBar_2 extends BaseProgressBar {
-    shape?: ProgressBarShape;
-    shapeChanged(prev: ProgressBarShape | undefined, next: ProgressBarShape | undefined): void;
-    thickness?: ProgressBarThickness;
-    thicknessChanged(prev: ProgressBarThickness | undefined, next: ProgressBarThickness | undefined): void;
-}
-export { ProgressBar_2 as ProgressBar }
-
-// @public
-export const ProgressBarDefinition: FASTElementDefinition<typeof ProgressBar_2>;
-
-// @public
-export const ProgressBarShape: {
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-
-// @public
-export type ProgressBarShape = ValuesOf<typeof ProgressBarShape>;
-
-// @public
-export const ProgressBarStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const ProgressBarTemplate: ElementViewTemplate<ProgressBar_2>;
-
-// @public
-export const ProgressBarThickness: {
-    readonly medium: "medium";
-    readonly large: "large";
-};
-
-// @public
-export type ProgressBarThickness = ValuesOf<typeof ProgressBarThickness>;
-
-// @public
-export const ProgressBarValidationState: {
-    readonly success: "success";
-    readonly warning: "warning";
-    readonly error: "error";
-};
-
-// @public
-export type ProgressBarValidationState = ValuesOf<typeof ProgressBarValidationState>;
-
-// @public
-export class Radio extends BaseCheckbox {
-    constructor();
-    // (undocumented)
-    connectedCallback(): void;
-    // @internal @override
-    protected disabledChanged(prev: boolean | undefined, next: boolean | undefined): void;
-    // @internal @override
-    protected requiredChanged(): void;
-    // @internal @override
-    setFormValue(): void;
-    // @internal @override
-    setValidity(): void;
-    // @override
-    toggleChecked(force?: boolean): void;
-}
-
-// @public (undocumented)
-export type RadioControl = Pick<HTMLInputElement, 'checked' | 'disabled' | 'focus' | 'setAttribute' | 'getAttribute'>;
-
-// @public
-export const RadioDefinition: FASTElementDefinition<typeof Radio>;
-
-// @public
-export class RadioGroup extends FASTElement {
-    constructor();
-    changeHandler(e: Event): boolean | void;
-    // @internal
-    protected checkedIndex: number;
-    // @internal
-    protected checkedIndexChanged(prev: number | undefined, next: number): void;
-    // @internal
-    checkRadio(index?: number, shouldEmit?: boolean): void;
-    checkValidity(): boolean;
-    // @internal
-    clickHandler(e: MouseEvent): boolean | void;
-    disabled: boolean;
-    // @internal
-    protected disabledChanged(prev?: boolean, next?: boolean): void;
-    // (undocumented)
-    disabledRadioHandler(e: CustomEvent): void;
-    // @internal
-    elementInternals: ElementInternals;
-    // @internal
-    get enabledRadios(): Radio[];
-    // @internal
-    focus(): void;
-    // @internal
-    focusinHandler(e: FocusEvent): boolean | void;
-    // @internal
-    focusoutHandler(e: FocusEvent): boolean | void;
-    static formAssociated: boolean;
-    // (undocumented)
-    formResetCallback(): void;
-    initialValue?: string;
-    initialValueChanged(prev: string | undefined, next: string | undefined): void;
-    // @internal
-    keydownHandler(e: KeyboardEvent): boolean | void;
-    name: string;
-    // @internal
-    protected nameChanged(prev: string | undefined, next: string | undefined): void;
-    orientation?: RadioGroupOrientation;
-    // @internal
-    orientationChanged(prev: RadioGroupOrientation | undefined, next: RadioGroupOrientation | undefined): void;
-    radios: Radio[];
-    radiosChanged(prev: Radio[] | undefined, next: Radio[] | undefined): void;
-    reportValidity(): boolean;
-    required: boolean;
-    // (undocumented)
-    requiredChanged(prev: boolean, next: boolean): void;
-    // @internal
-    setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
-    // @internal
-    setValidity(flags?: Partial<ValidityState>, message?: string, anchor?: HTMLElement): void;
-    // @internal
-    slotchangeHandler(e: Event): void;
-    // @internal
-    get validationMessage(): string;
-    get validity(): ValidityState;
-    get value(): string | null;
-    set value(next: string | null);
-}
-
-// @public
-export const RadioGroupDefinition: FASTElementDefinition<typeof RadioGroup>;
-
-// @public
-export const RadioGroupOrientation: {
-    readonly horizontal: "horizontal"; /**
-    * Radio Group orientation
-    * @public
-    */
-    readonly vertical: "vertical";
-};
-
-// @public
-export type RadioGroupOrientation = ValuesOf<typeof RadioGroupOrientation>;
-
-// @public
-export const RadioGroupStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const RadioGroupTemplate: ElementViewTemplate<RadioGroup>;
-
-// @public
-export type RadioOptions = {
-    checkedIndicator?: StaticallyComposableHTML<Radio>;
-};
-
-// @public
-export const RadioStyles: ElementStyles;
-
-// @public
-export const RadioTemplate: ElementViewTemplate<Radio>;
-
-// @public
-export class RatingDisplay extends BaseRatingDisplay {
-    color?: RatingDisplayColor;
-    colorChanged(prev: RatingDisplayColor | undefined, next: RatingDisplayColor | undefined): void;
-    compact: boolean;
-    // @override
-    protected getMaxIcons(): number;
-    // @override
-    protected getSelectedValue(): number;
-    size?: RatingDisplaySize;
-    sizeChanged(prev: RatingDisplaySize | undefined, next: RatingDisplaySize | undefined): void;
-}
-
-// @public
-export const RatingDisplayColor: {
-    readonly neutral: "neutral";
-    readonly brand: "brand";
-    readonly marigold: "marigold";
-};
-
-// @public
-export type RatingDisplayColor = ValuesOf<typeof RatingDisplayColor>;
-
-// @public
-export const RatingDisplayDefinition: FASTElementDefinition<typeof RatingDisplay>;
-
-// @public
-export const RatingDisplaySize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-
-// @public
-export type RatingDisplaySize = ValuesOf<typeof RatingDisplaySize>;
-
-// @public
-export const RatingDisplayStyles: ElementStyles;
-
-// @public
-export const RatingDisplayTemplate: ElementViewTemplate<RatingDisplay>;
-
-// Warning: (ae-internal-missing-underscore) The name "roleForMenuItem" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal (undocumented)
-export const roleForMenuItem: {
-    [value in keyof typeof MenuItemRole]: (typeof MenuItemRole)[value];
-};
-
-// Warning: (ae-internal-missing-underscore) The name "setTheme" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export function setTheme(theme: Theme | null, node?: Document | HTMLElement): void;
-
-// Warning: (ae-internal-missing-underscore) The name "setThemeFor" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal @deprecated (undocumented)
-export function setThemeFor(element: HTMLElement, theme: Theme | null): void;
-
-// @public
-export const shadow16 = "var(--shadow16)";
-
-// @public
-export const shadow16Brand = "var(--shadow16Brand)";
-
-// @public
-export const shadow2 = "var(--shadow2)";
-
-// @public
-export const shadow28 = "var(--shadow28)";
-
-// @public
-export const shadow28Brand = "var(--shadow28Brand)";
-
-// @public
-export const shadow2Brand = "var(--shadow2Brand)";
-
-// @public
-export const shadow4 = "var(--shadow4)";
-
-// @public
-export const shadow4Brand = "var(--shadow4Brand)";
-
-// @public
-export const shadow64 = "var(--shadow64)";
-
-// @public
-export const shadow64Brand = "var(--shadow64Brand)";
-
-// @public
-export const shadow8 = "var(--shadow8)";
-
-// @public
-export const shadow8Brand = "var(--shadow8Brand)";
-
-// @public
-export class Slider extends FASTElement implements SliderConfiguration {
-    constructor();
-    // @internal
-    calculateNewValue(rawValue: number): number;
-    checkValidity(): boolean;
-    // @internal (undocumented)
-    connectedCallback(): void;
-    decrement(): void;
-    // @internal (undocumented)
-    direction: Direction;
-    disabled: boolean;
-    // (undocumented)
-    protected disabledChanged(): void;
-    // @internal (undocumented)
-    disconnectedCallback(): void;
-    // @internal
-    elementInternals: ElementInternals;
-    static formAssociated: boolean;
-    // @internal
-    formDisabledCallback(disabled: boolean): void;
-    // @internal
-    formResetCallback(): void;
-    // (undocumented)
-    handleChange(_: any, propertyName: string): void;
-    // (undocumented)
-    handlePointerDown: (event: PointerEvent | null) => void;
-    handleThumbPointerDown: (event: PointerEvent | null) => void;
-    increment(): void;
-    initialValue: string;
-    // @internal
-    protected initialValueChanged(_: string, next: string): void;
-    // @internal (undocumented)
-    isDragging: boolean;
-    // (undocumented)
-    keypressHandler: (event: KeyboardEvent) => void;
-    get labels(): ReadonlyArray<Node>;
-    max: string;
-    // (undocumented)
-    protected maxChanged(): void;
-    min: string;
-    // (undocumented)
-    protected minChanged(): void;
-    mode: SliderMode;
-    orientation?: Orientation;
-    // (undocumented)
-    protected orientationChanged(prev: Orientation | undefined, next: Orientation | undefined): void;
-    // @internal (undocumented)
-    position: string;
-    reportValidity(): boolean;
-    setCustomValidity(message: string): void;
-    // @internal
-    setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
-    // @internal
-    setValidity(flags?: Partial<ValidityState>, message?: string, anchor?: HTMLElement): void;
-    size?: SliderSize;
-    // (undocumented)
-    protected sizeChanged(prev: SliderSize | undefined, next: SliderSize | undefined): void;
-    step: string;
-    // (undocumented)
-    protected stepChanged(): void;
-    // @internal (undocumented)
-    stepMultiplier: number;
-    // @internal (undocumented)
-    thumb: HTMLDivElement;
-    // @internal (undocumented)
-    track: HTMLDivElement;
-    // @internal (undocumented)
-    trackHeight: number;
-    // @internal (undocumented)
-    trackLeft: number;
-    // @internal (undocumented)
-    trackMinHeight: number;
-    // @internal (undocumented)
-    trackMinWidth: number;
-    // @internal (undocumented)
-    trackWidth: number;
-    get validationMessage(): string;
-    get validity(): ValidityState;
-    get value(): string;
-    set value(value: string);
-    get valueAsNumber(): number;
-    set valueAsNumber(next: number);
-    valueTextFormatter: (value: string) => string;
-    // (undocumented)
-    protected valueTextFormatterChanged(): void;
-    get willValidate(): boolean;
-}
-
-// @public (undocumented)
-export interface SliderConfiguration {
-    // (undocumented)
-    direction?: Direction;
-    // (undocumented)
-    disabled?: boolean;
-    // (undocumented)
-    max?: string;
-    // (undocumented)
-    min?: string;
-    // (undocumented)
-    orientation?: SliderOrientation;
-}
-
-// @public
-export const SliderDefinition: FASTElementDefinition<typeof Slider>;
-
-// @public (undocumented)
-export const SliderMode: {
-    readonly singleValue: "single-value";
-};
-
-// @public
-export type SliderMode = ValuesOf<typeof SliderMode>;
-
-// @public
-export type SliderOptions = {
-    thumb?: StaticallyComposableHTML<Slider>;
-};
-
-// @public (undocumented)
-export const SliderOrientation: {
-    readonly horizontal: "horizontal";
-    readonly vertical: "vertical";
-};
-
-// @public
-export type SliderOrientation = ValuesOf<typeof SliderOrientation>;
-
-// @public
-export const SliderSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-};
-
-// @public
-export type SliderSize = ValuesOf<typeof SliderSize>;
-
-// @public
-export const SliderStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const SliderTemplate: ElementViewTemplate<Slider>;
-
-// @public
-export type SlottableInput = HTMLElement & ElementInternals & {
-    elementInternals?: ElementInternals;
-    required: boolean;
-    disabled: boolean;
-    readOnly: boolean;
-    checked?: boolean;
-    value?: string;
-};
-
-// @public
-export const spacingHorizontalL = "var(--spacingHorizontalL)";
-
-// @public
-export const spacingHorizontalM = "var(--spacingHorizontalM)";
-
-// @public
-export const spacingHorizontalMNudge = "var(--spacingHorizontalMNudge)";
-
-// @public
-export const spacingHorizontalNone = "var(--spacingHorizontalNone)";
-
-// @public
-export const spacingHorizontalS = "var(--spacingHorizontalS)";
-
-// @public
-export const spacingHorizontalSNudge = "var(--spacingHorizontalSNudge)";
-
-// @public
-export const spacingHorizontalXL = "var(--spacingHorizontalXL)";
-
-// @public
-export const spacingHorizontalXS = "var(--spacingHorizontalXS)";
-
-// @public
-export const spacingHorizontalXXL = "var(--spacingHorizontalXXL)";
-
-// @public
-export const spacingHorizontalXXS = "var(--spacingHorizontalXXS)";
-
-// @public
-export const spacingHorizontalXXXL = "var(--spacingHorizontalXXXL)";
-
-// @public
-export const spacingVerticalL = "var(--spacingVerticalL)";
-
-// @public
-export const spacingVerticalM = "var(--spacingVerticalM)";
-
-// @public
-export const spacingVerticalMNudge = "var(--spacingVerticalMNudge)";
-
-// @public
-export const spacingVerticalNone = "var(--spacingVerticalNone)";
-
-// @public
-export const spacingVerticalS = "var(--spacingVerticalS)";
-
-// @public
-export const spacingVerticalSNudge = "var(--spacingVerticalSNudge)";
-
-// @public
-export const spacingVerticalXL = "var(--spacingVerticalXL)";
-
-// @public
-export const spacingVerticalXS = "var(--spacingVerticalXS)";
-
-// @public
-export const spacingVerticalXXL = "var(--spacingVerticalXXL)";
-
-// @public
-export const spacingVerticalXXS = "var(--spacingVerticalXXS)";
-
-// @public
-export const spacingVerticalXXXL = "var(--spacingVerticalXXXL)";
-
-// @public
-export class Spinner extends BaseSpinner {
-    appearance?: SpinnerAppearance;
-    appearanceChanged(prev: SpinnerAppearance | undefined, next: SpinnerAppearance | undefined): void;
-    size?: SpinnerSize;
-    sizeChanged(prev: SpinnerSize | undefined, next: SpinnerSize | undefined): void;
-}
-
-// @public
-export const SpinnerAppearance: {
-    readonly primary: "primary";
-    readonly inverted: "inverted";
-};
-
-// @public
-export type SpinnerAppearance = ValuesOf<typeof SpinnerAppearance>;
-
-// @public (undocumented)
-export const SpinnerDefinition: FASTElementDefinition<typeof Spinner>;
-
-// @public
-export const SpinnerSize: {
-    readonly tiny: "tiny";
-    readonly extraSmall: "extra-small";
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-    readonly extraLarge: "extra-large";
-    readonly huge: "huge";
-};
-
-// @public
-export type SpinnerSize = ValuesOf<typeof SpinnerSize>;
-
-// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const SpinnerStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const SpinnerTemplate: ViewTemplate<Spinner, any>;
-
-// @public
-export class StartEnd {
-    // (undocumented)
-    end: HTMLSlotElement;
-    // (undocumented)
-    start: HTMLSlotElement;
-}
-
-// @public
-export type StartEndOptions<TSource = any, TParent = any> = StartOptions<TSource, TParent> & EndOptions<TSource, TParent>;
-
-// @public
-export type StartOptions<TSource = any, TParent = any> = {
-    start?: StaticallyComposableHTML<TSource, TParent>;
-};
-
-// @public
-export function startSlotTemplate<TSource extends StartEnd = StartEnd, TParent = any>(options: StartOptions<TSource, TParent>): CaptureType<TSource, TParent>;
-
-// @public
-export const strokeWidthThick = "var(--strokeWidthThick)";
-
-// @public
-export const strokeWidthThicker = "var(--strokeWidthThicker)";
-
-// @public
-export const strokeWidthThickest = "var(--strokeWidthThickest)";
-
-// @public
-export const strokeWidthThin = "var(--strokeWidthThin)";
-
-// @public
-const styles: ElementStyles;
-export { styles as ButtonStyles }
-export { styles as MenuButtonStyles }
-
-// Warning: (ae-missing-release-tag) "Switch" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export class Switch extends BaseCheckbox {
-    constructor();
-}
-
-// @public
-export const SwitchDefinition: FASTElementDefinition<typeof Switch>;
-
-// @public
-export const SwitchLabelPosition: {
-    readonly above: "above";
-    readonly after: "after";
-    readonly before: "before";
-};
-
-// @public
-export type SwitchLabelPosition = ValuesOf<typeof SwitchLabelPosition>;
-
-// Warning: (ae-missing-release-tag) "SwitchOptions" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export type SwitchOptions = {
-    switch?: StaticallyComposableHTML<Switch>;
-};
-
-// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const SwitchStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const SwitchTemplate: ElementViewTemplate<Switch>;
-
-// Warning: (ae-missing-release-tag) "Tab" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-// Warning: (ae-missing-release-tag) "Tab" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export class Tab extends FASTElement {
-    // (undocumented)
-    connectedCallback(): void;
-    disabled: boolean;
-}
-
-// @public (undocumented)
-export interface Tab extends StartEnd {
-}
-
-// Warning: (ae-missing-release-tag) "definition" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const TabDefinition: FASTElementDefinition<typeof Tab>;
-
-// @public
-export class Tablist extends BaseTablist {
-    activeidChanged(oldValue: string, newValue: string): void;
-    appearance?: TablistAppearance;
-    // @internal (undocumented)
-    protected appearanceChanged(prev: TablistAppearance, next: TablistAppearance): void;
-    size?: TablistSize;
-    // @internal (undocumented)
-    protected sizeChanged(prev: TablistSize, next: TablistSize): void;
-    tabsChanged(): void;
-}
-
-// @public
-export const TablistAppearance: {
-    readonly subtle: "subtle";
-    readonly transparent: "transparent";
-};
-
-// @public
-export type TablistAppearance = ValuesOf<typeof TablistAppearance>;
-
-// @public (undocumented)
-export const TablistDefinition: FASTElementDefinition<typeof Tablist>;
-
-// @public
-export const TablistOrientation: {
-    readonly horizontal: "horizontal"; /**
-    * The appearance of the component
-    * @public
-    */
-    readonly vertical: "vertical";
-};
-
-// @public
-export type TablistOrientation = ValuesOf<typeof TablistOrientation>;
-
-// @public
-export const TablistSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-
-// @public
-export type TablistSize = ValuesOf<typeof TablistSize>;
-
-// @public (undocumented)
-export const TablistStyles: ElementStyles;
-
-// @public (undocumented)
-export const TablistTemplate: ViewTemplate<Tablist, any>;
-
-// @public
-export type TabOptions = StartEndOptions<Tab>;
-
-// Warning: (ae-missing-release-tag) "TabPanel" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export class TabPanel extends FASTElement {
-}
-
-// Warning: (ae-missing-release-tag) "definition" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const TabPanelDefinition: FASTElementDefinition<typeof TabPanel>;
-
-// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const TabPanelStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const TabPanelTemplate: ElementViewTemplate<TabPanel, any>;
-
-// Warning: (ae-forgotten-export) The symbol "BaseTabs" needs to be exported by the entry point index.d.ts
-// Warning: (ae-missing-release-tag) "Tabs" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-// Warning: (ae-missing-release-tag) "Tabs" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export class Tabs extends BaseTabs {
-    // (undocumented)
-    activeidChanged(oldValue: string, newValue: string): void;
-    appearance?: TabsAppearance;
-    disabled?: boolean;
-    size?: TabsSize;
-    // (undocumented)
-    tabsChanged(): void;
-}
-
-// @public (undocumented)
-export interface Tabs extends StartEnd {
-}
-
-// Warning: (ae-missing-release-tag) "TabsAppearance" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-// Warning: (ae-missing-release-tag) "TabsAppearance" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const TabsAppearance: {
-    readonly subtle: "subtle";
-    readonly transparent: "transparent";
-};
-
-// @public (undocumented)
-export type TabsAppearance = ValuesOf<typeof TabsAppearance>;
-
-// Warning: (ae-missing-release-tag) "definition" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const TabsDefinition: FASTElementDefinition<typeof Tabs>;
-
-// @public
-export type TabsOptions = StartEndOptions<Tabs>;
-
-// @public
-export const TabsOrientation: {
-    readonly horizontal: "horizontal";
-    readonly vertical: "vertical";
-};
-
-// @public
-export type TabsOrientation = ValuesOf<typeof TabsOrientation>;
-
-// Warning: (ae-missing-release-tag) "TabsSize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-// Warning: (ae-missing-release-tag) "TabsSize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const TabsSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-
-// @public (undocumented)
-export type TabsSize = ValuesOf<typeof TabsSize>;
-
-// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const TabsStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const TabsTemplate: ElementViewTemplate<Tabs, any>;
-
-// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const TabStyles: ElementStyles;
-
-// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const TabTemplate: ElementViewTemplate<Tab, any>;
-
-// @public
-class Text_2 extends FASTElement {
-    align?: TextAlign;
-    alignChanged(prev: TextAlign | undefined, next: TextAlign | undefined): void;
-    block: boolean;
-    // (undocumented)
-    connectedCallback(): void;
-    // (undocumented)
-    disconnectedCallback(): void;
-    // @internal
-    elementInternals: ElementInternals;
-    font?: TextFont;
-    fontChanged(prev: TextFont | undefined, next: TextFont | undefined): void;
-    // @internal
-    handleChange(source: any, propertyName: string): void;
-    italic: boolean;
-    nowrap: boolean;
-    size?: TextSize;
-    sizeChanged(prev: TextSize | undefined, next: TextSize | undefined): void;
-    strikethrough: boolean;
-    truncate: boolean;
-    underline: boolean;
-    weight?: TextWeight;
-    weightChanged(prev: TextWeight | undefined, next: TextWeight | undefined): void;
-}
-export { Text_2 as Text }
-
-// @public
-export const TextAlign: {
-    readonly start: "start";
-    readonly end: "end";
-    readonly center: "center";
-    readonly justify: "justify";
-};
-
-// @public
-export type TextAlign = ValuesOf<typeof TextAlign>;
-
-// Warning: (ae-missing-release-tag) "TextArea" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export class TextArea extends BaseTextArea {
-    appearance: TextAreaAppearance;
-    // (undocumented)
-    protected appearanceChanged(prev: TextAreaAppearance | undefined, next: TextAreaAppearance | undefined): void;
-    block: boolean;
-    // (undocumented)
-    protected blockChanged(): void;
-    // @internal (undocumented)
-    connectedCallback(): void;
-    // @internal (undocumented)
-    disconnectedCallback(): void;
-    // @internal (undocumented)
-    handleChange(_: any, propertyName: string): void;
-    // (undocumented)
-    protected labelSlottedNodesChanged(): void;
-    size?: TextAreaSize;
-    // (undocumented)
-    protected sizeChanged(prev: TextAreaSize | undefined, next: TextAreaSize | undefined): void;
-}
-
-// Warning: (ae-missing-release-tag) "TextAreaAppearance" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const TextAreaAppearance: {
-    readonly outline: "outline";
-    readonly filledLighter: "filled-lighter";
-    readonly filledDarker: "filled-darker";
-};
-
-// @public (undocumented)
-export type TextAreaAppearance = ValuesOf<typeof TextAreaAppearance>;
-
-// @public
-export const TextAreaAppearancesForDisplayShadow: Partial<TextAreaAppearance[]>;
-
-// Warning: (ae-missing-release-tag) "TextAreaAutocomplete" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const TextAreaAutocomplete: {
-    readonly on: "on";
-    readonly off: "off";
-};
-
-// @public (undocumented)
-export type TextAreaAutocomplete = ValuesOf<typeof TextAreaAutocomplete>;
-
-// @public
-export const TextAreaDefinition: FASTElementDefinition<typeof TextArea>;
-
-// Warning: (ae-missing-release-tag) "TextAreaResize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-// Warning: (ae-missing-release-tag) "TextAreaResize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const TextAreaResize: {
-    readonly none: "none";
-    readonly both: "both";
-    readonly horizontal: "horizontal";
-    readonly vertical: "vertical";
-};
-
-// @public (undocumented)
-export type TextAreaResize = ValuesOf<typeof TextAreaResize>;
-
-// Warning: (ae-missing-release-tag) "TextAreaSize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const TextAreaSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-
-// @public (undocumented)
-export type TextAreaSize = ValuesOf<typeof TextAreaSize>;
-
-// @public
-export const TextAreaStyles: ElementStyles;
-
-// Warning: (ae-internal-missing-underscore) The name "TextAreaTemplate" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal (undocumented)
-export const TextAreaTemplate: ElementViewTemplate<TextArea>;
-
-// @public
-export const TextDefinition: FASTElementDefinition<typeof Text_2>;
-
-// @public
-export const TextFont: {
-    readonly base: "base";
-    readonly numeric: "numeric";
-    readonly monospace: "monospace";
-};
-
-// @public
-export type TextFont = ValuesOf<typeof TextFont>;
-
-// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag
-// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "TextInput" because one of its declarations is marked as @internal
-//
-// @public
-export class TextInput extends BaseTextInput {
-    appearance?: TextInputAppearance;
-    appearanceChanged(prev: TextInputAppearance | undefined, next: TextInputAppearance | undefined): void;
-    controlSize?: TextInputControlSize;
-    controlSizeChanged(prev: TextInputControlSize | undefined, next: TextInputControlSize | undefined): void;
-}
-
-// @internal (undocumented)
-export interface TextInput extends StartEnd {
-}
-
-// Warning: (ae-missing-release-tag) "TextInputAppearance" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const TextInputAppearance: {
-    readonly outline: "outline";
-    readonly underline: "underline";
-    readonly filledLighter: "filled-lighter";
-    readonly filledDarker: "filled-darker";
-};
-
-// @public (undocumented)
-export type TextInputAppearance = ValuesOf<typeof TextInputAppearance>;
-
-// Warning: (ae-missing-release-tag) "TextInputControlSize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const TextInputControlSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-
-// @public (undocumented)
-export type TextInputControlSize = ValuesOf<typeof TextInputControlSize>;
-
-// @public
-export const TextInputDefinition: FASTElementDefinition<typeof TextInput>;
-
-// @public
-export type TextInputOptions = StartEndOptions<TextInput>;
-
-// @public
-export const TextInputStyles: ElementStyles;
-
-// Warning: (ae-internal-missing-underscore) The name "TextInputTemplate" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal (undocumented)
-export const TextInputTemplate: ElementViewTemplate<TextInput>;
-
-// Warning: (ae-missing-release-tag) "TextInputType" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public
-export const TextInputType: {
-    readonly email: "email";
-    readonly password: "password";
-    readonly tel: "tel";
-    readonly text: "text";
-    readonly url: "url";
-};
-
-// @public (undocumented)
-export type TextInputType = ValuesOf<typeof TextInputType>;
-
-// @public
-export const TextSize: {
-    readonly _100: "100";
-    readonly _200: "200";
-    readonly _300: "300";
-    readonly _400: "400";
-    readonly _500: "500";
-    readonly _600: "600";
-    readonly _700: "700";
-    readonly _800: "800";
-    readonly _900: "900";
-    readonly _1000: "1000";
-};
-
-// @public
-export type TextSize = ValuesOf<typeof TextSize>;
-
-// @public
-export const TextStyles: ElementStyles;
-
-// Warning: (ae-internal-missing-underscore) The name "TextTemplate" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal (undocumented)
-export const TextTemplate: ElementViewTemplate<Text_2>;
-
-// @public
-export const TextWeight: {
-    readonly medium: "medium";
-    readonly regular: "regular";
-    readonly semibold: "semibold";
-    readonly bold: "bold";
-};
-
-// @public
-export type TextWeight = ValuesOf<typeof TextWeight>;
-
-// Warning: (ae-internal-missing-underscore) The name "Theme" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export type Theme = Record<string, string | number>;
-
-// @public
-export class ToggleButton extends Button {
-    // (undocumented)
-    connectedCallback(): void;
-    mixed?: boolean;
-    // @internal
-    protected mixedChanged(): void;
-    // @override
-    protected press(): void;
-    pressed: boolean;
-    // @internal
-    protected pressedChanged(): void;
-}
-
-// @public
-export const ToggleButtonAppearance: {
-    readonly primary: "primary";
-    readonly outline: "outline";
-    readonly subtle: "subtle";
-    readonly transparent: "transparent";
-};
-
-// @public
-export type ToggleButtonAppearance = ValuesOf<typeof ToggleButtonAppearance>;
-
-// @public (undocumented)
-export const ToggleButtonDefinition: FASTElementDefinition<typeof ToggleButton>;
-
-// @public
-export const ToggleButtonShape: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-
-// @public
-export type ToggleButtonShape = ValuesOf<typeof ToggleButtonShape>;
-
-// @public
-export const ToggleButtonSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-
-// @public
-export type ToggleButtonSize = ValuesOf<typeof ToggleButtonSize>;
-
-// @public
-export const ToggleButtonStyles: ElementStyles;
-
-// @public
-export const ToggleButtonTemplate: ElementViewTemplate<ToggleButton>;
-
-// @public
-export class Tooltip extends FASTElement {
-    constructor();
-    anchor: string;
-    // @internal
-    protected anchorPositioningStyleElement: HTMLStyleElement | null;
-    blurAnchorHandler: () => void;
-    // (undocumented)
-    connectedCallback(): void;
-    delay?: number;
-    // (undocumented)
-    disconnectedCallback(): void;
-    elementInternals: ElementInternals;
-    focusAnchorHandler: () => void;
-    // @internal
-    hideTooltip(delay?: number): void;
-    id: string;
-    mouseenterAnchorHandler: () => void;
-    mouseleaveAnchorHandler: () => void;
-    positioning?: TooltipPositioningOption;
-    // @internal
-    positioningChanged(): void;
-    // @internal
-    showTooltip(delay?: number): void;
-}
-
-// @public
-export const TooltipDefinition: FASTElementDefinition<typeof Tooltip>;
-
-// @public
-export const TooltipPositioningOption: {
-    readonly 'above-start': "block-start span-inline-end";
-    readonly above: "block-start";
-    readonly 'above-end': "block-start span-inline-start";
-    readonly 'below-start': "block-end span-inline-end";
-    readonly below: "block-end";
-    readonly 'below-end': "block-end span-inline-start";
-    readonly 'before-top': "inline-start span-block-end";
-    readonly before: "inline-start";
-    readonly 'before-bottom': "inline-start span-block-start";
-    readonly 'after-top': "inline-end span-block-end";
-    readonly after: "inline-end";
-    readonly 'after-bottom': "inline-end span-block-start";
-};
-
-// @public
-export type TooltipPositioningOption = ValuesOf<typeof TooltipPositioningOption>;
-
-// @public
-export const TooltipStyles: ElementStyles;
-
-// @public
-export const TooltipTemplate: ViewTemplate<Tooltip, any>;
-
-// Warning: (ae-missing-release-tag) "typographyBody1StrongerStyles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographyBody1StrongerStyles: CSSDirective;
-
-// Warning: (ae-missing-release-tag) "typographyBody1StrongStyles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographyBody1StrongStyles: CSSDirective;
-
-// Warning: (ae-missing-release-tag) "typographyBody1Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographyBody1Styles: CSSDirective;
-
-// Warning: (ae-missing-release-tag) "typographyBody2Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographyBody2Styles: CSSDirective;
-
-// Warning: (ae-missing-release-tag) "typographyCaption1StrongerStyles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographyCaption1StrongerStyles: CSSDirective;
-
-// Warning: (ae-missing-release-tag) "typographyCaption1StrongStyles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographyCaption1StrongStyles: CSSDirective;
-
-// Warning: (ae-missing-release-tag) "typographyCaption1Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographyCaption1Styles: CSSDirective;
-
-// Warning: (ae-missing-release-tag) "typographyCaption2StrongStyles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographyCaption2StrongStyles: CSSDirective;
-
-// Warning: (ae-missing-release-tag) "typographyCaption2Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographyCaption2Styles: CSSDirective;
-
-// Warning: (ae-missing-release-tag) "typographyDisplayStyles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographyDisplayStyles: CSSDirective;
-
-// Warning: (ae-missing-release-tag) "typographyLargeTitleStyles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographyLargeTitleStyles: CSSDirective;
-
-// Warning: (ae-missing-release-tag) "typographySubtitle1Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographySubtitle1Styles: CSSDirective;
-
-// Warning: (ae-missing-release-tag) "typographySubtitle2StrongerStyles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographySubtitle2StrongerStyles: CSSDirective;
-
-// Warning: (ae-missing-release-tag) "typographySubtitle2Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographySubtitle2Styles: CSSDirective;
-
-// Warning: (ae-missing-release-tag) "typographyTitle1Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographyTitle1Styles: CSSDirective;
-
-// Warning: (ae-missing-release-tag) "typographyTitle2Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographyTitle2Styles: CSSDirective;
-
-// Warning: (ae-missing-release-tag) "typographyTitle3Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
-//
-// @public (undocumented)
-export const typographyTitle3Styles: CSSDirective;
-
-// @public
-export const ValidationFlags: {
-    readonly badInput: "bad-input";
-    readonly customError: "custom-error";
-    readonly patternMismatch: "pattern-mismatch";
-    readonly rangeOverflow: "range-overflow";
-    readonly rangeUnderflow: "range-underflow";
-    readonly stepMismatch: "step-mismatch";
-    readonly tooLong: "too-long";
-    readonly tooShort: "too-short";
-    readonly typeMismatch: "type-mismatch";
-    readonly valueMissing: "value-missing";
-    readonly valid: "valid";
-};
-
-// @public (undocumented)
-export type ValidationFlags = ValuesOf<typeof ValidationFlags>;
-
-// @public
-export const zIndexBackground = "var(--zIndexBackground)";
-
-// @public
-export const zIndexContent = "var(--zIndexContent)";
-
-// @public
-export const zIndexDebug = "var(--zIndexDebug)";
-
-// @public
-export const zIndexFloating = "var(--zIndexFloating)";
-
-// @public
-export const zIndexMessages = "var(--zIndexMessages)";
-
-// @public
-export const zIndexOverlay = "var(--zIndexOverlay)";
-
-// @public
-export const zIndexPopup = "var(--zIndexPopup)";
-
-// @public
-export const zIndexPriority = "var(--zIndexPriority)";
-
-// Warnings were encountered during analysis:
-//
-// dist/dts/accordion-item/accordion-item.d.ts:11:5 - (ae-forgotten-export) The symbol "StaticallyComposableHTML" needs to be exported by the entry point index.d.ts
-
-// (No @packageDocumentation comment for this package)
-
-```