@fluentui/web-components 3.0.0-rc.30 → 3.0.0-rc.31

package/dist/esm/link/link.definition-async.js

@@ -1,14 +1,17 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './link.options.js';
 /**
- * The async definition configuration for the fluent-link element.
+ * The async definition configuration for the `<fluent-link>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=link.definition-async.js.map

package/dist/esm/link/link.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.definition-async.js","sourceRoot":"","sources":["../../../src/link/link.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"link.definition-async.js","sourceRoot":"","sources":["../../../src/link/link.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/link/link.styles.js

@@ -1,6 +1,6 @@
 import { css } from '@microsoft/fast-element';
 import { display } from '../utils/display.js';
-import { colorBrandForegroundLink, colorBrandForegroundLinkHover, colorBrandForegroundLinkPressed, colorNeutralForeground2Link, colorNeutralForeground2LinkHover, colorNeutralForeground2LinkPressed, fontFamilyBase, fontSizeBase300, fontWeightRegular, strokeWidthThin, } from '../theme/design-tokens.js';
+import { colorBrandForegroundLink, colorBrandForegroundLinkHover, colorBrandForegroundLinkPressed, colorNeutralForeground2Link, colorNeutralForeground2LinkHover, colorNeutralForeground2LinkPressed, colorStrokeFocus2, fontFamilyBase, fontSizeBase300, fontWeightRegular, strokeWidthThin, } from '../theme/design-tokens.js';
 export const styles = css `
   ${display('inline')}
 
@@ -21,7 +21,7 @@ export const styles = css `
     user-select: text;
   }
 
-  :host(:is(:hover, :focus-visible)) {
+  :host(:hover) {
     outline: none;
     text-decoration-line: underline;
   }
@@ -54,6 +54,15 @@ export const styles = css `
     text-decoration: underline;
   }
 
+  :host(:focus-visible),
+  :host-context(:is(h1, h2, h3, h4, h5, h6, p, fluent-text)):focus-visible,
+  :host([inline]:focus-visible) {
+    outline-style: none;
+    text-decoration-line: underline;
+    text-decoration-style: double;
+    text-decoration-color: ${colorStrokeFocus2};
+  }
+
   :host(:not([href])) {
     color: inherit;
     text-decoration: none;

package/dist/esm/link/link.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.styles.js","sourceRoot":"","sources":["../../../src/link/link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EACL,wBAAwB,EACxB,6BAA6B,EAC7B,+BAA+B,EAC/B,2BAA2B,EAC3B,gCAAgC,EAChC,kCAAkC,EAClC,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,QAAQ,CAAC;;;;;;aAMR,wBAAwB;;mBAElB,cAAc;iBAChB,eAAe;mBACb,iBAAiB;;;;iCAIH,eAAe;;;;;;;;;;;;eAYjC,6BAA6B;;;;eAI7B,+BAA+B;;;;eAI/B,gCAAgC;;;;eAIhC,kCAAkC;;;;;aAKpC,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;CAwBvC,CAAC"}
+{"version":3,"file":"link.styles.js","sourceRoot":"","sources":["../../../src/link/link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EACL,wBAAwB,EACxB,6BAA6B,EAC7B,+BAA+B,EAC/B,2BAA2B,EAC3B,gCAAgC,EAChC,kCAAkC,EAClC,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,QAAQ,CAAC;;;;;;aAMR,wBAAwB;;mBAElB,cAAc;iBAChB,eAAe;mBACb,iBAAiB;;;;iCAIH,eAAe;;;;;;;;;;;;eAYjC,6BAA6B;;;;eAI7B,+BAA+B;;;;eAI/B,gCAAgC;;;;eAIhC,kCAAkC;;;;;aAKpC,2BAA2B;;;;;;;;;;;;;;;6BAeX,iBAAiB;;;;;;;;;;;;;;;;;;CAkB7C,CAAC"}

package/dist/esm/listbox/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './listbox.definition-async.js';
+import { declarativeDefinition } from './listbox.definition-async.js';
 import { Listbox } from './listbox.js';
-RenderableFASTElement(Listbox).defineAsync(definition);
+Listbox.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/listbox/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/listbox/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,qBAAqB,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/listbox/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/listbox/listbox.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-listbox element.
+ * The async definition configuration for the `<fluent-listbox>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;

package/dist/esm/listbox/listbox.definition-async.js

@@ -1,14 +1,17 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './listbox.options.js';
 /**
- * The async definition configuration for the fluent-listbox element.
+ * The async definition configuration for the `<fluent-listbox>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=listbox.definition-async.js.map

package/dist/esm/listbox/listbox.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"listbox.definition-async.js","sourceRoot":"","sources":["../../../src/listbox/listbox.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"listbox.definition-async.js","sourceRoot":"","sources":["../../../src/listbox/listbox.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/listbox/listbox.js

@@ -81,7 +81,9 @@ export class Listbox extends FASTElement {
      * @internal
      */
     get enabledOptions() {
-        return this.options?.filter(x => !x.disabled) ?? [];
+        return (this.options?.filter(x => !x.disabled) ??
+            Array.from(this.querySelectorAll('*')).filter((o) => isDropdownOption(o) && !o.disabled) ??
+            []);
     }
     /**
      * The collection of child options that are selected.

package/dist/esm/listbox/listbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"listbox.js","sourceRoot":"","sources":["../../../src/listbox/listbox.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"listbox.js","sourceRoot":"","sources":["../../../src/listbox/listbox.ts"],"names":[],"mappings":"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"}

package/dist/esm/menu/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './menu.definition-async.js';
+import { declarativeDefinition } from './menu.definition-async.js';
 import { Menu } from './menu.js';
-RenderableFASTElement(Menu).defineAsync(definition);
+Menu.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/menu/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/menu/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,qBAAqB,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/menu/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/menu/menu.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-menu element.
+ * The async definition configuration for the `<fluent-menu>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;

package/dist/esm/menu/menu.definition-async.js

@@ -1,14 +1,17 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './menu.options.js';
 /**
- * The async definition configuration for the fluent-menu element.
+ * The async definition configuration for the `<fluent-menu>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=menu.definition-async.js.map

package/dist/esm/menu/menu.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.definition-async.js","sourceRoot":"","sources":["../../../src/menu/menu.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"menu.definition-async.js","sourceRoot":"","sources":["../../../src/menu/menu.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/menu-button/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './menu-button.definition-async.js';
+import { declarativeDefinition } from './menu-button.definition-async.js';
 import { MenuButton } from './menu-button.js';
-RenderableFASTElement(MenuButton).defineAsync(definition);
+MenuButton.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/menu-button/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/menu-button/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,qBAAqB,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/menu-button/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,UAAU,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/menu-button/menu-button.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-menu-button element.
+ * The async definition configuration for the `<fluent-menu-button>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;

package/dist/esm/menu-button/menu-button.definition-async.js

@@ -1,14 +1,17 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './menu-button.options.js';
 /**
- * The async definition configuration for the fluent-menu-button element.
+ * The async definition configuration for the `<fluent-menu-button>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=menu-button.definition-async.js.map

package/dist/esm/menu-button/menu-button.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-button.definition-async.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"menu-button.definition-async.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/menu-item/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './menu-item.definition-async.js';
+import { declarativeDefinition } from './menu-item.definition-async.js';
 import { MenuItem } from './menu-item.js';
-RenderableFASTElement(MenuItem).defineAsync(definition);
+MenuItem.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/menu-item/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/menu-item/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,qBAAqB,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/menu-item/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,QAAQ,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/menu-item/menu-item.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-menu-item element.
+ * The async definition configuration for the `<fluent-menu-item>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;

package/dist/esm/menu-item/menu-item.definition-async.js

@@ -1,14 +1,17 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './menu-item.options.js';
 /**
- * The async definition configuration for the fluent-menu-item element.
+ * The async definition configuration for the `<fluent-menu-item>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=menu-item.definition-async.js.map

package/dist/esm/menu-item/menu-item.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.definition-async.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"menu-item.definition-async.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/menu-list/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './menu-list.definition-async.js';
+import { declarativeDefinition } from './menu-list.definition-async.js';
 import { MenuList } from './menu-list.js';
-RenderableFASTElement(MenuList).defineAsync(definition);
+MenuList.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/menu-list/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/menu-list/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,qBAAqB,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/menu-list/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,QAAQ,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/menu-list/menu-list.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-menu-list element.
+ * The async definition configuration for the `<fluent-menu-list>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;

package/dist/esm/menu-list/menu-list.definition-async.js

@@ -1,14 +1,17 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './menu-list.options.js';
 /**
- * The async definition configuration for the fluent-menu-list element.
+ * The async definition configuration for the `<fluent-menu-list>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=menu-list.definition-async.js.map

package/dist/esm/menu-list/menu-list.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-list.definition-async.js","sourceRoot":"","sources":["../../../src/menu-list/menu-list.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"menu-list.definition-async.js","sourceRoot":"","sources":["../../../src/menu-list/menu-list.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/message-bar/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './message-bar.definition-async.js';
+import { declarativeDefinition } from './message-bar.definition-async.js';
 import { MessageBar } from './message-bar.js';
-RenderableFASTElement(MessageBar).defineAsync(definition);
+MessageBar.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/message-bar/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/message-bar/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,qBAAqB,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/message-bar/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,UAAU,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/message-bar/message-bar.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-message-bar element.
+ * The async definition configuration for the `<fluent-message-bar>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;

package/dist/esm/message-bar/message-bar.definition-async.js

@@ -1,14 +1,17 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './message-bar.options.js';
 /**
- * The async definition configuration for the fluent-message-bar element.
+ * The async definition configuration for the `<fluent-message-bar>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=message-bar.definition-async.js.map

package/dist/esm/message-bar/message-bar.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-bar.definition-async.js","sourceRoot":"","sources":["../../../src/message-bar/message-bar.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"message-bar.definition-async.js","sourceRoot":"","sources":["../../../src/message-bar/message-bar.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/option/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './option.definition-async.js';
+import { declarativeDefinition } from './option.definition-async.js';
 import { DropdownOption } from './option.js';
-RenderableFASTElement(DropdownOption).defineAsync(definition);
+DropdownOption.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/option/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/option/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,qBAAqB,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/option/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/option/option.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-option element.
+ * The async definition configuration for the `<fluent-option>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;

package/dist/esm/option/option.definition-async.js

@@ -1,14 +1,17 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './option.options.js';
 /**
- * The async definition configuration for the fluent-option element.
+ * The async definition configuration for the `<fluent-option>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=option.definition-async.js.map

package/dist/esm/option/option.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"option.definition-async.js","sourceRoot":"","sources":["../../../src/option/option.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"option.definition-async.js","sourceRoot":"","sources":["../../../src/option/option.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/progress-bar/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './progress-bar.definition-async.js';
+import { declarativeDefinition } from './progress-bar.definition-async.js';
 import { ProgressBar } from './progress-bar.js';
-RenderableFASTElement(ProgressBar).defineAsync(definition);
+ProgressBar.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/progress-bar/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/progress-bar/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,qBAAqB,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/progress-bar/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,WAAW,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/progress-bar/progress-bar.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-progress-bar element.
+ * The async definition configuration for the `<fluent-progress-bar>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;

package/dist/esm/progress-bar/progress-bar.definition-async.js

@@ -1,14 +1,17 @@
+import { declarativeTemplate } from '@microsoft/fast-element/declarative.js';
+import { FluentDesignSystem } from '../fluent-design-system.js';
 import { tagName } from './progress-bar.options.js';
 /**
- * The async definition configuration for the fluent-progress-bar element.
+ * The async definition configuration for the `<fluent-progress-bar>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export const definition = {
+export const declarativeDefinition = {
     name: tagName,
-    templateOptions: 'defer-and-hydrate',
+    registry: FluentDesignSystem.registry,
+    template: declarativeTemplate(),
 };
 //# sourceMappingURL=progress-bar.definition-async.js.map

package/dist/esm/progress-bar/progress-bar.definition-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.definition-async.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}
+{"version":3,"file":"progress-bar.definition-async.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.definition-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAqC,MAAM,wCAAwC,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiC;IACjE,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ,EAAE,mBAAmB,EAAE;CAChC,CAAC"}

package/dist/esm/radio/define-async.js

@@ -1,5 +1,4 @@
-import { RenderableFASTElement } from '@microsoft/fast-html';
-import { definition } from './radio.definition-async.js';
+import { declarativeDefinition } from './radio.definition-async.js';
 import { Radio } from './radio.js';
-RenderableFASTElement(Radio).defineAsync(definition);
+Radio.define(declarativeDefinition);
 //# sourceMappingURL=define-async.js.map

package/dist/esm/radio/define-async.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/radio/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,qBAAqB,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/radio/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,KAAK,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/radio/radio.definition-async.d.ts

@@ -1,10 +1,10 @@
-import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { type PartialFASTElementDefinition } from '@microsoft/fast-element/declarative.js';
 /**
- * The async definition configuration for the fluent-radio element.
+ * The async definition configuration for the `<fluent-radio>` element.
  *
  * @public
  * @remarks
  * This is used in server-side rendering (SSR) scenarios where the template
  * is provided as a deferred option to be hydrated later.
  */
-export declare const definition: PartialFASTElementDefinition;
+export declare const declarativeDefinition: PartialFASTElementDefinition;