@fluentui/web-components 3.0.0-beta.71 → 3.0.0-beta.73

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Tue, 29 Oct 2024 04:06:37 GMT and should not be manually modified.
+This log was last generated on Thu, 07 Nov 2024 04:07:30 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [3.0.0-beta.73](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.73)
+
+Thu, 07 Nov 2024 04:07:30 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.72..@fluentui/web-components_v3.0.0-beta.73)
+
+### Changes
+
+- feat: add Tooltip component ([PR #32852](https://github.com/microsoft/fluentui/pull/32852) by rupertdavid@microsoft.com)
+
+## [3.0.0-beta.72](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.72)
+
+Wed, 30 Oct 2024 04:06:53 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.71..@fluentui/web-components_v3.0.0-beta.72)
+
+### Changes
+
+- add swapStates function for attribute-driven internal states ([PR #33156](https://github.com/microsoft/fluentui/pull/33156) by 863023+radium-v@users.noreply.github.com)
+
 ## [3.0.0-beta.71](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.71)
 
-Tue, 29 Oct 2024 04:06:37 GMT 
+Tue, 29 Oct 2024 04:06:49 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.70..@fluentui/web-components_v3.0.0-beta.71)
 
 ### Changes

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Accordion } from './accordion.js';
 /**
  * @public

package/dist/dts/accordion-item/accordion-item.d.ts

@@ -101,7 +101,7 @@ export declare class AccordionItem extends BaseAccordionItem {
      * @param prev - previous value
      * @param next - next value
      */
-    sizeChanged(prev: AccordionItemSize, next: AccordionItemSize): void;
+    sizeChanged(prev: AccordionItemSize | undefined, next: AccordionItemSize | undefined): void;
     /**
      * Sets expand and collapsed icon position.
      *
@@ -115,7 +115,7 @@ export declare class AccordionItem extends BaseAccordionItem {
      * @param prev - previous value
      * @param next - next value
      */
-    markerPositionChanged(prev: AccordionItemMarkerPosition, next: AccordionItemMarkerPosition): void;
+    markerPositionChanged(prev: AccordionItemMarkerPosition | undefined, next: AccordionItemMarkerPosition | undefined): void;
     /**
      * Sets the width of the focus state.
      *

package/dist/dts/accordion-item/accordion-item.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { AccordionItem, AccordionItemOptions } from './accordion-item.js';
 export declare function accordionItemTemplate<T extends AccordionItem>(options?: AccordionItemOptions): ElementViewTemplate<T>;
 /**

package/dist/dts/anchor-button/anchor-button.d.ts

@@ -1,7 +1,7 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { StartEnd } from '../patterns/index.js';
 import type { StartEndOptions } from '../patterns/index.js';
-import { type AnchorButtonAppearance, type AnchorButtonShape, type AnchorButtonSize, type AnchorTarget } from './anchor-button.options.js';
+import { StartEnd } from '../patterns/index.js';
+import { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize, type AnchorTarget } from './anchor-button.options.js';
 /**
  * Anchor configuration options
  * @public

package/dist/dts/anchor-button/anchor-button.options.d.ts

@@ -43,7 +43,7 @@ export declare const AnchorButtonSize: {
  * @public
  */
 export type AnchorButtonSize = ValuesOf<typeof AnchorButtonSize>;
-export { AnchorOptions as AnchorButtonOptions };
+export type { AnchorOptions as AnchorButtonOptions };
 /**
  * Anchor target values.
  *

package/dist/dts/anchor-button/anchor-button.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate, ViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate, type ViewTemplate } from '@microsoft/fast-element';
 import type { AnchorButton, AnchorOptions } from './anchor-button.js';
 /**
  * The template for the Button component.

package/dist/dts/avatar/avatar.d.ts

@@ -1,5 +1,5 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize } from './avatar.options.js';
+import { type AvatarActive, type AvatarAppearance, AvatarColor, AvatarNamedColor, type AvatarShape, type AvatarSize } from './avatar.options.js';
 /**
  * The base class used for constructing a fluent-avatar custom element
  * @public

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Avatar } from './avatar.js';
 /**
  * The template for the Avatar component.

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

@@ -1,4 +1,4 @@
-import { StartEndOptions } from '../patterns/index.js';
+import type { StartEndOptions } from '../patterns/index.js';
 import type { StaticallyComposableHTML, ValuesOf } from '../utils/index.js';
 import type { Badge } from './badge.js';
 /**

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Badge } from './badge.js';
 import type { BadgeOptions } from './badge.options.js';
 /**

package/dist/dts/button/button.d.ts

@@ -1,7 +1,6 @@
 import { FASTElement } from '@microsoft/fast-element';
 import { StartEnd } from '../patterns/index.js';
-import type { ButtonAppearance, ButtonFormTarget, ButtonShape, ButtonSize } from './button.options.js';
-import { ButtonType } from './button.options.js';
+import { ButtonAppearance, ButtonFormTarget, ButtonShape, ButtonSize, ButtonType } from './button.options.js';
 /**
  * A Button Custom HTML Element.
  * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | `<button>`} element.

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

@@ -1,4 +1,4 @@
-import { StartEndOptions } from '../patterns/index.js';
+import type { StartEndOptions } from '../patterns/index.js';
 import type { ValuesOf } from '../utils/index.js';
 import type { Button } from './button.js';
 /**

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

@@ -1,6 +1,6 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Button } from './button.js';
-import { ButtonOptions } from './button.options.js';
+import type { ButtonOptions } from './button.options.js';
 /**
  * Generates a template for the Button component.
  *

package/dist/dts/compound-button/compound-button.options.d.ts

@@ -43,4 +43,4 @@ export declare const CompoundButtonSize: {
  * @public
  */
 export type CompoundButtonSize = ValuesOf<typeof CompoundButtonSize>;
-export { ButtonOptions as CompoundButtonOptions };
+export type { ButtonOptions as CompoundButtonOptions };

package/dist/dts/compound-button/compound-button.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { CompoundButton } from './compound-button.js';
 import type { CompoundButtonOptions } from './compound-button.options.js';
 /**

package/dist/dts/counter-badge/counter-badge.options.d.ts

@@ -1,4 +1,4 @@
-import { BadgeOptions } from '../badge/badge.options.js';
+import type { BadgeOptions } from '../badge/badge.options.js';
 import type { ValuesOf } from '../utils/index.js';
 /**
  * CounterBadge options

package/dist/dts/counter-badge/counter-badge.template.d.ts

@@ -1,5 +1,5 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { CounterBadge } from './counter-badge.js';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
+import type { CounterBadge } from './counter-badge.js';
 /**
  * The template for the Counter Badge component.
  * @public

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Dialog } from './dialog.js';
 /**
  * Template for the Dialog component

package/dist/dts/dialog-body/dialog-body.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 /**
  * Template for the dialog form
  * @public

package/dist/dts/divider/divider.d.ts

@@ -45,7 +45,7 @@ export declare class BaseDivider extends FASTElement {
      * @param next - the current orientation value
      * @internal
      */
-    orientationChanged(previous: string | null, next: string | null): void;
+    orientationChanged(previous: DividerRole | undefined, next: DividerRole | undefined): void;
 }
 /**
  * A Divider Custom HTML Element.

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Divider } from './divider.js';
 export declare function dividerTemplate<T extends Divider>(): ElementViewTemplate<T>;
 /**

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Drawer } from './drawer.js';
 /**
  * The template for the Drawer component.

package/dist/dts/drawer-body/drawer-body.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { DrawerBody } from './drawer-body.js';
 /**
  * The template for the Drawer component.

package/dist/dts/field/field.d.ts

@@ -1,5 +1,5 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { LabelPosition, SlottableInput } from './field.options.js';
+import { LabelPosition, type SlottableInput } from './field.options.js';
 /**
  * A Field Custom HTML Element.
  *

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 /**
  * Template for the Field component
  * @public

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Image } from './image.js';
 /**
  * Template for the Image component

package/dist/dts/index-rollup.d.ts

@@ -36,3 +36,4 @@ import './textarea/define.js';
 import './text-input/define.js';
 import './text/define.js';
 import './toggle-button/define.js';
+import './tooltip/define.js';

package/dist/dts/index.d.ts

@@ -55,6 +55,7 @@ export * from './theme/design-tokens.js';
 export { setTheme, setThemeFor, type Theme } from './theme/index.js';
 export { ToggleButton, ToggleButtonAppearance, ToggleButtonDefinition, ToggleButtonShape, ToggleButtonSize, ToggleButtonStyles, ToggleButtonTemplate, } from './toggle-button/index.js';
 export type { ToggleButtonOptions } from './toggle-button/index.js';
+export { Tooltip, TooltipDefinition, TooltipPositioningOption, TooltipStyles, TooltipTemplate, } from './tooltip/index.js';
 export { darkModeStylesheetBehavior, forcedColorsStylesheetBehavior, lightModeStylesheetBehavior, MatchMediaBehavior, MatchMediaStyleSheetBehavior, } from './utils/behaviors/match-media-stylesheet-behavior.js';
 export type { MediaQueryListListener } from './utils/behaviors/match-media-stylesheet-behavior.js';
 export { getDirection } from './utils/direction.js';

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

@@ -1,5 +1,5 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { Label } from './label.js';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
+import type { Label } from './label.js';
 /**
  * The template for the Fluent label web-component.
  * @public

package/dist/dts/link/link.d.ts

@@ -1,5 +1,5 @@
 import { BaseAnchor } from '../anchor-button/anchor-button.js';
-import { type LinkAppearance } from './link.options.js';
+import { LinkAppearance } from './link.options.js';
 /**
  * An Anchor Custom HTML Element.
  * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element }.

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate, ViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate, ViewTemplate } from '@microsoft/fast-element';
 import type { Link } from './link.js';
 /**
  * The template for the Link component.

package/dist/dts/menu/menu.d.ts

@@ -1,5 +1,5 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { MenuList } from '../menu-list/menu-list.js';
+import type { MenuList } from '../menu-list/menu-list.js';
 /**
  * A Menu component that provides a customizable menu element.
  * @class Menu

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Menu } from './menu.js';
 export declare function menuTemplate<T extends Menu>(): ElementViewTemplate<T>;
 export declare const template: ElementViewTemplate<Menu>;

package/dist/dts/menu-button/menu-button.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { MenuButton } from './menu-button.js';
 /**
  * The template for the Button component.

package/dist/dts/menu-item/menu-item.d.ts

@@ -1,4 +1,4 @@
-import { ElementsFilter, FASTElement } from '@microsoft/fast-element';
+import { type ElementsFilter, FASTElement } from '@microsoft/fast-element';
 import type { StartEndOptions } from '../patterns/start-end.js';
 import { StartEnd } from '../patterns/start-end.js';
 import type { StaticallyComposableHTML } from '../utils/template-helpers.js';

package/dist/dts/menu-list/menu-list.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { MenuList } from './menu-list.js';
 export declare function menuTemplate<T extends MenuList>(): ElementViewTemplate<T>;
 export declare const template: ElementViewTemplate<MenuList>;

package/dist/dts/message-bar/message-bar.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { MessageBar } from './message-bar.js';
 /**
  * Generates a template for the MessageBar component.

package/dist/dts/patterns/start-end.d.ts

@@ -1,4 +1,4 @@
-import { CaptureType } from '@microsoft/fast-element';
+import { type CaptureType } from '@microsoft/fast-element';
 import type { StaticallyComposableHTML } from '../utils/index.js';
 /**
  * Start configuration options

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Radio } from './radio.js';
 import type { RadioOptions } from './radio.options.js';
 /**

package/dist/dts/radio-group/radio-group.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { RadioGroup } from './radio-group.js';
 export declare function radioGroupTemplate<T extends RadioGroup>(): ElementViewTemplate<T>;
 export declare const template: ElementViewTemplate<RadioGroup>;

package/dist/dts/rating-display/rating-display.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { RatingDisplay } from './rating-display.js';
 /**
  * Generates a template for the Rating Display component.

package/dist/dts/slider/slider.d.ts

@@ -1,6 +1,6 @@
 import { FASTElement } from '@microsoft/fast-element';
 import { Direction, Orientation } from '@microsoft/fast-web-utilities';
-import { SliderConfiguration, SliderMode, SliderSize } from './slider.options.js';
+import { type SliderConfiguration, SliderMode, SliderSize } from './slider.options.js';
 /**
  * The base class used for constructing a fluent-slider custom element
  *
@@ -38,7 +38,7 @@ export declare class Slider extends FASTElement implements SliderConfiguration {
      * HTML Attribute: size
      */
     size?: SliderSize;
-    protected sizeChanged(prev: string, next: string): void;
+    protected sizeChanged(prev: SliderSize | undefined, next: SliderSize | undefined): void;
     handleChange(_: any, propertyName: string): void;
     private stepStyles?;
     /**
@@ -277,7 +277,7 @@ export declare class Slider extends FASTElement implements SliderConfiguration {
      * apply different behavior when it’s vertical.
      */
     orientation?: Orientation;
-    protected orientationChanged(prev: string | undefined, next: string | undefined): void;
+    protected orientationChanged(prev: Orientation | undefined, next: Orientation | undefined): void;
     /**
      * The selection mode.
      *

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

@@ -1,5 +1,5 @@
 import { FASTElement } from '@microsoft/fast-element';
-import type { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
+import { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
 /**
  * The base class used for constructing a fluent-spinner custom element
  * @public

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

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

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { Switch, SwitchOptions } from './switch.js';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
+import type { 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/tab.d.ts

@@ -1,5 +1,6 @@
 import { FASTElement } from '@microsoft/fast-element';
-import { StartEnd, StartEndOptions } from '../patterns/index.js';
+import type { StartEndOptions } from '../patterns/start-end.js';
+import { StartEnd } from '../patterns/start-end.js';
 /**
  * Tab configuration options
  * @public

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 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/tab-panel.template.d.ts

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

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

@@ -1,4 +1,4 @@
-import { Tablist } from './tablist.js';
+import type { Tablist } from './tablist.js';
 /**
  * @public
  */

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

@@ -1,6 +1,6 @@
 import { FASTElement } from '@microsoft/fast-element';
 import { StartEnd } from '../patterns/index.js';
-import { TabsAppearance, TabsOrientation, TabsSize } from './tabs.options.js';
+import { TabsAppearance, TabsOrientation, type TabsSize } from './tabs.options.js';
 /**
  * A Tabs component that wraps a collection of tab and tab panel elements.
  *

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

@@ -1,6 +1,6 @@
-import { StartEndOptions } from '../patterns/index.js';
+import type { StartEndOptions } from '../patterns/start-end.js';
 import type { ValuesOf } from '../utils/index.js';
-import { Tabs } from './tabs.js';
+import type { Tabs } from './tabs.js';
 export declare const TabsAppearance: {
     readonly subtle: "subtle";
     readonly transparent: "transparent";

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

@@ -1,5 +1,5 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import { Tabs } from './tabs.js';
-import { TabsOptions } from './tabs.options.js';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
+import type { Tabs } from './tabs.js';
+import type { 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/text.d.ts

@@ -1,5 +1,5 @@
 import { FASTElement } from '@microsoft/fast-element';
-import type { TextAlign, TextFont, TextSize, TextWeight } from './text.options.js';
+import { TextAlign, TextFont, TextSize, TextWeight } from './text.options.js';
 /**
  * The base class used for constructing a fluent-text custom element
  * @public

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { Text } from './text.js';
 /**
  * @internal

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

@@ -1,7 +1,6 @@
 import { FASTElement } from '@microsoft/fast-element';
 import { StartEnd } from '../patterns/start-end.js';
-import type { TextInputControlSize } from './text-input.options.js';
-import { TextInputAppearance, TextInputType } from './text-input.options.js';
+import { TextInputAppearance, TextInputControlSize, TextInputType } from './text-input.options.js';
 /**
  * A Text Input Custom HTML Element.
  * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input | `<input>`} element.

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

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import { type ElementViewTemplate } from '@microsoft/fast-element';
 import type { TextArea } from './textarea.js';
 /**
  * Generates a template for the TextArea component.

package/dist/dts/toggle-button/toggle-button.template.d.ts

@@ -1,4 +1,4 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
+import type { ElementViewTemplate } from '@microsoft/fast-element';
 import type { ToggleButton } from './toggle-button.js';
 /**
  * The template for the ToggleButton component.

package/dist/dts/tooltip/define.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,5 @@
+export { definition as TooltipDefinition } from './tooltip.definition.js';
+export { Tooltip } from './tooltip.js';
+export { TooltipPositioningOption } from './tooltip.options.js';
+export { styles as TooltipStyles } from './tooltip.styles.js';
+export { template as TooltipTemplate } from './tooltip.template.js';

package/dist/dts/tooltip/tooltip.d.ts

@@ -0,0 +1,88 @@
+import { FASTElement } from '@microsoft/fast-element';
+import type { TooltipPositioningOption } from './tooltip.options.js';
+/**
+ * A Tooltip Custom HTML Element.
+ * Based on ARIA APG Tooltip Pattern {@link https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/ }
+ * @public
+ */
+export declare class Tooltip extends FASTElement {
+    /**
+     * The attached element internals
+     */
+    elementInternals: ElementInternals;
+    /**
+     * The item ID
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: id
+     */
+    id: string;
+    /**
+     * Set the delay for the tooltip
+     */
+    delay?: number;
+    /**
+     * The default delay for the tooltip
+     * @internal
+     */
+    private defaultDelay;
+    /**
+     * Set the positioning of the tooltip
+     */
+    positioning?: TooltipPositioningOption;
+    /**
+     * The id of the anchor element for the tooltip
+     */
+    anchor: string;
+    /**
+     * Reference to the anchor element
+     * @internal
+     */
+    private get anchorElement();
+    /**
+     * Reference to the anchor positioning style element
+     * @internal
+     */
+    protected anchorPositioningStyleElement: HTMLStyleElement | null;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Shows the tooltip
+     * @param delay Number of milliseconds to delay showing the tooltip
+     * @internal
+     */
+    showTooltip(delay?: number): void;
+    /**
+     * Hide the tooltip
+     * @param delay Number of milliseconds to delay hiding the tooltip
+     * @internal
+     */
+    hideTooltip(delay?: number): void;
+    /**
+     * Show the tooltip on mouse enter
+     */
+    mouseenterAnchorHandler: () => void;
+    /**
+     * Hide the tooltip on mouse leave
+     */
+    mouseleaveAnchorHandler: () => void;
+    /**
+     * Show the tooltip on focus
+     */
+    focusAnchorHandler: () => void;
+    /**
+     * Hide the tooltip on blur
+     */
+    blurAnchorHandler: () => void;
+}
+declare global {
+    interface Window {
+        CSS_ANCHOR_POLYFILL?: {
+            call: (options: {
+                element: HTMLStyleElement;
+            }) => void;
+        };
+    }
+}