## 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 { Accordion } from '@microsoft/fast-foundation';
import { AccordionItem } from '@microsoft/fast-foundation';
import { AccordionItemOptions } from '@microsoft/fast-foundation';
import { Anchor as Anchor_2 } from '@microsoft/fast-foundation';
import { AnchoredRegion } from '@microsoft/fast-foundation';
import { Badge as Badge_2 } from '@microsoft/fast-foundation';
import { BaseProgress } from '@microsoft/fast-foundation';
import { Behavior } from '@microsoft/fast-element';
import { Breadcrumb } from '@microsoft/fast-foundation';
import { BreadcrumbItem } from '@microsoft/fast-foundation';
import { BreadcrumbItemOptions } from '@microsoft/fast-foundation';
import { Button as Button_2 } from '@microsoft/fast-foundation';
import { CalendarOptions } from '@microsoft/fast-foundation';
import { Card as Card_2 } from '@microsoft/fast-foundation';
import { CheckboxOptions } from '@microsoft/fast-foundation';
import { Combobox as Combobox_2 } from '@microsoft/fast-foundation';
import { ComboboxOptions } from '@microsoft/fast-foundation';
import { Constructable } from '@microsoft/fast-element';
import type { Container } from '@microsoft/fast-foundation';
import { CSSDesignToken } from '@microsoft/fast-foundation';
import { CSSDirective } from '@microsoft/fast-element';
import { DataGrid } from '@microsoft/fast-foundation';
import { DataGridCell } from '@microsoft/fast-foundation';
import { DataGridRow } from '@microsoft/fast-foundation';
import { DesignSystem } from '@microsoft/fast-foundation';
import { DesignToken } from '@microsoft/fast-foundation';
import { Dialog } from '@microsoft/fast-foundation';
import { Direction } from '@microsoft/fast-web-utilities';
import { Divider } from '@microsoft/fast-foundation';
import { ElementDefinitionContext } from '@microsoft/fast-foundation';
import { ElementStyles } from '@microsoft/fast-element';
import { FASTElement } from '@microsoft/fast-element';
import { Flipper } from '@microsoft/fast-foundation';
import { FlipperOptions } from '@microsoft/fast-foundation';
import { FoundationElement } from '@microsoft/fast-foundation';
import { FoundationElementDefinition } from '@microsoft/fast-foundation';
import { FoundationElementRegistry } from '@microsoft/fast-foundation';
import { HorizontalScroll as HorizontalScroll_2 } from '@microsoft/fast-foundation';
import { HorizontalScrollOptions } from '@microsoft/fast-foundation';
import { Listbox as Listbox_2 } from '@microsoft/fast-foundation';
import { ListboxOption } from '@microsoft/fast-foundation';
import { Menu as Menu_2 } from '@microsoft/fast-foundation';
import { MenuItem } from '@microsoft/fast-foundation';
import { MenuItemOptions } from '@microsoft/fast-foundation';
import { NumberField as NumberField_2 } from '@microsoft/fast-foundation';
import { NumberFieldOptions } from '@microsoft/fast-foundation';
import { OverrideFoundationElementDefinition } from '@microsoft/fast-foundation';
import { ProgressOptions } from '@microsoft/fast-foundation';
import { ProgressRingOptions } from '@microsoft/fast-foundation';
import { Radio } from '@microsoft/fast-foundation';
import { RadioGroup } from '@microsoft/fast-foundation';
import { RadioOptions } from '@microsoft/fast-foundation';
import { Search as Search_2 } from '@microsoft/fast-foundation';
import { SearchOptions } from '@microsoft/fast-foundation';
import { Select as Select_2 } from '@microsoft/fast-foundation';
import { SelectOptions } from '@microsoft/fast-foundation';
import { Skeleton } from '@microsoft/fast-foundation';
import { Slider } from '@microsoft/fast-foundation';
import { SliderLabel } from '@microsoft/fast-foundation';
import { SliderOptions } from '@microsoft/fast-foundation';
import { Switch } from '@microsoft/fast-foundation';
import { SwitchOptions } from '@microsoft/fast-foundation';
import { Tab } from '@microsoft/fast-foundation';
import { TabPanel } from '@microsoft/fast-foundation';
import { Tabs } from '@microsoft/fast-foundation';
import { TextArea as TextArea_2 } from '@microsoft/fast-foundation';
import { TextField as TextField_2 } from '@microsoft/fast-foundation';
import { Toolbar as Toolbar_2 } from '@microsoft/fast-foundation';
import { Tooltip as Tooltip_2 } from '@microsoft/fast-foundation';
import { TreeItem } from '@microsoft/fast-foundation';
import { TreeItemOptions } from '@microsoft/fast-foundation';
import { TreeView } from '@microsoft/fast-foundation';
import { ViewTemplate } from '@microsoft/fast-element';

// @public (undocumented)
export const accentBaseColor: CSSDesignToken<Swatch>;

// Warning: (ae-internal-missing-underscore) The name "AccentButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const AccentButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => ElementStyles;

// @public (undocumented)
export const accentFillActive: CSSDesignToken<Swatch>;

// @public (undocumented)
export const accentFillActiveDelta: DesignToken<number>;

// @public (undocumented)
export const accentFillFocus: CSSDesignToken<Swatch>;

// @public (undocumented)
export const accentFillFocusDelta: DesignToken<number>;

// @public (undocumented)
export const accentFillHover: CSSDesignToken<Swatch>;

// @public (undocumented)
export const accentFillHoverDelta: DesignToken<number>;

// @public (undocumented)
export const accentFillRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const accentFillRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const accentFillRestDelta: DesignToken<number>;

// @public (undocumented)
export const accentForegroundActive: CSSDesignToken<Swatch>;

// @public (undocumented)
export const accentForegroundActiveDelta: DesignToken<number>;

// @public @deprecated (undocumented)
export const accentForegroundCut: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const accentForegroundCutLarge: CSSDesignToken<Swatch>;

// @public (undocumented)
export const accentForegroundFocus: CSSDesignToken<Swatch>;

// @public (undocumented)
export const accentForegroundFocusDelta: DesignToken<number>;

// @public (undocumented)
export const accentForegroundHover: CSSDesignToken<Swatch>;

// @public (undocumented)
export const accentForegroundHoverDelta: DesignToken<number>;

// @public (undocumented)
export const accentForegroundRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const accentForegroundRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const accentForegroundRestDelta: DesignToken<number>;

// @public (undocumented)
export const accentPalette: DesignToken<Palette<Swatch>>;

// @public (undocumented)
export const accentStrokeControlActive: CSSDesignToken<Swatch>;

// @public (undocumented)
export const accentStrokeControlFocus: CSSDesignToken<Swatch>;

// @public (undocumented)
export const accentStrokeControlHover: CSSDesignToken<Swatch>;

// @public (undocumented)
export const accentStrokeControlRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const accentStrokeControlRest: CSSDesignToken<Swatch>;

export { Accordion }

export { AccordionItem }

// @public
export const accordionItemStyles: (context: ElementDefinitionContext, definition: AccordionItemOptions) => ElementStyles;

// @public
export const accordionStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// @public
export const allComponents: {
    fluentAccordion: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Accordion>;
    fluentAccordionItem: (overrideDefinition?: OverrideFoundationElementDefinition<AccordionItemOptions> | undefined) => FoundationElementRegistry<AccordionItemOptions, Constructable<FoundationElement>>;
    fluentAnchor: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Anchor>;
    fluentAnchoredRegion: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof AnchoredRegion>;
    fluentBadge: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Badge>;
    fluentBreadcrumb: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Breadcrumb>;
    fluentBreadcrumbItem: (overrideDefinition?: OverrideFoundationElementDefinition<BreadcrumbItemOptions> | undefined) => FoundationElementRegistry<BreadcrumbItemOptions, Constructable<FoundationElement>>;
    fluentButton: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Button>;
    fluentCalendar: (overrideDefinition?: OverrideFoundationElementDefinition<CalendarOptions> | undefined) => FoundationElementRegistry<CalendarOptions, Constructable<FoundationElement>>;
    fluentCard: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Card>;
    fluentCheckbox: (overrideDefinition?: OverrideFoundationElementDefinition<CheckboxOptions> | undefined) => FoundationElementRegistry<CheckboxOptions, Constructable<FoundationElement>>;
    fluentCombobox: (overrideDefinition?: OverrideFoundationElementDefinition<ComboboxOptions> | undefined) => FoundationElementRegistry<ComboboxOptions, Constructable<FoundationElement>>;
    fluentDataGrid: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof DataGrid>;
    fluentDataGridCell: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, DataGridCell>;
    fluentDataGridRow: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, DataGridRow>;
    fluentDesignSystemProvider: (overrideDefinition?: OverrideFoundationElementDefinition<    {
    baseName: string;
    template: ViewTemplate<any, any>;
    styles: ElementStyles;
    }> | undefined) => FoundationElementRegistry<    {
    baseName: string;
    template: ViewTemplate<any, any>;
    styles: ElementStyles;
    }, DesignSystemProvider>;
    fluentDialog: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Dialog>;
    fluentDivider: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Divider>;
    fluentFlipper: (overrideDefinition?: OverrideFoundationElementDefinition<FlipperOptions> | undefined) => FoundationElementRegistry<FlipperOptions, Constructable<FoundationElement>>;
    fluentHorizontalScroll: (overrideDefinition?: OverrideFoundationElementDefinition<HorizontalScrollOptions> | undefined) => FoundationElementRegistry<HorizontalScrollOptions, Constructable<FoundationElement>>;
    fluentListbox: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Listbox>;
    fluentOption: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof ListboxOption>;
    fluentMenu: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Menu>;
    fluentMenuItem: (overrideDefinition?: OverrideFoundationElementDefinition<MenuItemOptions> | undefined) => FoundationElementRegistry<MenuItemOptions, Constructable<FoundationElement>>;
    fluentNumberField: (overrideDefinition?: OverrideFoundationElementDefinition<NumberFieldOptions> | undefined) => FoundationElementRegistry<NumberFieldOptions, Constructable<FoundationElement>>;
    fluentProgress: (overrideDefinition?: OverrideFoundationElementDefinition<ProgressOptions> | undefined) => FoundationElementRegistry<ProgressOptions, Constructable<FoundationElement>>;
    fluentProgressRing: (overrideDefinition?: OverrideFoundationElementDefinition<ProgressRingOptions> | undefined) => FoundationElementRegistry<ProgressRingOptions, Constructable<FoundationElement>>;
    fluentRadio: (overrideDefinition?: OverrideFoundationElementDefinition<RadioOptions> | undefined) => FoundationElementRegistry<RadioOptions, Constructable<FoundationElement>>;
    fluentRadioGroup: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof RadioGroup>;
    fluentSearch: (overrideDefinition?: OverrideFoundationElementDefinition<SearchOptions> | undefined) => FoundationElementRegistry<SearchOptions, Constructable<FoundationElement>>;
    fluentSelect: (overrideDefinition?: OverrideFoundationElementDefinition<SelectOptions> | undefined) => FoundationElementRegistry<SelectOptions, Constructable<FoundationElement>>;
    fluentSkeleton: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Skeleton>;
    fluentSlider: (overrideDefinition?: OverrideFoundationElementDefinition<SliderOptions> | undefined) => FoundationElementRegistry<SliderOptions, Constructable<FoundationElement>>;
    fluentSliderLabel: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof SliderLabel>;
    fluentSwitch: (overrideDefinition?: OverrideFoundationElementDefinition<SwitchOptions> | undefined) => FoundationElementRegistry<SwitchOptions, Constructable<FoundationElement>>;
    fluentTabs: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Tabs>;
    fluentTab: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Tab>;
    fluentTabPanel: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, TabPanel>;
    fluentTextArea: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, TextArea>;
    fluentTextField: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, TextField>;
    fluentToolbar: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Toolbar>;
    fluentTooltip: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Tooltip>;
    fluentTreeView: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof TreeView>;
    fluentTreeItem: (overrideDefinition?: OverrideFoundationElementDefinition<TreeItemOptions> | undefined) => FoundationElementRegistry<TreeItemOptions, Constructable<FoundationElement>>;
    register(container?: Container, ...rest: any[]): void;
};

// Warning: (ae-internal-missing-underscore) The name "ambientShadow" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal @deprecated
export const ambientShadow = "0 0 2px rgba(0, 0, 0, 0.14)";

// Warning: (ae-internal-missing-underscore) The name "Anchor" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export class Anchor extends Anchor_2 {
    // @public
    appearance?: AnchorAppearance;
    // (undocumented)
    appearanceChanged(oldValue: AnchorAppearance, newValue: AnchorAppearance): void;
    // (undocumented)
    connectedCallback(): void;
    defaultSlottedContentChanged(): void;
}

// @public
export type AnchorAppearance = ButtonAppearance | 'hypertext';

export { AnchoredRegion }

// @public
export const anchoredRegionStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// @public
export const anchorStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// Warning: (ae-internal-missing-underscore) The name "Badge" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export class Badge extends Badge_2 {
    // (undocumented)
    appearance: BadgeAppearance;
}

// @public
export type BadgeAppearance = 'accent' | 'lightweight' | 'neutral' | string;

// @public
export const badgeStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// Warning: (ae-internal-missing-underscore) The name "baseButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export const baseButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => ElementStyles;

// @public (undocumented)
export const baseHeightMultiplier: CSSDesignToken<number>;

// @public (undocumented)
export const baseHorizontalSpacingMultiplier: CSSDesignToken<number>;

// Warning: (ae-internal-missing-underscore) The name "baseInputStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export const baseInputStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, logicalControlSelector: string) => ElementStyles;

// @public (undocumented)
export const baseLayerLuminance: CSSDesignToken<number>;

// @public (undocumented)
export const bodyFont: CSSDesignToken<string>;

export { Breadcrumb }

export { BreadcrumbItem }

// @public
export const breadcrumbItemStyles: (context: ElementDefinitionContext, definition: BreadcrumbItemOptions) => ElementStyles;

// @public
export const breadcrumbStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// Warning: (ae-internal-missing-underscore) The name "Button" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export class Button extends Button_2 {
    // @public
    appearance: ButtonAppearance;
    // (undocumented)
    appearanceChanged(oldValue: ButtonAppearance, newValue: ButtonAppearance): void;
    // (undocumented)
    connectedCallback(): void;
    defaultSlottedContentChanged(): void;
}

// @public
export type ButtonAppearance = 'accent' | 'lightweight' | 'neutral' | 'outline' | 'stealth';

// @public
export const buttonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// @public (undocumented)
export class Card extends Card_2 {
    cardFillColor: string;
    // (undocumented)
    connectedCallback(): void;
    // @internal (undocumented)
    handleChange(source: any, propertyName: string): void;
    neutralPaletteSource: string;
}

// @public
export const cardStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// @public
export const checkboxStyles: (context: ElementDefinitionContext, definition: CheckboxOptions) => ElementStyles;

// @public (undocumented)
export interface ColorRecipe {
    // (undocumented)
    evaluate(element: HTMLElement, reference?: Swatch): Swatch;
}

// Warning: (ae-internal-missing-underscore) The name "Combobox" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export class Combobox extends Combobox_2 {
    // @public
    appearance: ComboboxAppearance;
    // (undocumented)
    appearanceChanged(oldValue: ComboboxAppearance, newValue: ComboboxAppearance): void;
    // (undocumented)
    connectedCallback(): void;
}

// @public
export type ComboboxAppearance = 'filled' | 'outline';

// @public
export const comboboxStyles: (context: ElementDefinitionContext, definition: ComboboxOptions) => ElementStyles;

// @public (undocumented)
export const controlCornerRadius: CSSDesignToken<number>;

// @public @deprecated (undocumented)
export const cornerRadius: CSSDesignToken<number>;

export { DataGrid }

export { DataGridCell }

// @public
export const dataGridCellStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

export { DataGridRow }

// @public
export const dataGridRowStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// @public
export const dataGridStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// @public (undocumented)
export const density: CSSDesignToken<number>;

// @public
export class DesignSystemProvider extends FoundationElement {
    constructor();
    accentBaseColor: Swatch;
    accentFillActiveDelta: number;
    accentFillFocusDelta: number;
    accentFillHoverDelta: number;
    accentFillRestDelta: number;
    accentForegroundActiveDelta: number;
    accentForegroundFocusDelta: number;
    accentForegroundHoverDelta: number;
    accentForegroundRestDelta: number;
    baseHeightMultiplier: number;
    baseHorizontalSpacingMultiplier: number;
    baseLayerLuminance: number;
    // (undocumented)
    connectedCallback(): void;
    controlCornerRadius: number;
    density: number;
    designUnit: number;
    direction: Direction;
    disabledOpacity: number;
    fillColor: Swatch;
    focusStrokeWidth: number;
    layerCornerRadius: number;
    neutralBaseColor: Swatch;
    neutralFillActiveDelta: number;
    neutralFillFocusDelta: number;
    neutralFillHoverDelta: number;
    neutralFillInputActiveDelta: number;
    neutralFillInputFocusDelta: number;
    neutralFillInputHoverDelta: number;
    neutralFillInputRestDelta: number;
    neutralFillLayerRestDelta: number;
    neutralFillRestDelta: number;
    neutralFillStealthActiveDelta: number;
    neutralFillStealthFocusDelta: number;
    neutralFillStealthHoverDelta: number;
    neutralFillStealthRestDelta: number;
    neutralFillStrongActiveDelta: number;
    neutralFillStrongFocusDelta: number;
    neutralFillStrongHoverDelta: number;
    neutralStrokeActiveDelta: number;
    neutralStrokeDividerRestDelta: number;
    neutralStrokeFocusDelta: number;
    neutralStrokeHoverDelta: number;
    neutralStrokeRestDelta: number;
    noPaint: boolean;
    strokeWidth: number;
    typeRampBaseFontSize: string;
    typeRampBaseLineHeight: string;
    typeRampMinus1FontSize: string;
    typeRampMinus1LineHeight: string;
    typeRampMinus2FontSize: string;
    typeRampMinus2LineHeight: string;
    typeRampPlus1FontSize: string;
    typeRampPlus1LineHeight: string;
    typeRampPlus2FontSize: string;
    typeRampPlus2LineHeight: string;
    typeRampPlus3FontSize: string;
    typeRampPlus3LineHeight: string;
    typeRampPlus4FontSize: string;
    typeRampPlus4LineHeight: string;
    typeRampPlus5FontSize: string;
    typeRampPlus5LineHeight: string;
    typeRampPlus6FontSize: string;
    typeRampPlus6LineHeight: string;
}

// @public (undocumented)
export const designUnit: CSSDesignToken<number>;

export { Dialog }

// @public
export const dialogStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// @public (undocumented)
export const direction: CSSDesignToken<Direction>;

// Warning: (ae-internal-missing-underscore) The name "directionalShadow" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal @deprecated (undocumented)
export const directionalShadow = "0 calc(var(--elevation) * 0.5px) calc((var(--elevation) * 1px)) rgba(0, 0, 0, 0.2)";

// @public
export class DirectionalStyleSheetBehavior implements Behavior {
    constructor(ltr: ElementStyles | null, rtl: ElementStyles | null);
    // @internal (undocumented)
    bind(source: FASTElement & HTMLElement): void;
    // @internal (undocumented)
    unbind(source: FASTElement & HTMLElement): void;
}

// @public (undocumented)
export const disabledOpacity: CSSDesignToken<number>;

export { Divider }

// @public
export const dividerStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// @public @deprecated (undocumented)
export const elevatedCornerRadius: CSSDesignToken<number>;

// @public @deprecated
export const elevation: string;

// @public (undocumented)
export interface ElevationRecipe {
    // (undocumented)
    evaluate(element: HTMLElement, size: number, reference?: Swatch): string;
}

// @public (undocumented)
export const elevationShadowCardActive: CSSDesignToken<string>;

// @public (undocumented)
export const elevationShadowCardActiveSize: CSSDesignToken<number>;

// @public (undocumented)
export const elevationShadowCardFocus: CSSDesignToken<string>;

// @public (undocumented)
export const elevationShadowCardFocusSize: CSSDesignToken<number>;

// @public (undocumented)
export const elevationShadowCardHover: CSSDesignToken<string>;

// @public (undocumented)
export const elevationShadowCardHoverSize: CSSDesignToken<number>;

// @public (undocumented)
export const elevationShadowCardRest: CSSDesignToken<string>;

// @public (undocumented)
export const elevationShadowCardRestSize: CSSDesignToken<number>;

// @public (undocumented)
export const elevationShadowDialog: CSSDesignToken<string>;

// @public (undocumented)
export const elevationShadowDialogSize: CSSDesignToken<number>;

// @public (undocumented)
export const elevationShadowFlyout: CSSDesignToken<string>;

// @public (undocumented)
export const elevationShadowFlyoutSize: CSSDesignToken<number>;

// @public (undocumented)
export const elevationShadowRecipe: DesignToken<ElevationRecipe>;

// @public (undocumented)
export const elevationShadowTooltip: CSSDesignToken<string>;

// @public (undocumented)
export const elevationShadowTooltipSize: CSSDesignToken<number>;

// @public (undocumented)
export const fillColor: CSSDesignToken<Swatch>;

export { Flipper }

// @public
export const flipperStyles: (context: ElementDefinitionContext, definition: FlipperOptions) => ElementStyles;

// @public
export const fluentAccordion: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Accordion>;

// @public
export const fluentAccordionItem: (overrideDefinition?: OverrideFoundationElementDefinition<AccordionItemOptions> | undefined) => FoundationElementRegistry<AccordionItemOptions, Constructable<FoundationElement>>;

// Warning: (ae-incompatible-release-tags) The symbol "fluentAnchor" is marked as @public, but its signature references "Anchor" which is marked as @internal
//
// @public
export const fluentAnchor: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Anchor>;

// @beta
export const fluentAnchoredRegion: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof AnchoredRegion>;

// Warning: (ae-incompatible-release-tags) The symbol "fluentBadge" is marked as @public, but its signature references "Badge" which is marked as @internal
//
// @public
export const fluentBadge: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Badge>;

// @public
export const fluentBreadcrumb: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Breadcrumb>;

// @public
export const fluentBreadcrumbItem: (overrideDefinition?: OverrideFoundationElementDefinition<BreadcrumbItemOptions> | undefined) => FoundationElementRegistry<BreadcrumbItemOptions, Constructable<FoundationElement>>;

// Warning: (ae-incompatible-release-tags) The symbol "fluentButton" is marked as @public, but its signature references "Button" which is marked as @internal
//
// @public
export const fluentButton: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Button>;

// @public
export const fluentCalendar: (overrideDefinition?: OverrideFoundationElementDefinition<CalendarOptions> | undefined) => FoundationElementRegistry<CalendarOptions, Constructable<FoundationElement>>;

// @public
export const fluentCard: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Card>;

// @public
export const fluentCheckbox: (overrideDefinition?: OverrideFoundationElementDefinition<CheckboxOptions> | undefined) => FoundationElementRegistry<CheckboxOptions, Constructable<FoundationElement>>;

// @public
export const fluentCombobox: (overrideDefinition?: OverrideFoundationElementDefinition<ComboboxOptions> | undefined) => FoundationElementRegistry<ComboboxOptions, Constructable<FoundationElement>>;

// @public
export const fluentDataGrid: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof DataGrid>;

// @public
export const fluentDataGridCell: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof DataGridCell>;

// @public
export const fluentDataGridRow: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof DataGridRow>;

// @public
export const fluentDesignSystemProvider: (overrideDefinition?: OverrideFoundationElementDefinition<    {
baseName: string;
template: ViewTemplate<any, any>;
styles: ElementStyles;
}> | undefined) => FoundationElementRegistry<    {
baseName: string;
template: ViewTemplate<any, any>;
styles: ElementStyles;
}, typeof DesignSystemProvider>;

// @public
export const fluentDialog: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Dialog>;

// @public
export const fluentDivider: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Divider>;

// @public
export const fluentFlipper: (overrideDefinition?: OverrideFoundationElementDefinition<FlipperOptions> | undefined) => FoundationElementRegistry<FlipperOptions, Constructable<FoundationElement>>;

// @public
export const fluentHorizontalScroll: (overrideDefinition?: OverrideFoundationElementDefinition<HorizontalScrollOptions> | undefined) => FoundationElementRegistry<HorizontalScrollOptions, Constructable<FoundationElement>>;

// @public
export const fluentListbox: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Listbox>;

// @public
export const fluentMenu: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Menu>;

// @public
export const fluentMenuItem: (overrideDefinition?: OverrideFoundationElementDefinition<MenuItemOptions> | undefined) => FoundationElementRegistry<MenuItemOptions, Constructable<FoundationElement>>;

// @public
export const fluentNumberField: (overrideDefinition?: OverrideFoundationElementDefinition<NumberFieldOptions> | undefined) => FoundationElementRegistry<NumberFieldOptions, Constructable<FoundationElement>>;

// @public
export const fluentOption: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof ListboxOption>;

// @public
export const fluentProgress: (overrideDefinition?: OverrideFoundationElementDefinition<ProgressOptions> | undefined) => FoundationElementRegistry<ProgressOptions, Constructable<FoundationElement>>;

// @public
export const fluentProgressRing: (overrideDefinition?: OverrideFoundationElementDefinition<ProgressRingOptions> | undefined) => FoundationElementRegistry<ProgressRingOptions, Constructable<FoundationElement>>;

// @public
export const fluentRadio: (overrideDefinition?: OverrideFoundationElementDefinition<RadioOptions> | undefined) => FoundationElementRegistry<RadioOptions, Constructable<FoundationElement>>;

// @public
export const fluentRadioGroup: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof RadioGroup>;

// @public
export const fluentSearch: (overrideDefinition?: OverrideFoundationElementDefinition<SearchOptions> | undefined) => FoundationElementRegistry<SearchOptions, Constructable<FoundationElement>>;

// @public
export const fluentSelect: (overrideDefinition?: OverrideFoundationElementDefinition<SelectOptions> | undefined) => FoundationElementRegistry<SelectOptions, Constructable<FoundationElement>>;

// @public
export const fluentSkeleton: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Skeleton>;

// @public
export const fluentSlider: (overrideDefinition?: OverrideFoundationElementDefinition<SliderOptions> | undefined) => FoundationElementRegistry<SliderOptions, Constructable<FoundationElement>>;

// @public
export const fluentSliderLabel: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof SliderLabel>;

// @public
export const fluentSwitch: (overrideDefinition?: OverrideFoundationElementDefinition<SwitchOptions> | undefined) => FoundationElementRegistry<SwitchOptions, Constructable<FoundationElement>>;

// @public
export const fluentTab: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Tab>;

// @public
export const fluentTabPanel: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof TabPanel>;

// @public
export const fluentTabs: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Tabs>;

// Warning: (ae-incompatible-release-tags) The symbol "fluentTextArea" is marked as @public, but its signature references "TextArea" which is marked as @internal
//
// @public
export const fluentTextArea: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof TextArea>;

// Warning: (ae-incompatible-release-tags) The symbol "fluentTextField" is marked as @public, but its signature references "TextField" which is marked as @internal
//
// @public
export const fluentTextField: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof TextField>;

// Warning: (ae-incompatible-release-tags) The symbol "fluentToolbar" is marked as @public, but its signature references "Toolbar" which is marked as @internal
//
// @public
export const fluentToolbar: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Toolbar>;

// Warning: (ae-incompatible-release-tags) The symbol "fluentTooltip" is marked as @public, but its signature references "Tooltip" which is marked as @internal
//
// @public
export const fluentTooltip: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Tooltip>;

// @public
export const fluentTreeItem: (overrideDefinition?: OverrideFoundationElementDefinition<TreeItemOptions> | undefined) => FoundationElementRegistry<TreeItemOptions, Constructable<FoundationElement>>;

// @public
export const fluentTreeView: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof TreeView>;

// @public @deprecated (undocumented)
export const focusOutlineWidth: CSSDesignToken<number>;

// @public (undocumented)
export const focusStrokeInner: CSSDesignToken<Swatch>;

// @public (undocumented)
export const focusStrokeInnerRecipe: DesignToken<ColorRecipe>;

// @public (undocumented)
export const focusStrokeOuter: CSSDesignToken<Swatch>;

// @public (undocumented)
export const focusStrokeOuterRecipe: DesignToken<ColorRecipe>;

// @public (undocumented)
export const focusStrokeWidth: CSSDesignToken<number>;

// @public
export const focusTreatmentBase: CSSDirective;

// @public
export const focusTreatmentTight: CSSDirective;

// @public (undocumented)
export const fontWeight: CSSDesignToken<number>;

// @public (undocumented)
export const foregroundOnAccentActive: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const foregroundOnAccentActiveLarge: CSSDesignToken<Swatch>;

// @public (undocumented)
export const foregroundOnAccentFocus: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const foregroundOnAccentFocusLarge: CSSDesignToken<Swatch>;

// @public (undocumented)
export const foregroundOnAccentHover: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const foregroundOnAccentHoverLarge: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const foregroundOnAccentLargeRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const foregroundOnAccentRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const foregroundOnAccentRest: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const foregroundOnAccentRestLarge: CSSDesignToken<Swatch>;

// @public
export const heightNumber: CSSDirective;

// Warning: (ae-internal-missing-underscore) The name "HorizontalScroll" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export class HorizontalScroll extends HorizontalScroll_2 {
    // @public (undocumented)
    connectedCallback(): void;
}

// @public
export const horizontalScrollStyles: (context: ElementDefinitionContext, definition: HorizontalScrollOptions) => ElementStyles;

// Warning: (ae-internal-missing-underscore) The name "HypertextStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const HypertextStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => ElementStyles;

// Warning: (ae-internal-missing-underscore) The name "inputFilledStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export const inputFilledStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, logicalControlSelector: string, interactivitySelector?: string) => ElementStyles;

// Warning: (ae-internal-missing-underscore) The name "inputForcedColorStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const inputForcedColorStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, logicalControlSelector: string, interactivitySelector?: string) => ElementStyles;

// Warning: (ae-internal-missing-underscore) The name "inputOutlineStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export const inputOutlineStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, logicalControlSelector: string, interactivitySelector?: string) => ElementStyles;

// Warning: (ae-internal-missing-underscore) The name "inputStateStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export const inputStateStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, logicalControlSelector: string) => ElementStyles;

// @public (undocumented)
export interface InteractiveColorRecipe {
    // (undocumented)
    evaluate(element: HTMLElement, reference?: Swatch): InteractiveSwatchSet;
}

// @public (undocumented)
export interface InteractiveSwatchSet {
    active: Swatch;
    focus: Swatch;
    hover: Swatch;
    rest: Swatch;
}

// Warning: (ae-internal-missing-underscore) The name "isDark" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export function isDark(color: Swatch): boolean;

// @public (undocumented)
export const layerCornerRadius: CSSDesignToken<number>;

// Warning: (ae-internal-missing-underscore) The name "LightweightButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const LightweightButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => ElementStyles;

// @public (undocumented)
export class Listbox extends Listbox_2 {
}

// @public
export const listboxStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// @public
export class Menu extends Menu_2 {
    // @internal (undocumented)
    connectedCallback(): void;
}

export { MenuItem }

// @public
export const menuItemStyles: (context: ElementDefinitionContext, definition: MenuItemOptions) => ElementStyles;

// @public
export const menuStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// @public (undocumented)
export const neutralBaseColor: CSSDesignToken<Swatch>;

// Warning: (ae-internal-missing-underscore) The name "NeutralButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const NeutralButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => ElementStyles;

// @public @deprecated (undocumented)
export const neutralContrastFillActive: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralContrastFillActiveDelta: CSSDesignToken<number>;

// @public @deprecated (undocumented)
export const neutralContrastFillFocus: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralContrastFillFocusDelta: CSSDesignToken<number>;

// @public @deprecated (undocumented)
export const neutralContrastFillHover: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralContrastFillHoverDelta: CSSDesignToken<number>;

// @public @deprecated (undocumented)
export const neutralContrastFillRest: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralContrastFillRestDelta: CSSDesignToken<number>;

// @public @deprecated (undocumented)
export const neutralDivider: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralDividerRestDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillActive: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillActiveDelta: DesignToken<number>;

// @public @deprecated (undocumented)
export const neutralFillCard: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralFillCardDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillFocus: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillFocusDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillHover: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillHoverDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillInputActive: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillInputActiveDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillInputAltActive: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillInputAltActiveDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillInputAltFocus: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillInputAltFocusDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillInputAltHover: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillInputAltHoverDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillInputAltRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const neutralFillInputAltRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillInputAltRestDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillInputFocus: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillInputFocusDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillInputHover: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillInputHoverDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillInputRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const neutralFillInputRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillInputRestDelta: DesignToken<number>;

// @public @deprecated (undocumented)
export const neutralFillInverseActive: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralFillInverseActiveDelta: CSSDesignToken<number>;

// @public @deprecated (undocumented)
export const neutralFillInverseFocus: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralFillInverseFocusDelta: CSSDesignToken<number>;

// @public @deprecated (undocumented)
export const neutralFillInverseHover: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralFillInverseHoverDelta: CSSDesignToken<number>;

// @public @deprecated (undocumented)
export const neutralFillInverseRecipe: DesignToken<InteractiveColorRecipe>;

// @public @deprecated (undocumented)
export const neutralFillInverseRest: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralFillInverseRestDelta: CSSDesignToken<number>;

// @public (undocumented)
export const neutralFillLayerActive: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillLayerActiveDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillLayerAltRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const neutralFillLayerAltRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillLayerAltRestDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillLayerHover: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillLayerHoverDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillLayerRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const neutralFillLayerRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillLayerRestDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const neutralFillRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillRestDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillSecondaryActive: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillSecondaryActiveDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillSecondaryFocus: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillSecondaryFocusDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillSecondaryHover: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillSecondaryHoverDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillSecondaryRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const neutralFillSecondaryRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillSecondaryRestDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillStealthActive: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillStealthActiveDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillStealthFocus: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillStealthFocusDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillStealthHover: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillStealthHoverDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillStealthRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const neutralFillStealthRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillStealthRestDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillStrongActive: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillStrongActiveDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillStrongFocus: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillStrongFocusDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillStrongHover: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillStrongHoverDelta: DesignToken<number>;

// @public (undocumented)
export const neutralFillStrongRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const neutralFillStrongRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralFillStrongRestDelta: DesignToken<number>;

// @public @deprecated (undocumented)
export const neutralFillToggleActive: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralFillToggleActiveDelta: DesignToken<number>;

// @public @deprecated (undocumented)
export const neutralFillToggleFocus: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralFillToggleFocusDelta: DesignToken<number>;

// @public @deprecated (undocumented)
export const neutralFillToggleHover: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralFillToggleHoverDelta: DesignToken<number>;

// @public @deprecated (undocumented)
export const neutralFillToggleRest: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralFillToggleRestDelta: DesignToken<number>;

// @public @deprecated (undocumented)
export const neutralFocus: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralFocusInnerAccent: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralForegroundActive: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralForegroundFocus: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralForegroundHint: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralForegroundHintRecipe: DesignToken<ColorRecipe>;

// @public (undocumented)
export const neutralForegroundHover: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralForegroundRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const neutralForegroundRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralLayer1: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralLayer1Recipe: DesignToken<ColorRecipe>;

// @public (undocumented)
export const neutralLayer2: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralLayer2Recipe: DesignToken<ColorRecipe>;

// @public (undocumented)
export const neutralLayer3: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralLayer3Recipe: DesignToken<ColorRecipe>;

// @public (undocumented)
export const neutralLayer4: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralLayer4Recipe: DesignToken<ColorRecipe>;

// @public (undocumented)
export const neutralLayerCardContainer: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralLayerCardContainerRecipe: DesignToken<ColorRecipe>;

// @public (undocumented)
export const neutralLayerFloating: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralLayerFloatingRecipe: DesignToken<ColorRecipe>;

// @public @deprecated (undocumented)
export const neutralLayerL1: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralLayerL2: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralLayerL3: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralLayerL4: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralOutlineActive: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralOutlineFocus: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralOutlineHover: CSSDesignToken<Swatch>;

// @public @deprecated (undocumented)
export const neutralOutlineRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralPalette: DesignToken<Palette<Swatch>>;

// @public (undocumented)
export const neutralStrokeActive: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeActiveDelta: DesignToken<number>;

// @public (undocumented)
export const neutralStrokeControlActive: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeControlActiveDelta: DesignToken<number>;

// @public (undocumented)
export const neutralStrokeControlFocus: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeControlFocusDelta: DesignToken<number>;

// @public (undocumented)
export const neutralStrokeControlHover: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeControlHoverDelta: DesignToken<number>;

// @public (undocumented)
export const neutralStrokeControlRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const neutralStrokeControlRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeControlRestDelta: DesignToken<number>;

// @public (undocumented)
export const neutralStrokeDividerRecipe: DesignToken<ColorRecipe>;

// @public (undocumented)
export const neutralStrokeDividerRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeDividerRestDelta: DesignToken<number>;

// @public (undocumented)
export const neutralStrokeFocus: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeFocusDelta: DesignToken<number>;

// @public (undocumented)
export const neutralStrokeHover: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeHoverDelta: DesignToken<number>;

// @public (undocumented)
export const neutralStrokeInputActive: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeInputFocus: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeInputHover: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeInputRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const neutralStrokeInputRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeLayerActive: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeLayerActiveDelta: DesignToken<number>;

// @public (undocumented)
export const neutralStrokeLayerHover: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeLayerHoverDelta: DesignToken<number>;

// @public (undocumented)
export const neutralStrokeLayerRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const neutralStrokeLayerRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeLayerRestDelta: DesignToken<number>;

// @public (undocumented)
export const neutralStrokeRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const neutralStrokeRest: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeRestDelta: DesignToken<number>;

// @public (undocumented)
export const neutralStrokeStrongActive: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeStrongActiveDelta: DesignToken<number>;

// @public (undocumented)
export const neutralStrokeStrongFocus: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeStrongFocusDelta: DesignToken<number>;

// @public (undocumented)
export const neutralStrokeStrongHover: CSSDesignToken<Swatch>;

// @public (undocumented)
export const neutralStrokeStrongHoverDelta: DesignToken<number>;

// @public (undocumented)
export const neutralStrokeStrongRecipe: DesignToken<InteractiveColorRecipe>;

// @public (undocumented)
export const neutralStrokeStrongRest: CSSDesignToken<Swatch>;

// Warning: (ae-internal-missing-underscore) The name "NumberField" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export class NumberField extends NumberField_2 {
    // @public
    appearance: NumberFieldAppearance;
    // (undocumented)
    connectedCallback(): void;
}

// @public
export type NumberFieldAppearance = 'filled' | 'outline';

// @public
export const numberFieldStyles: (context: ElementDefinitionContext, definition: NumberFieldOptions) => ElementStyles;

// @public
export const OptionStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// Warning: (ae-internal-missing-underscore) The name "OutlineButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const OutlineButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => ElementStyles;

// @public @deprecated (undocumented)
export const outlineWidth: CSSDesignToken<number>;

// @public
export interface Palette<T extends Swatch = Swatch> {
    // Warning: (ae-forgotten-export) The symbol "RelativeLuminance" needs to be exported by the entry point index.d.ts
    closestIndexOf(reference: RelativeLuminance): number;
    colorContrast(reference: Swatch, contrast: number, initialIndex?: number, direction?: 1 | -1): T;
    get(index: number): T;
    // (undocumented)
    readonly source: T;
    // (undocumented)
    readonly swatches: ReadonlyArray<T>;
}

// @public (undocumented)
export type PaletteRGB = Palette<SwatchRGB>;

// @public (undocumented)
export const PaletteRGB: Readonly<{
    create: typeof create;
    from: typeof from;
}>;

// @public
export class Progress extends BaseProgress {
}

// @public
export class ProgressRing extends BaseProgress {
}

// @public
export const progressRingStyles: (context: ElementDefinitionContext, definition: ProgressRingOptions) => ElementStyles;

// @public
export const progressStyles: (context: ElementDefinitionContext, definition: ProgressOptions) => ElementStyles;

// @public
export function provideFluentDesignSystem(element?: HTMLElement): DesignSystem;

export { Radio }

export { RadioGroup }

// @public
export const radioGroupStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// @public
export const RadioStyles: (context: ElementDefinitionContext, definition: RadioOptions) => ElementStyles;

// @public @deprecated (undocumented)
export interface Recipe<T> {
    // (undocumented)
    evaluate(element: HTMLElement, reference?: Swatch): T;
}

// Warning: (ae-internal-missing-underscore) The name "Search" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export class Search extends Search_2 {
    // @public
    appearance: SearchAppearance;
}

// @public
export type SearchAppearance = 'filled' | 'outline';

// @public
export const searchStyles: (context: ElementDefinitionContext, definition: SearchOptions) => ElementStyles;

// @public (undocumented)
export const searchTemplate: (context: ElementDefinitionContext, definition: SearchOptions) => ViewTemplate<Search_2>;

// Warning: (ae-internal-missing-underscore) The name "Select" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export class Select extends Select_2 {
    // @public
    appearance: SelectAppearance;
    // (undocumented)
    appearanceChanged(oldValue: SelectAppearance, newValue: SelectAppearance): void;
    // (undocumented)
    connectedCallback(): void;
}

// @public
export type SelectAppearance = 'filled' | 'outline' | 'stealth';

// @public
export const selectStyles: (context: ElementDefinitionContext, definition: SelectOptions) => ElementStyles;

export { Skeleton }

// @public
export const skeletonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

export { Slider }

export { SliderLabel }

// @public
export const sliderLabelStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// @public
export const sliderStyles: (context: ElementDefinitionContext, definition: SliderOptions) => ElementStyles;

// @public
export enum StandardLuminance {
    // (undocumented)
    DarkMode = 0.15,
    // (undocumented)
    LightMode = 0.98
}

// Warning: (ae-internal-missing-underscore) The name "StealthButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const StealthButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => ElementStyles;

// @public (undocumented)
export const strokeWidth: CSSDesignToken<number>;

// @public
export interface Swatch extends RelativeLuminance {
    // (undocumented)
    contrast(target: RelativeLuminance): number;
    // (undocumented)
    toColorString(): string;
}

// @public (undocumented)
export interface SwatchRGB extends Swatch {
    // (undocumented)
    b: number;
    // (undocumented)
    g: number;
    // (undocumented)
    r: number;
}

// @public (undocumented)
export const SwatchRGB: Readonly<{
    create(r: number, g: number, b: number): SwatchRGB;
    from(obj: {
        r: number;
        g: number;
        b: number;
    }): SwatchRGB;
}>;

export { Switch }

// @public
export const switchStyles: (context: ElementDefinitionContext, definition: SwitchOptions) => ElementStyles;

export { Tab }

export { TabPanel }

// @public
export const tabPanelStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

export { Tabs }

// @public
export const tabsStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// @public
export const tabStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// Warning: (ae-internal-missing-underscore) The name "TextArea" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export class TextArea extends TextArea_2 {
    // @public
    appearance: TextAreaAppearance;
    // (undocumented)
    appearanceChanged(oldValue: TextAreaAppearance, newValue: TextAreaAppearance): void;
    // (undocumented)
    connectedCallback(): void;
}

// @public
export type TextAreaAppearance = 'filled' | 'outline';

// @public
export const textAreaStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// Warning: (ae-internal-missing-underscore) The name "TextField" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export class TextField extends TextField_2 {
    // @public
    appearance: TextFieldAppearance;
    // (undocumented)
    appearanceChanged(oldValue: TextFieldAppearance, newValue: TextFieldAppearance): void;
    // (undocumented)
    connectedCallback(): void;
}

// @public
export type TextFieldAppearance = 'filled' | 'outline';

// @public
export const textFieldStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// Warning: (ae-internal-missing-underscore) The name "Toolbar" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export class Toolbar extends Toolbar_2 {
}

// Warning: (ae-internal-missing-underscore) The name "Tooltip" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export class Tooltip extends Tooltip_2 {
    // (undocumented)
    connectedCallback(): void;
}

export { TreeItem }

// @public
export const treeItemStyles: (context: ElementDefinitionContext, definition: TreeItemOptions) => ElementStyles;

export { TreeView }

// @public
export const treeViewStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

// @public (undocumented)
export const typeRampBase: CSSDirective;

// @public (undocumented)
export const typeRampBaseFontSize: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampBaseFontVariations: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampBaseLineHeight: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampMinus1: CSSDirective;

// @public (undocumented)
export const typeRampMinus1FontSize: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampMinus1FontVariations: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampMinus1LineHeight: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampMinus2: CSSDirective;

// @public (undocumented)
export const typeRampMinus2FontSize: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampMinus2FontVariations: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampMinus2LineHeight: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus1: CSSDirective;

// @public (undocumented)
export const typeRampPlus1FontSize: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus1FontVariations: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus1LineHeight: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus2: CSSDirective;

// @public (undocumented)
export const typeRampPlus2FontSize: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus2FontVariations: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus2LineHeight: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus3: CSSDirective;

// @public (undocumented)
export const typeRampPlus3FontSize: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus3FontVariations: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus3LineHeight: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus4: CSSDirective;

// @public (undocumented)
export const typeRampPlus4FontSize: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus4FontVariations: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus4LineHeight: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus5: CSSDirective;

// @public (undocumented)
export const typeRampPlus5FontSize: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus5FontVariations: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus5LineHeight: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus6: CSSDirective;

// @public (undocumented)
export const typeRampPlus6FontSize: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus6FontVariations: CSSDesignToken<string>;

// @public (undocumented)
export const typeRampPlus6LineHeight: CSSDesignToken<string>;

// Warnings were encountered during analysis:
//
// dist/dts/color/palette.d.ts:70:5 - (ae-forgotten-export) The symbol "create" needs to be exported by the entry point index.d.ts
// dist/dts/color/palette.d.ts:71:5 - (ae-forgotten-export) The symbol "from" needs to be exported by the entry point index.d.ts
// dist/dts/custom-elements.d.ts:52:5 - (ae-incompatible-release-tags) The symbol "fluentAnchor" is marked as @public, but its signature references "Anchor" which is marked as @internal
// dist/dts/custom-elements.d.ts:54:5 - (ae-incompatible-release-tags) The symbol "fluentBadge" is marked as @public, but its signature references "Badge" which is marked as @internal
// dist/dts/custom-elements.d.ts:57:5 - (ae-incompatible-release-tags) The symbol "fluentButton" is marked as @public, but its signature references "Button" which is marked as @internal
// dist/dts/custom-elements.d.ts:96:5 - (ae-incompatible-release-tags) The symbol "fluentTextArea" is marked as @public, but its signature references "TextArea" which is marked as @internal
// dist/dts/custom-elements.d.ts:97:5 - (ae-incompatible-release-tags) The symbol "fluentTextField" is marked as @public, but its signature references "TextField" which is marked as @internal
// dist/dts/custom-elements.d.ts:98:5 - (ae-incompatible-release-tags) The symbol "fluentToolbar" is marked as @public, but its signature references "Toolbar" which is marked as @internal
// dist/dts/custom-elements.d.ts:99:5 - (ae-incompatible-release-tags) The symbol "fluentTooltip" is marked as @public, but its signature references "Tooltip" which is marked as @internal

// (No @packageDocumentation comment for this package)

```