import { Accessor } from '@microsoft/fast-element';
import { AccordionItemOptions } from '@microsoft/fast-foundation';
import { accordionItemTemplate } from '@microsoft/fast-foundation';
import { accordionTemplate } from '@microsoft/fast-foundation';
import { anchoredRegionTemplate } from '@microsoft/fast-foundation';
import { anchorTemplate } from '@microsoft/fast-foundation';
import { AttachedBehaviorHTMLDirective } from '@microsoft/fast-element';
import { attr } from '@microsoft/fast-element';
import { avatarTemplate } from '@microsoft/fast-foundation';
import { badgeTemplate } from '@microsoft/fast-foundation';
import { Behavior } from '@microsoft/fast-element';
import { Binding } from '@microsoft/fast-element';
import { BindingBehavior } from '@microsoft/fast-element';
import { BindingObserver } from '@microsoft/fast-element';
import { BreadcrumbItemOptions } from '@microsoft/fast-foundation';
import { breadcrumbItemTemplate } from '@microsoft/fast-foundation';
import { breadcrumbTemplate } from '@microsoft/fast-foundation';
import { buttonTemplate } from '@microsoft/fast-foundation';
import { CalendarOptions } from '@microsoft/fast-foundation';
import { calendarTemplate } from '@microsoft/fast-foundation';
import { CaptureType } from '@microsoft/fast-element';
import { cardTemplate } from '@microsoft/fast-foundation';
import { CheckboxOptions } from '@microsoft/fast-foundation';
import { checkboxTemplate } from '@microsoft/fast-foundation';
import { children } from '@microsoft/fast-element';
import { classNames } from '@microsoft/fast-web-utilities';
import { ColorRGBA64 } from '@microsoft/fast-colors';
import { ColumnDefinition } from '@microsoft/fast-foundation';
import { ComboboxAutocomplete } from '@microsoft/fast-foundation';
import { ComboboxOptions } from '@microsoft/fast-foundation';
import { ComponentStateColorPalette } from '@microsoft/fast-colors';
import { ComposableStyles } from '@microsoft/fast-element';
import { composedParent } from '@microsoft/fast-foundation';
import { Constructable } from '@microsoft/fast-element';
import { Container } from '@microsoft/fast-foundation';
import { css } from '@microsoft/fast-element';
import { CSSDesignToken } from '@microsoft/fast-foundation';
import { CSSDirective } from '@microsoft/fast-element';
import { cssPartial } from '@microsoft/fast-element';
import { customElement } from '@microsoft/fast-element';
import { dataGridCellTemplate } from '@microsoft/fast-foundation';
import { dataGridRowTemplate } from '@microsoft/fast-foundation';
import { dataGridTemplate } from '@microsoft/fast-foundation';
import { DecoratorAttributeConfiguration } from '@microsoft/fast-element';
import { defaultExecutionContext } from '@microsoft/fast-element';
import { DefaultRouteRecognizer } from '@microsoft/fast-router';
import { DesignSystem } from '@microsoft/fast-foundation';
import { DesignSystemRegistrationContext } from '@microsoft/fast-foundation';
import { DesignToken } from '@microsoft/fast-foundation';
import { DesignTokenValue } from '@microsoft/fast-foundation';
import { DI } from '@microsoft/fast-foundation';
import { Direction } from '@microsoft/fast-web-utilities';
import { disclosureTemplate } from '@microsoft/fast-foundation';
import { display } from '@microsoft/fast-foundation';
import { dividerTemplate } from '@microsoft/fast-foundation';
import { DOM } from '@microsoft/fast-element';
import { ElementDefinitionContext } from '@microsoft/fast-foundation';
import { elements } from '@microsoft/fast-element';
import { ElementStyles } from '@microsoft/fast-element';
import { endSlotTemplate } from '@microsoft/fast-foundation';
import { ExecutionContext } from '@microsoft/fast-element';
import { FASTElement } from '@microsoft/fast-element';
import { FASTElementDefinition } from '@microsoft/fast-element';
import { FASTElementLayout } from '@microsoft/fast-router';
import { FASTRouter } from '@microsoft/fast-router';
import { FlipperOptions } from '@microsoft/fast-foundation';
import { flipperTemplate } from '@microsoft/fast-foundation';
import { forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation';
import { FormAssociated } from '@microsoft/fast-foundation';
import { FoundationElement } from '@microsoft/fast-foundation';
import { FoundationElementDefinition } from '@microsoft/fast-foundation';
import { FoundationElementRegistry } from '@microsoft/fast-foundation';
import { FoundationElementTemplate } from '@microsoft/fast-foundation';
import { HasElement } from '@microsoft/fast-router';
import { HasTemplate } from '@microsoft/fast-router';
import { HasTitle } from '@microsoft/fast-router';
import { HorizontalScrollOptions } from '@microsoft/fast-foundation';
import { horizontalScrollTemplate } from '@microsoft/fast-foundation';
import { html } from '@microsoft/fast-element';
import { HTMLBindingDirective } from '@microsoft/fast-element';
import { HTMLView } from '@microsoft/fast-element';
import { inject } from '@microsoft/fast-foundation';
import { isNullOrWhiteSpace } from '@microsoft/fast-web-utilities';
import { Key } from '@microsoft/fast-foundation';
import { limit } from '@microsoft/fast-web-utilities';
import { listboxOptionTemplate } from '@microsoft/fast-foundation';
import { listboxTemplate } from '@microsoft/fast-foundation';
import { MappableRouteDefinition } from '@microsoft/fast-router';
import { MenuItemOptions } from '@microsoft/fast-foundation';
import { menuItemTemplate } from '@microsoft/fast-foundation';
import { menuTemplate } from '@microsoft/fast-foundation';
import { NavigationPhase } from '@microsoft/fast-router';
import { nullableNumberConverter } from '@microsoft/fast-element';
import { NumberFieldOptions } from '@microsoft/fast-foundation';
import { Observable } from '@microsoft/fast-element';
import { observable } from '@microsoft/fast-element';
import { optional } from '@microsoft/fast-foundation';
import { Orientation } from '@microsoft/fast-web-utilities';
import { parseColorHexRGB } from '@microsoft/fast-colors';
import { PartialFASTElementDefinition } from '@microsoft/fast-element';
import { pascalCase } from '@microsoft/fast-web-utilities';
import { ProgressOptions } from '@microsoft/fast-foundation';
import { ProgressRingOptions } from '@microsoft/fast-foundation';
import { progressRingTemplate } from '@microsoft/fast-foundation';
import { progressTemplate } from '@microsoft/fast-foundation';
import { PropertyStyleSheetBehavior } from '@microsoft/fast-foundation';
import { radioGroupTemplate } from '@microsoft/fast-foundation';
import { RadioOptions } from '@microsoft/fast-foundation';
import { radioTemplate } from '@microsoft/fast-foundation';
import { ref } from '@microsoft/fast-element';
import { Registration } from '@microsoft/fast-foundation';
import { repeat } from '@microsoft/fast-element';
import { RepeatOptions } from '@microsoft/fast-element';
import { Route } from '@microsoft/fast-router';
import { RouteCollection } from '@microsoft/fast-router';
import { Router } from '@microsoft/fast-router';
import { RouterConfiguration } from '@microsoft/fast-router';
import { RouterElement } from '@microsoft/fast-router';
import { SelectOptions } from '@microsoft/fast-foundation';
import { selectTemplate } from '@microsoft/fast-foundation';
import { skeletonTemplate } from '@microsoft/fast-foundation';
import { sliderLabelTemplate } from '@microsoft/fast-foundation';
import { SliderOptions } from '@microsoft/fast-foundation';
import { slotted } from '@microsoft/fast-element';
import { startSlotTemplate } from '@microsoft/fast-foundation';
import { SwitchOptions } from '@microsoft/fast-foundation';
import { switchTemplate } from '@microsoft/fast-foundation';
import { SyntheticViewTemplate } from '@microsoft/fast-element';
import { SystemColors } from '@microsoft/fast-web-utilities';
import { tabPanelTemplate } from '@microsoft/fast-foundation';
import { TabsOrientation } from '@microsoft/fast-foundation';
import { tabsTemplate } from '@microsoft/fast-foundation';
import { tabTemplate } from '@microsoft/fast-foundation';
import { textAreaTemplate } from '@microsoft/fast-foundation';
import { TextFieldOptions } from '@microsoft/fast-foundation';
import { toolbarTemplate } from '@microsoft/fast-foundation';
import { TooltipPosition } from '@microsoft/fast-foundation';
import { tooltipTemplate } from '@microsoft/fast-foundation';
import { TreeItemOptions } from '@microsoft/fast-foundation';
import { treeItemTemplate } from '@microsoft/fast-foundation';
import { treeViewTemplate } from '@microsoft/fast-foundation';
import { uniqueId } from '@microsoft/fast-web-utilities';
import { ValueConverter } from '@microsoft/fast-element';
import { ViewTemplate } from '@microsoft/fast-element';
import { volatile } from '@microsoft/fast-element';
import { when } from '@microsoft/fast-element';
import { whitespaceFilter } from '@microsoft/fast-foundation';

export { Accessor }

export { AccordionItemOptions }

export { accordionItemTemplate }

export { accordionTemplate }

export { anchoredRegionTemplate }

export { anchorTemplate }

export { AttachedBehaviorHTMLDirective }

export { attr }

export { avatarTemplate }

export { badgeTemplate }

export { Behavior }

export { Binding }

export { BindingBehavior }

export { BindingObserver }

export { BreadcrumbItemOptions }

export { breadcrumbItemTemplate }

export { breadcrumbTemplate }

export { buttonTemplate }

export { CalendarOptions }

export { calendarTemplate }

export { CaptureType }

export { cardTemplate }

export { CheckboxOptions }

export { checkboxTemplate }

export { children }

export { classNames }

export { ColorRGBA64 }

export { ColumnDefinition }

export { ComboboxAutocomplete }

export { ComboboxOptions }

export { ComponentStateColorPalette }

export { ComposableStyles }

export { composedParent }

export { Constructable }

export { Container }

/**
 * Represents the possible types of value conversion for data synchronization.
 * @public
 */
export declare type ConversionType = 'string' | 'number' | 'time' | 'boolean';

export { css }

export { CSSDesignToken }

export { CSSDirective }

export { cssPartial }

export { customElement }

export { dataGridCellTemplate }

export { dataGridRowTemplate }

export { dataGridTemplate }

/**
 * A map that associates specific HTML element tags with their corresponding default event names.
 * @public
 */
export declare const defaultEventMap: Map<string, EventName>;

export { defaultExecutionContext }

export { DefaultRouteRecognizer }

/**
 * Defines a platform custom element based on the provided type and definition.
 *
 * @example
 * An example using custom definition merge logic, useful if you need to impose hard restrictions.
 * ```ts
 * const definitionOverrider = (definition) => ({
 *    ...baseDefinition,
 *    ...definition,
 *    styles: baseDefinition.styles,
 *    shadowOptions: {
 *      mode: 'closed,
 *    },
 * });
 * export const define = defineFactory(LoginForm, definitionOverrider);
 * ```
 *
 * @example
 * You can provide the base definition if you're happy with the default spread operator merge logic.
 * ```ts
 * export const define = defineFactory(LoginForm, baseDefinition);
 * ```
 *
 * @param Type - The custom element Type / Class to define.
 * @param overriderOrBase - A function that merges definitions, or the base definition if custom merging is not needed.
 * @returns The type class.
 * @beta
 */
export declare const defineFactory: <TType extends Constructable<FASTElement>>(Type: TType, overriderOrBase: DefinitionOverrider | PartialFASTElementDefinition) => DefineFunction<TType>;

/**
 * @beta
 */
export declare type DefineFunction<TType> = (definition: PartialFASTElementDefinition) => TType;

/**
 * @beta
 */
export declare type DefinitionOverrider = (override: PartialFASTElementDefinition) => PartialFASTElementDefinition;

/**
 * ALL FOLLOWING CODE FROM FAST IMPLEMENTATION EXCEPT THE `deprecatedName` HANDLING
 */
/**
 * Decorator: Specifies an HTML attribute.
 * @param config - The configuration for the attribute.
 * @public
 */
export declare function deprecatedAttr(config?: ExtendedDecoratorAttributeConfiguration): (target: {}, property: string) => void;

/**
 * Decorator:  Specifies an HTML attribute.
 * @param target - The class to define the attribute on.
 * @param prop - The property name to be associated with the attribute.
 * @public
 */
export declare function deprecatedAttr(target: {}, prop: string): void;

export { DesignSystem }

export { DesignSystemRegistrationContext }

export { DesignToken }

export { DesignTokenValue }

export { DI }

export { Direction }

export { disclosureTemplate }

export { display }

export { dividerTemplate }

export { DOM }

export { ElementDefinitionContext }

export { elements }

export { ElementStyles }

export { endSlotTemplate }

/**
 * Represents the possible event names for data synchronization.
 * @public
 */
export declare type EventName = 'input' | 'change' | 'default';

export { ExecutionContext }

declare type ExtendedDecoratorAttributeConfiguration = DecoratorAttributeConfiguration & {
    deprecatedName?: string;
};

export { FASTElement }
export { FASTElement as GenesisElement }

export { FASTElementDefinition }
export { FASTElementDefinition as GenesisElementDefinition }

export { FASTElementLayout }
export { FASTElementLayout as GenesisElementLayout }

export { FASTRouter }
export { FASTRouter as GenesisRouter }

export { FlipperOptions }

export { flipperTemplate }

export { forcedColorsStylesheetBehavior }

export { FormAssociated }

export { FoundationElement }

export { FoundationElementDefinition }

export { FoundationElementRegistry }

export { FoundationElementTemplate }

export { HasElement }

export { HasTemplate }

export { HasTitle }

export { HorizontalScrollOptions }

export { horizontalScrollTemplate }

export { html }

export { HTMLBindingDirective }

export { HTMLView }

export { inject }

export { isNullOrWhiteSpace }

export { Key }

export { limit }

export { listboxOptionTemplate }

export { listboxTemplate }

export { MappableRouteDefinition }

export { MenuItemOptions }

export { menuItemTemplate }

export { menuTemplate }

export { NavigationPhase }

export { nullableNumberConverter }

export { NumberFieldOptions }

export { Observable }

export { observable }

export { optional }

export { Orientation }

export { parseColorHexRGB }

export { PartialFASTElementDefinition }
export { PartialFASTElementDefinition as PartialGenesisElementDefinition }

export { pascalCase }

export { ProgressOptions }

export { ProgressRingOptions }

export { progressRingTemplate }

export { progressTemplate }

export { PropertyStyleSheetBehavior }

export { radioGroupTemplate }

export { RadioOptions }

export { radioTemplate }

export { ref }

export { Registration }

export { repeat }

export { RepeatOptions }

export { Route }

export { RouteCollection }

export { Router }

export { RouterConfiguration }

export { RouterElement }

export { SelectOptions }

export { selectTemplate }

export { skeletonTemplate }

export { sliderLabelTemplate }

export { SliderOptions }

export { slotted }

export { startSlotTemplate }

export { SwitchOptions }

export { switchTemplate }

/**
 * Creates a synchronization directive that binds a data source to an HTML element,
 * @public
 */
export declare function sync<TSource = any, TReturn = any>(binding: Binding<TSource, TReturn>, conversionType?: ConversionType, eventName?: EventName, keyAttr?: string): CaptureType<TSource>;

export { SyntheticViewTemplate }

export { SystemColors }

export { tabPanelTemplate }

export { TabsOrientation }

export { tabsTemplate }

export { tabTemplate }

/**
 * Determines what HTML tag name to use for the dependency.
 * @param dependency - The dependency the template is dependent on.
 * @returns The tag name to use in markup.
 * @beta
 */
export declare function tagFor(dependency: TemplateElementDependency): string;

/**
 * Used to designate a template's dependency on another custom element.
 * @beta
 */
export declare type TemplateElementDependency = string | FASTElementDefinition | Constructable<FASTElement>;

/**
 * Used to help map components / elements for tagFor usage
 * @beta
 */
export declare type TemplateElements = {
    [key: string]: TemplateElementDependency;
};

export { textAreaTemplate }

export { TextFieldOptions }

export { toolbarTemplate }

export { TooltipPosition }

export { tooltipTemplate }

export { TreeItemOptions }

export { treeItemTemplate }

export { treeViewTemplate }

export { uniqueId }

export { ValueConverter }

export { ViewTemplate }

export { volatile }

export { when }

/**
 * Directive that allows supplying an "else" template to the traditional {@link https://www.fast.design/docs/api/fast-element.when/#when-function} directive
 *
 * @param binding - The condition to test for rendering.
 * @param trueTemplateOrTemplateBinding - The template or a binding that gets the template to render when the condition is true.
 * @param falseTemplateOrTemplateBinding - The template or a binding that gets the template to render when the condition is false.
 * @public
 */
export declare function whenElse<TSource = any, TReturn = any>(binding: Binding<TSource, TReturn>, trueTemplateOrTemplateBinding: WhenTemplate<TSource>, falseTemplateOrTemplateBinding: WhenTemplate<TSource>): CaptureType<TSource>;

declare type WhenTemplate<TSource> = SyntheticViewTemplate | Binding<TSource, SyntheticViewTemplate>;

export { whitespaceFilter }


export * from "@microsoft/fast-components";

export { }