@fluentui/web-components 3.0.0-beta.3 → 3.0.0-beta.31

package/dist/dts/spinner/index.d.ts

@@ -1,5 +1,5 @@
-export * from './spinner.js';
-export * from './spinner.options.js';
+export { Spinner } from './spinner.js';
+export { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
 export { template as SpinnerTemplate } from './spinner.template.js';
 export { styles as SpinnerStyles } from './spinner.styles.js';
 export { definition as SpinnerDefinition } from './spinner.definition.js';

package/dist/dts/spinner/spinner.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/spinner/spinner.d.ts

@@ -1,15 +1,20 @@
-import { FASTProgressRing } from '@microsoft/fast-foundation/progress-ring.js';
+import { FASTElement } from '@microsoft/fast-element';
 import type { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
 /**
  * The base class used for constructing a fluent-spinner custom element
  * @public
  */
-export declare class Spinner extends FASTProgressRing {
+export declare class Spinner extends FASTElement {
+    /**
+     * The internal {@link https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+     *
+     * @internal
+     */
+    protected elementInternals: ElementInternals;
     /**
      * The size of the spinner
      *
      * @public
-     * @default 'medium'
      * @remarks
      * HTML Attribute: size
      */
@@ -17,9 +22,9 @@ export declare class Spinner extends FASTProgressRing {
     /**
      * The appearance of the spinner
      * @public
-     * @default 'primary'
      * @remarks
      * HTML Attribute: appearance
      */
     appearance?: SpinnerAppearance;
+    constructor();
 }

package/dist/dts/spinner/spinner.definition.d.ts

@@ -1,9 +1,5 @@
 import { Spinner } from './spinner.js';
 /**
- * The Fluent Spinner Element. Implements {@link @microsoft/fast-foundation#ProgressRing },
- * {@link @microsoft/fast-foundation#progress-ringTemplate}
- *
- *
  * @public
  * @remarks
  * HTML Element: \<fluent-spinner\>

package/dist/dts/spinner/spinner.options.d.ts

@@ -1,4 +1,4 @@
-import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js';
+import type { ValuesOf } from '../utils/index.js';
 /**
  * SpinnerAppearance constants
  * @public
@@ -11,7 +11,7 @@ export declare const SpinnerAppearance: {
  * A Spinner's appearance can be either primary or inverted
  * @public
  */
-export declare type SpinnerAppearance = ValuesOf<typeof SpinnerAppearance>;
+export type SpinnerAppearance = ValuesOf<typeof SpinnerAppearance>;
 /**
  * SpinnerSize constants
  * @public
@@ -29,4 +29,4 @@ export declare const SpinnerSize: {
  * A Spinner's size can be either small, tiny, extra-small, medium, large, extra-large, or huge
  * @public
  */
-export declare type SpinnerSize = ValuesOf<typeof SpinnerSize>;
+export type SpinnerSize = ValuesOf<typeof SpinnerSize>;

package/dist/dts/spinner/spinner.template.d.ts

@@ -1,3 +1,2 @@
-import type { ElementViewTemplate } from '@microsoft/fast-element';
 import { Spinner } from './spinner.js';
-export declare const template: ElementViewTemplate<Spinner>;
+export declare const template: import("@microsoft/fast-element").ViewTemplate<Spinner, any>;

package/dist/dts/styles/partials/index.d.ts

@@ -1 +1,2 @@
 export * from './badge.partials.js';
+export { typographyBody1Styles, typographyBody1StrongStyles, typographyBody1StrongerStyles, typographyBody2Styles, typographyCaption1StrongStyles, typographyCaption1StrongerStyles, typographyCaption1Styles, typographyCaption2StrongStyles, typographyCaption2Styles, typographyDisplayStyles, typographyLargeTitleStyles, typographySubtitle1Styles, typographySubtitle2StrongerStyles, typographySubtitle2Styles, typographyTitle1Styles, typographyTitle2Styles, typographyTitle3Styles, } from './typography.partials.js';

package/dist/dts/styles/partials/typography.partials.d.ts

@@ -0,0 +1,18 @@
+import { CSSDirective } from '@microsoft/fast-element';
+export declare const typographyBody1Styles: CSSDirective;
+export declare const typographyBody1StrongStyles: CSSDirective;
+export declare const typographyBody1StrongerStyles: CSSDirective;
+export declare const typographyBody2Styles: CSSDirective;
+export declare const typographyCaption1Styles: CSSDirective;
+export declare const typographyCaption1StrongStyles: CSSDirective;
+export declare const typographyCaption1StrongerStyles: CSSDirective;
+export declare const typographyCaption2Styles: CSSDirective;
+export declare const typographyCaption2StrongStyles: CSSDirective;
+export declare const typographySubtitle1Styles: CSSDirective;
+export declare const typographySubtitle2Styles: CSSDirective;
+export declare const typographySubtitle2StrongerStyles: CSSDirective;
+export declare const typographyTitle1Styles: CSSDirective;
+export declare const typographyTitle2Styles: CSSDirective;
+export declare const typographyTitle3Styles: CSSDirective;
+export declare const typographyLargeTitleStyles: CSSDirective;
+export declare const typographyDisplayStyles: CSSDirective;

package/dist/dts/styles/states/index.d.ts

@@ -0,0 +1,110 @@
+/**
+ * Selector for the `ghost` state.
+ * @public
+ */
+export declare const ghostState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `primary` state.
+ * @public
+ */
+export declare const primaryState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `outline` state.
+ * @public
+ */
+export declare const outlineState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `subtle` state.
+ * @public
+ */
+export declare const subtleState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `tint` state.
+ * @public
+ */
+export declare const tintState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `transparent` state.
+ * @public
+ */
+export declare const transparentState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `circular` state.
+ * @public
+ */
+export declare const circularState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `rounded` state.
+ * @public
+ */
+export declare const roundedState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `square` state.
+ * @public
+ */
+export declare const squareState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `tiny` state.
+ * @public
+ */
+export declare const tinyState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `extra-small` state.
+ * @public
+ */
+export declare const extraSmallState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `small` state.
+ * @public
+ */
+export declare const smallState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `large` state.
+ * @public
+ */
+export declare const largeState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `extra-large` state.
+ * @public
+ */
+export declare const extraLargeState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `iconOnly` state.
+ * @public
+ */
+export declare const iconOnlyState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `pressed` state.
+ * @public
+ */
+export declare const pressedState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `danger` state.
+ * @public
+ */
+export declare const dangerState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `important` state.
+ * @public
+ */
+export declare const importantState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `informative` state.
+ * @public
+ */
+export declare const informativeState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `severe` state.
+ * @public
+ */
+export declare const severeState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `success` state.
+ * @public
+ */
+export declare const successState: import("@microsoft/fast-element").CSSDirective;
+/**
+ * Selector for the `warning` state.
+ * @public
+ */
+export declare const warningState: import("@microsoft/fast-element").CSSDirective;

package/dist/dts/switch/index.d.ts

@@ -1,5 +1,6 @@
-export * from './switch.js';
-export * from './switch.options.js';
 export { definition as SwitchDefinition } from './switch.definition.js';
+export { Switch } from './switch.js';
+export type { SwitchOptions } from './switch.js';
+export { SwitchLabelPosition } from './switch.options.js';
 export { styles as SwitchStyles } from './switch.styles.js';
 export { template as SwitchTemplate } from './switch.template.js';

package/dist/dts/switch/switch.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/switch/switch.d.ts

@@ -1,13 +1,7 @@
-import { FASTSwitch } from '@microsoft/fast-foundation/switch.js';
-import { SwitchLabelPosition } from './switch.options.js';
-export declare class Switch extends FASTSwitch {
-    /**
-     * The label position of the switch
-     *
-     * @public
-     * @default 'after'
-     * @remarks
-     * HTML Attribute: labelposition
-     */
-    labelPosition: SwitchLabelPosition | undefined;
+import type { StaticallyComposableHTML } from '../utils/index.js';
+import { BaseCheckbox } from '../checkbox/checkbox.js';
+export type SwitchOptions = {
+    switch?: StaticallyComposableHTML<Switch>;
+};
+export declare class Switch extends BaseCheckbox {
 }

package/dist/dts/switch/switch.form-associated.d.ts

@@ -0,0 +1,14 @@
+import { FASTElement } from '@microsoft/fast-element';
+import { CheckableFormAssociated } from '../form-associated/form-associated.js';
+declare class _Switch extends FASTElement {
+}
+interface _Switch extends CheckableFormAssociated {
+}
+declare const FormAssociatedSwitch_base: typeof _Switch;
+/**
+ * @beta
+ */
+export declare class FormAssociatedSwitch extends FormAssociatedSwitch_base {
+    proxy: HTMLInputElement;
+}
+export {};

package/dist/dts/switch/switch.options.d.ts

@@ -1,4 +1,4 @@
-import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js';
+import type { ValuesOf } from '../utils/index.js';
 /**
  * SwitchLabelPosition Constants
  * @public
@@ -12,4 +12,4 @@ export declare const SwitchLabelPosition: {
  * Applies label position
  * @public
  */
-export declare type SwitchLabelPosition = ValuesOf<typeof SwitchLabelPosition>;
+export type SwitchLabelPosition = ValuesOf<typeof SwitchLabelPosition>;

package/dist/dts/switch/switch.template.d.ts

@@ -1,3 +1,4 @@
 import { ElementViewTemplate } from '@microsoft/fast-element';
-import { Switch } from './switch.js';
+import { Switch, SwitchOptions } from './switch.js';
+export declare function switchTemplate<T extends Switch>(options?: SwitchOptions): ElementViewTemplate<T>;
 export declare const template: ElementViewTemplate<Switch>;

package/dist/dts/tab/index.d.ts

@@ -1,4 +1,5 @@
-export * from './tab.js';
-export { template as TabTemplate } from './tab.template.js';
-export { styles as TabStyles } from './tab.styles.js';
 export { definition as TabDefinition } from './tab.definition.js';
+export { Tab } from './tab.js';
+export type { TabOptions } from './tab.js';
+export { styles as TabStyles } from './tab.styles.js';
+export { template as TabTemplate } from './tab.template.js';

package/dist/dts/tab/tab.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/tab/tab.d.ts

@@ -1,8 +1,23 @@
-import { FASTTab } from '@microsoft/fast-foundation/tab.js';
+import { FASTElement } from '@microsoft/fast-element';
+import { StartEnd, StartEndOptions } from '../patterns/index.js';
+/**
+ * Tab configuration options
+ * @public
+ */
+export type TabOptions = StartEndOptions<Tab>;
 /**
  * Tab extends the FASTTab and is a child of the TabList
  */
-export declare class Tab extends FASTTab {
+export declare class Tab extends FASTElement {
+    /**
+     * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.
+     * @public
+     * @remarks
+     * HTML Attribute: disabled
+     */
+    disabled: boolean;
     private styles;
     connectedCallback(): void;
 }
+export interface Tab extends StartEnd {
+}

package/dist/dts/tab/tab.template.d.ts

@@ -1,4 +1,4 @@
-import { FASTTab, TabOptions } from '@microsoft/fast-foundation/tab.js';
 import { ElementViewTemplate } from '@microsoft/fast-element';
-export declare function tabTemplate<T extends FASTTab>(options?: TabOptions): ElementViewTemplate<T>;
-export declare const template: ElementViewTemplate<FASTTab, any>;
+import type { Tab, TabOptions } from './tab.js';
+export declare function tabTemplate<T extends Tab>(options?: TabOptions): ElementViewTemplate<T>;
+export declare const template: ElementViewTemplate<Tab, any>;

package/dist/dts/tab-panel/index.d.ts

@@ -1,4 +1,4 @@
-export * from './tab-panel.js';
+export { TabPanel } from './tab-panel.js';
 export { template as TabPanelTemplate } from './tab-panel.template.js';
 export { styles as TabPanelStyles } from './tab-panel.styles.js';
 export { definition as TabPanelDefinition } from './tab-panel.definition.js';

package/dist/dts/tab-panel/tab-panel.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/tab-panel/tab-panel.d.ts

@@ -1,3 +1,3 @@
-import { FASTTabPanel } from '@microsoft/fast-foundation/tab-panel.js';
-export declare class TabPanel extends FASTTabPanel {
+import { FASTElement } from '@microsoft/fast-element';
+export declare class TabPanel extends FASTElement {
 }

package/dist/dts/tab-panel/tab-panel.template.d.ts

@@ -1 +1,4 @@
-export declare const template: import("@microsoft/fast-element").ElementViewTemplate<import("@microsoft/fast-foundation/tab-panel.js").FASTTabPanel, any>;
+import { ElementViewTemplate } from '@microsoft/fast-element';
+import { TabPanel } from './tab-panel.js';
+export declare function tabPanelTemplate<T extends TabPanel>(): ElementViewTemplate<T>;
+export declare const template: ElementViewTemplate<TabPanel, any>;

package/dist/dts/tabs/index.d.ts

@@ -1,5 +1,6 @@
-export * from './tabs.js';
-export * from './tabs.options.js';
-export { template as TabsTemplate } from './tabs.template.js';
-export { styles as TabsStyles } from './tabs.styles.js';
 export { definition as TabsDefinition } from './tabs.definition.js';
+export { Tabs } from './tabs.js';
+export { TabsAppearance, TabsOrientation, TabsSize } from './tabs.options.js';
+export type { TabsOptions } from './tabs.options.js';
+export { styles as TabsStyles } from './tabs.styles.js';
+export { template as TabsTemplate } from './tabs.template.js';

package/dist/dts/tabs/tabs.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/tabs/tabs.d.ts

@@ -1,12 +1,95 @@
-import { FASTTabs } from '@microsoft/fast-foundation/tabs.js';
-import { TabsAppearance, TabsSize } from './tabs.options.js';
+import { FASTElement } from '@microsoft/fast-element';
+import { StartEnd } from '../patterns/index.js';
+import { TabsAppearance, TabsOrientation, TabsSize } from './tabs.options.js';
 /**
- * TabList extends FASTTabs and is used for constructing a fluent-tab-list custom html element.
+ * A Tabs component that wraps a collection of tab and tab panel elements.
  *
- * @class TabList component
  * @public
  */
-export declare class Tabs extends FASTTabs {
+export declare class BaseTabs extends FASTElement {
+    /**
+     * The orientation
+     * @public
+     * @remarks
+     * HTML Attribute: orientation
+     */
+    orientation: TabsOrientation;
+    /**
+     * @internal
+     */
+    orientationChanged(): void;
+    /**
+     * The id of the active tab
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: activeid
+     */
+    activeid: string;
+    /**
+     * @internal
+     */
+    activeidChanged(oldValue: string, newValue: string): void;
+    /**
+     * @internal
+     */
+    tabs: HTMLElement[];
+    /**
+     * @internal
+     */
+    tabsChanged(): void;
+    /**
+     * @internal
+     */
+    tabpanels: HTMLElement[];
+    /**
+     * @internal
+     */
+    tabpanelsChanged(): void;
+    /**
+     * A reference to the active tab
+     * @public
+     */
+    activetab: HTMLElement;
+    private prevActiveTabIndex;
+    private activeTabIndex;
+    private tabIds;
+    private tabpanelIds;
+    private change;
+    private isDisabledElement;
+    private isHiddenElement;
+    private isFocusableElement;
+    private getActiveIndex;
+    /**
+     * Function that is invoked whenever the selected tab or the tab collection changes.
+     *
+     * @public
+     */
+    protected setTabs(): void;
+    private setTabPanels;
+    private getTabIds;
+    private getTabPanelIds;
+    private setComponent;
+    private handleTabClick;
+    private isHorizontal;
+    private handleTabKeyDown;
+    /**
+     * The adjust method for FASTTabs
+     * @public
+     * @remarks
+     * This method allows the active index to be adjusted by numerical increments
+     */
+    adjust(adjustment: number): void;
+    private adjustForward;
+    private adjustBackward;
+    private moveToTabByIndex;
+    private focusTab;
+    /**
+     * @internal
+     */
+    connectedCallback(): void;
+}
+export declare class Tabs extends BaseTabs {
     /**
      * activeTabData
      * The positional coordinates and size dimensions of the active tab. Used for calculating the offset and scale of the tab active indicator.
@@ -64,21 +147,25 @@ export declare class Tabs extends FASTTabs {
      */
     private getTabScale;
     /**
-     * applyUpdatedCSSValues
+     * Calculates and applies updated values to CSS variables.
      *
-     * calculates and applies updated values to CSS variables
-     * @param tab
+     * @param tab - the tab element to apply the updated values to
+     * @internal
      */
     private applyUpdatedCSSValues;
     /**
-     * animationLoop
-     * runs through all the operations required for setting the tab active indicator to its starting location, ending location, and applying the animated css class to the tab.
-     * @param tab
+     * Runs through all the operations required for setting the tab active indicator to its starting location, ending
+     * location, and applying the animated css class to the tab.
+     *
+     * @param tab - the tab element to apply the updated values to
+     * @internal
      */
     private animationLoop;
     /**
-     * setTabData
-     * sets the data from the active tab onto the class. used for making all the animation calculations for the active tab indicator.
+     * Sets the data from the active tab onto the class. used for making all the animation calculations for the active
+     * tab indicator.
+     *
+     * @internal
      */
     private setTabData;
     private setTabOffsetCSSVar;
@@ -86,3 +173,5 @@ export declare class Tabs extends FASTTabs {
     activeidChanged(oldValue: string, newValue: string): void;
     tabsChanged(): void;
 }
+export interface Tabs extends StartEnd {
+}

package/dist/dts/tabs/tabs.options.d.ts

@@ -1,14 +1,32 @@
-import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js';
-import { TabsOrientation } from '@microsoft/fast-foundation/tabs.js';
+import { StartEndOptions } from '../patterns/index.js';
+import type { ValuesOf } from '../utils/index.js';
+import { Tabs } from './tabs.js';
 export declare const TabsAppearance: {
     readonly subtle: "subtle";
     readonly transparent: "transparent";
 };
-export declare type TabsAppearance = ValuesOf<typeof TabsAppearance>;
+export type TabsAppearance = ValuesOf<typeof TabsAppearance>;
 export declare const TabsSize: {
     readonly small: "small";
     readonly medium: "medium";
     readonly large: "large";
 };
-export declare type TabsSize = ValuesOf<typeof TabsSize>;
-export { TabsOrientation };
+export type TabsSize = ValuesOf<typeof TabsSize>;
+/**
+ * Tabs option configuration options
+ * @public
+ */
+export type TabsOptions = StartEndOptions<Tabs>;
+/**
+ * The orientation of the component
+ * @public
+ */
+export declare const TabsOrientation: {
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
+};
+/**
+ * The types for the Tabs component
+ * @public
+ */
+export type TabsOrientation = ValuesOf<typeof TabsOrientation>;

package/dist/dts/tabs/tabs.template.d.ts

@@ -1 +1,5 @@
-export declare const template: import("@microsoft/fast-element").ElementViewTemplate<import("@microsoft/fast-foundation/tabs.js").FASTTabs, any>;
+import { ElementViewTemplate } from '@microsoft/fast-element';
+import { Tabs } from './tabs.js';
+import { TabsOptions } from './tabs.options.js';
+export declare function tabsTemplate<T extends Tabs>(options?: TabsOptions): ElementViewTemplate<T>;
+export declare const template: ElementViewTemplate<Tabs, any>;

package/dist/dts/text/index.d.ts

@@ -1,5 +1,5 @@
-export * from './text.js';
-export * from './text.options.js';
+export { Text } from './text.js';
+export { TextAlign, TextFont, TextSize, TextWeight } from './text.options.js';
 export { template as TextTemplate } from './text.template.js';
 export { styles as TextStyles } from './text.styles.js';
 export { definition as TextDefinition } from './text.definition.js';

package/dist/dts/text/text.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';

package/dist/dts/text/text.options.d.ts

@@ -1,4 +1,4 @@
-import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js';
+import type { ValuesOf } from '../utils/index.js';
 /**
  * TextSize constants
  * @public
@@ -20,7 +20,7 @@ export declare const TextSize: {
  * The font size and line height based on the theme tokens
  * @public
  */
-export declare type TextSize = ValuesOf<typeof TextSize>;
+export type TextSize = ValuesOf<typeof TextSize>;
 /**
  * TextFont Constants
  * @public
@@ -34,7 +34,7 @@ export declare const TextFont: {
  * Applies font family to the content
  * @public
  */
-export declare type TextFont = ValuesOf<typeof TextFont>;
+export type TextFont = ValuesOf<typeof TextFont>;
 /**
  * TextWeight Constants
  * @public
@@ -49,7 +49,7 @@ export declare const TextWeight: {
  * Applies font weight to the content
  * @public
  */
-export declare type TextWeight = ValuesOf<typeof TextWeight>;
+export type TextWeight = ValuesOf<typeof TextWeight>;
 /**
  * TextAlign Constants
  * @public
@@ -64,4 +64,4 @@ export declare const TextAlign: {
  * Aligns the content
  * @public
  */
-export declare type TextAlign = ValuesOf<typeof TextAlign>;
+export type TextAlign = ValuesOf<typeof TextAlign>;

package/dist/dts/text-input/index.d.ts

@@ -1,6 +1,6 @@
-export * from './text-input.js';
-export * from './text-input.options.js';
-export { template as TextInputTemplate } from './text-input.template.js';
-export { styles as TextInputStyles } from './text-input.styles.js';
 export { definition as TextInputDefinition } from './text-input.definition.js';
-export { TextFieldType as TextInputType } from '@microsoft/fast-foundation/text-field.js';
+export { TextInput } from './text-input.js';
+export { TextInputAppearance, TextInputControlSize, TextInputType } from './text-input.options.js';
+export type { TextInputOptions } from './text-input.options.js';
+export { styles as TextInputStyles } from './text-input.styles.js';
+export { template as TextInputTemplate } from './text-input.template.js';

package/dist/dts/text-input/text-input.bench.d.ts

@@ -0,0 +1,3 @@
+declare const itemRenderer: () => HTMLElement;
+export default itemRenderer;
+export { tests } from '../utils/benchmark-wrapper.js';