diff --git a/.github/skills/typescript/SKILL.md b/.github/skills/typescript/SKILL.md
index 216db771c7f..a72686fecf8 100644
--- a/.github/skills/typescript/SKILL.md
+++ b/.github/skills/typescript/SKILL.md
@@ -18,7 +18,7 @@ import { type Constructable, isFunction } from "../interfaces.js";
 Sub-entry-points expose focused APIs through the `exports` map:
 
 ```ts
-import { twoWay } from "@microsoft/fast-element/binding/two-way.js";
+import { twoWay } from "@microsoft/fast-element/two-way.js";
 import { reactive } from "@microsoft/fast-element/state.js";
 import { composedParent } from "@microsoft/fast-element/utilities.js";
 ```
@@ -66,7 +66,9 @@ definition.define();
 Templates use the `html` tagged template literal typed to the element class:
 
 ```ts
-import { html, repeat, when } from "@microsoft/fast-element";
+import { html } from "@microsoft/fast-element/html.js";
+import { repeat } from "@microsoft/fast-element/repeat.js";
+import { when } from "@microsoft/fast-element/when.js";
 import type { MyElement } from "./my-element.js";
 
 export const template = html<MyElement>`
@@ -95,7 +97,7 @@ export const template = html<MyElement>`
 Two-way bindings require a sub-entry-point import:
 
 ```ts
-import { twoWay } from "@microsoft/fast-element/binding/two-way.js";
+import { twoWay } from "@microsoft/fast-element/two-way.js";
 ```
 
 ### Partial HTML
@@ -115,7 +117,7 @@ Styles use the `css` tagged template literal. They attach through the element de
 `styles` property:
 
 ```ts
-import { css } from "@microsoft/fast-element";
+import { css } from "@microsoft/fast-element/css.js";
 
 export const styles = css`
     :host {
@@ -144,14 +146,10 @@ both the initial shadow root template and the `<f-template>`:
 tracked by templates. `@volatile` marks getters whose dependencies change between calls:
 
 ```ts
-import {
-    attr,
-    FASTElement,
-    nullableNumberConverter,
-    Observable,
-    observable,
-    volatile,
-} from "@microsoft/fast-element";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { attr, nullableNumberConverter } from "@microsoft/fast-element/attr.js";
+import { Observable, observable } from "@microsoft/fast-element/observable.js";
+import { volatile } from "@microsoft/fast-element/volatile.js";
 
 class MyElement extends FASTElement {
     @attr label?: string;
diff --git a/change/@microsoft-fast-element-106e0dee-a966-4f2d-9d9b-857c10599260.json b/change/@microsoft-fast-element-106e0dee-a966-4f2d-9d9b-857c10599260.json
index 9ed14e27e8c..f021be0f3b6 100644
--- a/change/@microsoft-fast-element-106e0dee-a966-4f2d-9d9b-857c10599260.json
+++ b/change/@microsoft-fast-element-106e0dee-a966-4f2d-9d9b-857c10599260.json
@@ -1,6 +1,6 @@
 {
   "type": "minor",
-  "comment": "Add definition-scoped declarative map extensions.",
+  "comment": "Add schema-driven attributeMap and observerMap extension subpaths, optional definition schema, and observerMap schema configuration.",
   "packageName": "@microsoft/fast-element",
   "email": "7559015+janechu@users.noreply.github.com",
   "dependentChangeType": "none"
diff --git a/change/@microsoft-fast-element-22265526-9ae0-4996-878d-ec0bd68133c2.json b/change/@microsoft-fast-element-22265526-9ae0-4996-878d-ec0bd68133c2.json
new file mode 100644
index 00000000000..8d8888a762d
--- /dev/null
+++ b/change/@microsoft-fast-element-22265526-9ae0-4996-878d-ec0bd68133c2.json
@@ -0,0 +1,7 @@
+{
+  "type": "major",
+  "comment": "Move optional helpers to dedicated flat fast-element subpath exports such as @microsoft/fast-element/children.js, @microsoft/fast-element/repeat.js, @microsoft/fast-element/two-way.js, @microsoft/fast-element/signal.js, @microsoft/fast-element/attribute-map.js, and @microsoft/fast-element/observer-map.js while keeping controller and definition internals on the root entrypoint.",
+  "packageName": "@microsoft/fast-element",
+  "email": "7559015+janechu@users.noreply.github.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@microsoft-fast-element-3f6b286b-8276-4142-b903-7306b4c76808.json b/change/@microsoft-fast-element-3f6b286b-8276-4142-b903-7306b4c76808.json
new file mode 100644
index 00000000000..4acfbf098ef
--- /dev/null
+++ b/change/@microsoft-fast-element-3f6b286b-8276-4142-b903-7306b4c76808.json
@@ -0,0 +1,7 @@
+{
+  "type": "major",
+  "comment": "Remove the public declarative TemplateElement configuration APIs and make declarative templates use an internal native f-template publisher with explicit hydration opt-in.",
+  "packageName": "@microsoft/fast-element",
+  "email": "7559015+janechu@users.noreply.github.com",
+  "dependentChangeType": "none"
+}
diff --git a/change/@microsoft-fast-element-61e3e3bd-e227-4449-9ff6-8edc104819d9.json b/change/@microsoft-fast-element-61e3e3bd-e227-4449-9ff6-8edc104819d9.json
index a7142b625e8..dbaec336601 100644
--- a/change/@microsoft-fast-element-61e3e3bd-e227-4449-9ff6-8edc104819d9.json
+++ b/change/@microsoft-fast-element-61e3e3bd-e227-4449-9ff6-8edc104819d9.json
@@ -1,6 +1,6 @@
 {
   "type": "major",
-  "comment": "Move declarative HTML APIs into @microsoft/fast-element/declarative.js and remove the @microsoft/fast-html package.",
+  "comment": "Move declarative HTML APIs into @microsoft/fast-element/declarative.js, expose schema map helpers from extension subpaths, and remove the @microsoft/fast-html package.",
   "packageName": "@microsoft/fast-element",
   "dependentChangeType": "none",
   "email": "7559015+janechu@users.noreply.github.com"
diff --git a/examples/todo-app/src/todo-app.styles.ts b/examples/todo-app/src/todo-app.styles.ts
index 4d6c0366e4b..ff0a80a220a 100644
--- a/examples/todo-app/src/todo-app.styles.ts
+++ b/examples/todo-app/src/todo-app.styles.ts
@@ -1,5 +1,4 @@
-import { css } from "@microsoft/fast-element/styles.js";
-
+import { css } from "@microsoft/fast-element/css.js";
 export const styles = css`
     :host {
         display: block;
diff --git a/examples/todo-app/src/todo-app.template.ts b/examples/todo-app/src/todo-app.template.ts
index bbaf70eaf06..84c1879b2ef 100644
--- a/examples/todo-app/src/todo-app.template.ts
+++ b/examples/todo-app/src/todo-app.template.ts
@@ -1,5 +1,6 @@
-import { html, repeat } from "@microsoft/fast-element";
-import { twoWay } from "@microsoft/fast-element/binding/two-way.js";
+import { html } from "@microsoft/fast-element/html.js";
+import { repeat } from "@microsoft/fast-element/repeat.js";
+import { twoWay } from "@microsoft/fast-element/two-way.js";
 import type { TodoApp } from "./todo-app.js";
 import type { Todo } from "./todo-list.js";
 import "./todo-form.js";
@@ -34,7 +35,7 @@ export const template = html<TodoApp>`
                         &times;
                     </button>
                 </li>
-            `
+            `,
         )}
     </ul>
 `;
diff --git a/examples/todo-app/src/todo-form.styles.ts b/examples/todo-app/src/todo-form.styles.ts
index 56c210c60c7..2ddb6a0dd43 100644
--- a/examples/todo-app/src/todo-form.styles.ts
+++ b/examples/todo-app/src/todo-form.styles.ts
@@ -1,5 +1,4 @@
-import { css } from "@microsoft/fast-element/styles.js";
-
+import { css } from "@microsoft/fast-element/css.js";
 export const styles = css`
     form {
         display: flex;
diff --git a/examples/todo-app/src/todo-form.template.ts b/examples/todo-app/src/todo-form.template.ts
index 37bc3c58262..6111b92640c 100644
--- a/examples/todo-app/src/todo-form.template.ts
+++ b/examples/todo-app/src/todo-form.template.ts
@@ -1,5 +1,5 @@
-import { html } from "@microsoft/fast-element";
-import { twoWay } from "@microsoft/fast-element/binding/two-way.js";
+import { html } from "@microsoft/fast-element/html.js";
+import { twoWay } from "@microsoft/fast-element/two-way.js";
 import type { TodoForm } from "./todo-form.js";
 
 export const template = html<TodoForm>`
diff --git a/examples/todo-app/src/todo-form.ts b/examples/todo-app/src/todo-form.ts
index c1faa199238..fd28e1a74ad 100644
--- a/examples/todo-app/src/todo-form.ts
+++ b/examples/todo-app/src/todo-form.ts
@@ -1,4 +1,5 @@
-import { customElement, FASTElement, observable } from "@microsoft/fast-element";
+import { customElement, FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { observable } from "@microsoft/fast-element/observable.js";
 import { styles } from "./todo-form.styles.js";
 import { template } from "./todo-form.template.js";
 import { TodoList } from "./todo-list.js";
diff --git a/examples/todo-app/src/todo-list.ts b/examples/todo-app/src/todo-list.ts
index 71e15c1679e..f2175d2fc3f 100644
--- a/examples/todo-app/src/todo-list.ts
+++ b/examples/todo-app/src/todo-list.ts
@@ -1,6 +1,7 @@
-import { Observable, observable, volatile } from "@microsoft/fast-element";
 import { Context } from "@microsoft/fast-element/context.js";
+import { Observable, observable } from "@microsoft/fast-element/observable.js";
 import { reactive } from "@microsoft/fast-element/state.js";
+import { volatile } from "@microsoft/fast-element/volatile.js";
 
 export type Todo = { description: string; done: boolean };
 export type TodoListFilter = "all" | "active" | "completed";
diff --git a/packages/fast-element/ARCHITECTURE_HTML_TAGGED_TEMPLATE_LITERAL.md b/packages/fast-element/ARCHITECTURE_HTML_TAGGED_TEMPLATE_LITERAL.md
index 4cc28d8414c..dcb9a8e946f 100644
--- a/packages/fast-element/ARCHITECTURE_HTML_TAGGED_TEMPLATE_LITERAL.md
+++ b/packages/fast-element/ARCHITECTURE_HTML_TAGGED_TEMPLATE_LITERAL.md
@@ -33,4 +33,4 @@ flowchart TD
     C --> E
     F[When a <code>createObserver</code> is called, the instance of the one time binding is returned which includes a bind method returning the arrow function executed against the controller source and context]
     B --> F
-```
\ No newline at end of file
+```
diff --git a/packages/fast-element/ARCHITECTURE_OVERVIEW.md b/packages/fast-element/ARCHITECTURE_OVERVIEW.md
index 8783c6a1aa7..9bafffd0db2 100644
--- a/packages/fast-element/ARCHITECTURE_OVERVIEW.md
+++ b/packages/fast-element/ARCHITECTURE_OVERVIEW.md
@@ -28,7 +28,7 @@ Let's step back from defining the Custom Element and consider what is happening
 
 First, a global `FAST` property will be created if one does not already exist, typically in browser on the `window`.
 
-Additionally, when Custom Elements are included in a script a few things might happen even before a Custom Element gets detected by the browser. First, there are initial side effects caused by the use of decorators. These include the `attr` and `observable` decorators made available by the `@microsoft/fast-element` package.
+Additionally, when Custom Elements are included in a script a few things might happen even before a Custom Element gets detected by the browser. First, there are initial side effects caused by the use of decorators. These include the `attr` decorator from `@microsoft/fast-element` and the `observable` decorator from `@microsoft/fast-element`.
 
 Here is a basic flow of what code is executed and when during initial load of a script that contains a FAST defined Custom Element:
 
@@ -49,4 +49,4 @@ flowchart TD
     I@{ shape: dbl-circ, label: "The lifecycle steps for <code>FASTElement</code> are executed" }
     G --> H
     H --> I
-```
\ No newline at end of file
+```
diff --git a/packages/fast-element/DECLARATIVE_DESIGN.md b/packages/fast-element/DECLARATIVE_DESIGN.md
index ffcd33e16b3..2e63f628888 100644
--- a/packages/fast-element/DECLARATIVE_DESIGN.md
+++ b/packages/fast-element/DECLARATIVE_DESIGN.md
@@ -1,10 +1,9 @@
 # Declarative HTML Design
 
 This document is intended for contributors who want to understand the internal
-architecture of the declarative runtime in
-`@microsoft/fast-element/declarative.js`. It covers the feature's purpose, core
-concepts, data flow, and its integration with the rest of
-`@microsoft/fast-element`.
+architecture of the declarative runtime and schema-driven map extensions in
+`@microsoft/fast-element`. It covers the feature's purpose, core concepts, data
+flow, and its integration with the rest of `@microsoft/fast-element`.
 
 ## Table of Contents
 
@@ -27,11 +26,12 @@ concepts, data flow, and its integration with the rest of
 
 ## Overview
 
-`@microsoft/fast-element/declarative.js` lets you write FAST Web Component
+`@microsoft/fast-element` lets you write FAST Web Component
 templates as plain HTML rather than JavaScript `html` tagged template literals.
-The browser-side JS bundle includes the `<f-template>` custom element, which
-parses a declarative template at runtime and attaches it as a `ViewTemplate` to
-a waiting FAST element definition.
+The browser-side JS bundle defines FAST's internal native `<f-template>`
+publisher on demand. It parses declarative template markup at runtime and
+returns a `ViewTemplate` to the waiting FAST element definition through the
+registry-aware declarative template bridge.
 
 ```html
 <!-- Declarative template — stack-agnostic, no JS needed to render -->
@@ -55,34 +55,58 @@ a waiting FAST element definition.
 |---|---|
 | **Server-agnostic rendering** | Templates are plain HTML strings with no dependency on Node.js or any specific SSR framework. |
 | **Progressive enhancement** | Components can be server-rendered and then hydrated client-side without a full re-render. |
-| **FAST parity** | The declarative syntax maps 1-to-1 to `@microsoft/fast-element` directives (`repeat`, `when`, `slotted`, `children`, `ref`). |
+| **FAST parity** | The declarative syntax maps 1-to-1 to FAST Element directive helpers (`repeat`, `when`, `slotted`, `children`, `ref`) exported from `@microsoft/fast-element`. |
 | **Minimal authoring overhead** | Component authors write HTML, not tagged template strings, while retaining full reactive capabilities. |
 
 ---
 
 ## Core Concepts
 
-### `<f-template>` — the template element
+### `<f-template>` — the internal template publisher
 
-`<f-template>` is a custom element (class `TemplateElement`) that acts as the bridge between a declarative HTML template and the FAST element registry. When connected to the DOM it:
+`<f-template>` is an internal custom element implemented as a lightweight native
+`HTMLElement`. It is defined automatically by `declarativeTemplate()` in the same
+`CustomElementRegistry` as the FAST element definition. Consumers should not
+import, subclass, or define the implementation directly.
 
-1. Looks up the element definition registered via `define()`.
-2. Delegates parsing of the inner `<template>` tag to `TemplateParser`, which converts declarative bindings into FAST `ViewTemplate` strings and values.
-3. Assigns the compiled `ViewTemplate` to the element definition.
+When connected to the DOM it:
+
+1. Registers itself with the declarative template bridge using its registry and
+   `name` attribute.
+2. Publishes a template when a matching FAST element definition requests one.
+3. Delegates parsing of the inner `<template>` tag to `TemplateParser`, which
+   converts declarative bindings into FAST `ViewTemplate` strings and values.
+4. Runs definition-scoped schema transforms, such as `attributeMap()` and
+   `observerMap()`, before returning the concrete `ViewTemplate`.
 
 ### `TemplateParser` — declarative HTML parser
 
-A standalone class that converts declarative HTML template markup into the `strings` and `values` arrays that `ViewTemplate.create()` consumes. It is used by `TemplateElement` internally but can also be used independently for programmatic template compilation. The parsing pipeline is fully synchronous — no promises are allocated during template resolution. A `StringsAccumulator` tracks the running concatenation of preceding HTML, eliminating repeated O(N) `join("")` calls at each binding site. `createTemplate()` also performs the declarative runtime's lazy installation of hydratable `ViewTemplate` support and declarative debug messages.
+A standalone class that converts declarative HTML template markup into the
+`strings` and `values` arrays that `ViewTemplate.create()` consumes. It is used
+by the internal `<f-template>` publisher but can also be used independently for
+programmatic template compilation. The parsing pipeline is fully synchronous —
+no promises are allocated during template resolution. A `StringsAccumulator`
+tracks the running concatenation of preceding HTML, eliminating repeated O(N)
+`join("")` calls at each binding site. `createTemplate()` lazily installs the
+declarative runtime's debug messages; hydration support is installed only by
+`enableHydration()`.
 
 ### `Schema` — JSON schema builder
 
-Built during template parsing, one `Schema` instance per `<f-template>`. It records every binding path discovered in the template and constructs a JSON Schema-compatible data structure. This schema:
+Built during declarative template parsing, one `Schema` instance per
+`<f-template>`. Non-declarative callers can also create and attach a `Schema`
+manually. It records every binding path discovered in the template or supplied
+by code and constructs a JSON Schema-compatible data structure. This schema:
 
 - Describes the shape of each root property referenced in the template.
 - Tracks repeat context chains (parent/child array relationships).
 - Uses an instance-level `schemaMap` for its own property schemas.
 - Registers itself in the module-level `schemaRegistry` (keyed by custom element name) for cross-element `$ref` resolution.
 
+`FASTElementDefinition.schema` is optional. `declarativeTemplate()` assigns it
+automatically after parsing; manual schema users can pass `schema` in the
+definition object.
+
 ### `ObserverMap` — automatic observable setup
 
 An optional layer that uses the `Schema` to automatically:
@@ -91,13 +115,17 @@ An optional layer that uses the `Schema` to automatically:
 - Install property-change handlers that wrap newly assigned objects/arrays in `Proxy` instances.
 - Propagate deep property mutations back through FAST's observable system so bindings re-render.
 
-Enabled via the `observerMap()` definition extension.
-`TemplateElement.options({ "my-element": { observerMap: {} } })` remains
-available as a compatibility fallback. Both forms observe all root properties.
+Enabled via the `observerMap()` definition extension exported from
+`@microsoft/fast-element/observer-map.js`. Calling `observerMap()` without
+arguments observes all root properties discovered in the template or supplied
+schema.
 
 #### Path-level observation control
 
-The `ObserverMapConfig` interface accepts an optional `properties` key that maps root property names to a recursive path tree controlling observation granularity:
+The `ObserverMapConfig` interface accepts an optional `schema` for
+non-declarative/manual schema use and an optional `properties` key that maps
+root property names to a recursive path tree controlling observation
+granularity:
 
 ```typescript
 MyElement.define(
@@ -131,6 +159,29 @@ When `properties` is omitted, all root properties are observed. When
 `properties` is present but empty (`{ properties: {} }`), no root properties
 are observed.
 
+For non-declarative elements, pass a schema directly to `observerMap()`:
+
+```typescript
+import { FASTElement, Schema } from "@microsoft/fast-element";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+
+class MyElement extends FASTElement {}
+
+const schema = new Schema("my-element");
+schema.addPath({
+    rootPropertyName: "user",
+    pathConfig: {
+        type: "default",
+        parentContext: null,
+        currentContext: null,
+        path: "user.name",
+    },
+    childrenMap: null,
+});
+
+MyElement.define({ name: "my-element" }, [observerMap({ schema })]);
+```
+
 The resolution algorithm walks the schema and configuration tree in parallel:
 1. If `properties` is present and a root property is not listed, it is skipped.
 2. `true`/`false` booleans apply to the entire subtree.
@@ -141,17 +192,18 @@ The resolution algorithm walks the schema and configuration tree in parallel:
 
 An optional layer that uses the `Schema` to automatically register `@attr`-style reactive properties for every **leaf binding** in the template — i.e. simple expressions like `{{foo}}` or `id="{{foo-bar}}"` that have no nested properties, no explicit type, and no child element references.
 
-- By default (`attribute-name-strategy: "none"`), the **attribute name** and **property name** are both the binding key exactly as written in the template (e.g. `{{foo-bar}}` → attribute `foo-bar`, property `foo-bar`). No normalization is applied.
-- When `attribute-name-strategy` is `"camelCase"`, the binding key is treated as a camelCase property name and the HTML attribute name is derived by converting it to kebab-case (e.g. `{{fooBar}}` → property `fooBar`, attribute `foo-bar`). This matches the build-time `--attribute-name-strategy` option in `@microsoft/fast-build`.
+- By default (`attribute-name-strategy: "camelCase"`), the binding key is treated as a camelCase property name and the HTML attribute name is derived by converting it to kebab-case (e.g. `{{fooBar}}` → property `fooBar`, attribute `foo-bar`). This matches the build-time `--attribute-name-strategy` option in `@microsoft/fast-build`.
+- When `attribute-name-strategy` is `"none"`, the **attribute name** and **property name** are both the binding key exactly as written in the template (e.g. `{{foo-bar}}` → attribute `foo-bar`, property `foo-bar`). No normalization is applied.
 - Because HTML attributes are case-insensitive, binding keys should use lowercase names (optionally dash-separated) when using the `"none"` strategy.
 - Properties already decorated with `@attr` or `@observable` are left untouched.
 - `FASTElementDefinition.attributeLookup` is keyed by the HTML attribute name, and `propertyLookup` is keyed by the JS property name so `attributeChangedCallback` correctly delegates to the new `AttributeDefinition`.
 
-Enabled via the `attributeMap()` definition extension.
-`TemplateElement.options({ "my-element": { attributeMap: {} } })` remains
-available as a compatibility fallback. Both forms use the default `"none"`
-strategy. To use the `"camelCase"` strategy, pass
-`attributeMap({ "attribute-name-strategy": "camelCase" })`.
+Enabled via the `attributeMap()` definition extension exported from
+`@microsoft/fast-element/attribute-map.js`. Calling `attributeMap()` without
+arguments uses the default `"camelCase"` strategy. To preserve binding keys
+exactly as written, pass `attributeMap({ "attribute-name-strategy": "none" })`.
+Outside declarative templates, `attributeMap()` uses the optional `schema` on the
+FAST element definition.
 
 ### Syntax constants (`syntax.ts`)
 
@@ -175,17 +227,20 @@ All delimiters used by the parser are defined in a single `Syntax` interface and
 ```
 packages/fast-element/
 ├── src/
-│   ├── declarative.ts         # Public declarative entrypoint
+│   ├── components/
+│   │   ├── schema.ts          # Shared Schema class + schemaRegistry
+│   │   └── definition-schema-transforms.ts # Definition-scoped schema transform storage
 │   └── declarative/
-│       ├── index.ts           # Declarative barrel export
+│       ├── index.ts           # Public declarative entrypoint implementation
 │       ├── interfaces.ts      # Message enum (error codes)
 │       ├── debug.ts           # Human-readable declarative debug messages
-│       ├── template.ts        # TemplateElement (<f-template>), lifecycle orchestration, options
+│       ├── template.ts        # declarativeTemplate(), internal <f-template> publisher, lifecycle orchestration
+│       ├── template-bridge.ts # Registry/name bridge between definitions and publishers
 │       ├── template-parser.ts # TemplateParser — converts declarative HTML to ViewTemplate strings/values
-│       ├── schema.ts          # Schema class — JSON schema builder + schemaRegistry
-│       ├── observer-map.ts    # ObserverMap class + config types (ObserverMapConfig, ObserverMapPathEntry, etc.)
-│       ├── attribute-map.ts   # AttributeMap class + config types (AttributeMapConfig)
-│       ├── utilities.ts       # Parsing engine, binding resolvers, proxy system
+│       ├── observer-map.ts    # observerMap() implementation
+│       ├── attribute-map.ts   # attributeMap() implementation
+│       ├── observer-map-utilities.ts # Shared observer-map helpers
+│       ├── utilities.ts       # Declarative parsing helpers
 │       └── syntax.ts          # Syntax delimiter constants
 ├── scripts/
 │   └── declarative/           # Fixture build + webui integration scripts
@@ -195,59 +250,99 @@ packages/fast-element/
 
 ### Module dependency direction
 
-Each module owns its configuration types and can be used independently:
+The default `declarativeTemplate()` path avoids importing optional map
+implementations. Map helpers attach schema transforms to the definition only
+when the consumer passes them as define extensions.
 
 ```
-template.ts ──imports──▶ observer-map.ts (ObserverMapConfig)
-template.ts ──imports──▶ attribute-map.ts (AttributeMapConfig)
-template.ts ──imports──▶ schema.ts (Schema)
-observer-map.ts ──imports──▶ schema.ts (Schema types)
-attribute-map.ts ──imports──▶ schema.ts (Schema types)
-utilities.ts ──imports──▶ schema.ts (schemaRegistry for cross-element $ref resolution)
+declarative/template.ts ──imports──▶ components/definition-schema-transforms.ts (schema transform reads)
+declarative/template.ts ──imports──▶ components/schema.ts (Schema)
+declarative/attribute-map.ts ──imports──▶ components/definition-schema-transforms.ts (register attribute-map transform)
+declarative/observer-map.ts ──imports──▶ components/definition-schema-transforms.ts (register observer-map transform)
+declarative/observer-map.ts ──imports──▶ components/schema.ts (Schema types)
+declarative/attribute-map.ts ──imports──▶ components/schema.ts (Schema types)
+declarative/utilities.ts ──imports──▶ components/schema.ts (schemaRegistry for cross-element $ref resolution)
 ```
 
+Schema transforms run in deterministic order. `attributeMap()` runs before
+`observerMap()`, so generated attributes are available to observer mapping.
+
 ---
 
 ## Exports and Public API
 
 ```typescript
 import {
-    TemplateElement,
+    declarativeTemplate,
     TemplateParser,
+    type ResolvedStringsAndValues,
+} from "@microsoft/fast-element/declarative.js";
+import {
     Schema,
     schemaRegistry,
-    ObserverMap,
-    AttributeMap,
+    type CachedPathMap,
+    type JSONSchema,
+} from "@microsoft/fast-element/schema.js";
+import {
+    type FASTElementExtension,
+    type TemplateLifecycleCallbacks,
+} from "@microsoft/fast-element";
+import {
+    attributeMap,
+    type AttributeMapConfig,
+} from "@microsoft/fast-element/attribute-map.js";
+import {
+    observerMap,
     type ObserverMapConfig,
     type ObserverMapPathEntry,
     type ObserverMapPathNode,
-    type AttributeMapConfig,
-    type JSONSchema,
-    type CachedPathMap,
-} from "@microsoft/fast-element/declarative.js";
+} from "@microsoft/fast-element/observer-map.js";
 ```
 
-Primary exports intended for application code:
+Declarative template helpers, map helpers, and their configuration types are
+available from focused path exports.
+
+Primary declarative exports intended for application code:
 
 | Export | Purpose |
 |---|---|
-| `TemplateElement` | Define the `<f-template>` element; configure callbacks and per-element options. |
-| `TemplateParser` | Standalone parser that converts declarative HTML into `ViewTemplate` strings/values. Can be used independently of `<f-template>` for programmatic template compilation. |
-| `Schema` | JSON schema builder that records binding paths discovered during template parsing. Each instance owns its own schema map and registers itself in the `schemaRegistry` for cross-element `$ref` resolution. |
-| `schemaRegistry` | Module-level `Map<string, Map<string, JSONSchema>>` that indexes schemas by custom element name. Used for cross-element lookups (e.g. nested component `$ref` resolution). |
-| `ObserverMap` | Automatic observable setup using the schema; defines observable properties and installs proxy-based deep change tracking. Configuration types (`ObserverMapConfig`, `ObserverMapPathEntry`, `ObserverMapPathNode`) are co-located in this module. |
-| `AttributeMap` | Automatic `@attr` property registration for leaf bindings in the template. Configuration type (`AttributeMapConfig`) is co-located in this module. |
+| `declarativeTemplate()` | `@microsoft/fast-element/declarative.js` template resolver for `FASTElement.define()`; auto-defines the internal `<f-template>` publisher and waits for the matching template. |
+| `TemplateParser` | `@microsoft/fast-element/declarative.js` standalone parser that converts declarative HTML into `ViewTemplate` strings/values. Can be used independently of `<f-template>` for programmatic template compilation. |
+| `Schema` | `@microsoft/fast-element/schema.js` JSON schema builder that records binding paths discovered during template parsing. Each instance owns its own schema map and registers itself in the `schemaRegistry` for cross-element `$ref` resolution. |
+| `schemaRegistry` | `@microsoft/fast-element/schema.js` module-level `Map<string, Map<string, JSONSchema>>` that indexes schemas by custom element name. Used for cross-element lookups (e.g. nested component `$ref` resolution). |
 
-Additionally, the following types are exported:
+Primary map extension exports:
+
+| Export | Import path | Purpose |
+|---|---|---|
+| `attributeMap()` | `@microsoft/fast-element/attribute-map.js` | Define extension that registers `@attr`-style properties for leaf bindings discovered during parsing or supplied by `definition.schema`. |
+| `observerMap()` | `@microsoft/fast-element/observer-map.js` | Define extension that defines observable root properties and proxy-based deep change tracking from `config.schema`, `definition.schema`, or a declarative template schema. |
+
+The implementation element class (`<f-template>`), `TemplateElement.config()`,
+`TemplateElement.options()`, `ElementOptions*`, and
+`HydrationLifecycleCallbacks` are not exported from the public declarative
+entrypoint. Use `declarativeTemplate()`, `attributeMap()`, `observerMap()`, and
+`enableHydration()` instead. The `AttributeMap` and `ObserverMap` implementation
+classes are available for advanced scenarios, but application code should
+normally use the extension factories.
+
+Additionally, `@microsoft/fast-element` exports these types:
 
 | Type | Source Module | Purpose |
 |---|---|---|
-| `ObserverMapConfig` | `observer-map.ts` | Configuration object for the `observerMap` option; accepts optional `properties` key. |
-| `ObserverMapPathEntry` | `observer-map.ts` | `boolean \| ObserverMapPathNode` — a node in the observation path tree. |
-| `ObserverMapPathNode` | `observer-map.ts` | Object node with optional `$observe` and child property overrides. |
-| `AttributeMapConfig` | `attribute-map.ts` | Configuration object for the `attributeMap` option; accepts `attribute-name-strategy`. |
-| `JSONSchema` | `schema.ts` | JSON Schema interface used by `Schema` for property structure. |
-| `CachedPathMap` | `schema.ts` | `Map<string, Map<string, JSONSchema>>` — the shape of the schema registry. |
+| `FASTElementExtension` | `fast-definitions.ts` | Definition extension callback signature used by `attributeMap()` and `observerMap()`. |
+| `TemplateLifecycleCallbacks` | `fast-definitions.ts` | Per-element lifecycle callbacks accepted by `declarativeTemplate()`. |
+| `JSONSchema` | `components/schema.ts` | JSON Schema interface used by `Schema` for property structure. |
+| `CachedPathMap` | `components/schema.ts` | `Map<string, Map<string, JSONSchema>>` — the shape of the schema registry. |
+
+The map configuration types are exported from the same map-specific paths:
+
+| Type | Import path | Purpose |
+|---|---|---|
+| `ObserverMapConfig` | `@microsoft/fast-element/observer-map.js` | Configuration object for `observerMap()`; accepts optional `schema` and `properties` keys. |
+| `ObserverMapPathEntry` | `@microsoft/fast-element/observer-map.js` | `boolean \| ObserverMapPathNode` — a node in the observation path tree. |
+| `ObserverMapPathNode` | `@microsoft/fast-element/observer-map.js` | Object node with optional `$observe` and child property overrides. |
+| `AttributeMapConfig` | `@microsoft/fast-element/attribute-map.js` | Configuration object for `attributeMap()`; accepts `attribute-name-strategy`. |
 
 ---
 
@@ -281,50 +376,77 @@ The high-level data flow from authoring to interactive component:
 
 ```mermaid
 flowchart TD
-    A["Author writes declarative HTML\nusing f-template with binding expressions"] --> B["Server renders hydratable HTML\nwith fe:b comments and data-fe attributes"]
+    A["Author writes declarative HTML
+using f-template with binding expressions"] --> B["Server renders hydratable HTML
+with fe:b comments and data-fe attributes"]
     B --> C[Browser loads JS bundle]
-    C --> D["MyElement.define called\n→ partial definition in fastElementRegistry"]
-    C --> E["TemplateElement.define called\n→ registers f-template custom element"]
-    D & E --> F["f-template connects to DOM\n→ connectedCallback fires"]
-    F --> G["FASTElementDefinition.register\n→ looks up partial definition"]
+    C --> D["MyElement.define called
+with template: declarativeTemplate()"]
+    D --> E["declarativeTemplate() defines internal f-template
+in the target registry"]
+    E --> F["f-template connects to DOM
+→ registers publisher with bridge"]
+    F --> G["definition requests template
+via registry + name bridge"]
     G --> H[transformInnerHTML normalises HTML entities]
-    H --> I["resolveStringsAndValues\nparses bindings and directives\nbuilds Schema, builds strings+values arrays"]
-    I --> J{observerMap enabled?}
-    J -- yes --> K["ObserverMap.defineProperties\n→ applyConfigToSchema stamps $observe on schema nodes\n→ Observable.defineProperty for each root prop\n→ install proxy change handlers"]
-    J -- no --> L
-    K --> L["ViewTemplate.create strings,values\n→ registeredFastElement.template = viewTemplate"]
-    L --> M["FASTElementDefinition.compose\n→ element fully registered with platform"]
-    M --> N["ElementController detects existing shadow root\nisPrerendered = true\nhydrates existing DOM using fe-b markers\nvia template.hydrate()"]
-    N --> O[Interactive component]
+    H --> I["TemplateParser parses bindings/directives
+builds Schema, strings, values"]
+    I --> J["Run definition schema transforms
+attributeMap before observerMap"]
+    J --> K["ViewTemplate.create(strings, values)
+returned to definition"]
+    K --> L["FASTElementDefinition.define
+registers element with platform"]
+    L --> M{"enableHydration() called?"}
+    M -- yes --> N["ElementController hydrates existing DOM
+via template.hydrate()"]
+    M -- no --> O["ElementController client-side renders
+existing DSD is not reused"]
+    N --> P[Interactive component]
+    O --> P
 ```
 
 ---
 
 ## Template Parsing Pipeline
 
-`TemplateElement.connectedCallback()` orchestrates the pipeline by creating a `TemplateParser` instance and delegating all parsing logic to it. The recursive parsing context is encapsulated in a `TemplateResolutionContext` object internal to the parser, keeping method signatures lean.
+The internal `<f-template>` publisher orchestrates the pipeline by creating a
+`TemplateParser` instance and delegating all parsing logic to it. The recursive
+parsing context is encapsulated in a `TemplateResolutionContext` object internal
+to the parser, keeping method signatures lean.
 
 ### Architecture
 
-The parsing pipeline is split across two classes:
-
-- **`TemplateElement`** (`template.ts`) — Custom element lifecycle: registration, options, callbacks, `ObserverMap`/`AttributeMap` wiring, and template assignment. ~120 lines.
-- **`TemplateParser`** (`template-parser.ts`) — Synchronous template parser: converts declarative HTML into `strings`/`values` arrays for `ViewTemplate.create()`. Uses a `StringsAccumulator` to track the running previous-string in O(1) per binding site instead of O(N) `join("")` calls. Independently testable without DOM.
+The parsing pipeline is split across two classes plus definition-scoped
+transforms:
+
+- **Internal `<f-template>` publisher** (`template.ts`) — Custom element
+  lifecycle, registry/name bridge registration, lifecycle callback dispatch, and
+  schema-transform execution. It is a native `HTMLElement`, not a `FASTElement`.
+- **`TemplateParser`** (`template-parser.ts`) — Synchronous template parser:
+  converts declarative HTML into `strings`/`values` arrays for
+  `ViewTemplate.create()`. Uses a `StringsAccumulator` to track the running
+  previous-string in O(1) per binding site instead of O(N) `join("")` calls.
+  Independently testable without DOM.
+- **Schema transforms** (`definition-options.ts`) — Extension-provided callbacks run
+  after parsing and before `ViewTemplate.create()`. `attributeMap()` runs before
+  `observerMap()`.
 
 ```mermaid
 sequenceDiagram
     participant DOM
-    participant TE as TemplateElement
+    participant FTE as internal f-template
     participant TP as TemplateParser
     participant U as utilities.ts
     participant S as Schema
-    participant OM as ObserverMap
-
-    DOM->>TE: connectedCallback()
-    TE->>TE: new Schema(name)
-    TE->>TE: FASTElementDefinition.register(name)
-    TE->>U: transformInnerHTML(this.innerHTML)
-    TE->>TP: parser.parse(innerHTML, schema)
+    participant Transforms as schema transforms
+
+    DOM->>FTE: connectedCallback()
+    FTE->>FTE: register publisher with bridge
+    FTE->>FTE: publishTemplate(definition)
+    FTE->>S: new Schema(name)
+    FTE->>U: transformInnerHTML(this.innerHTML)
+    FTE->>TP: parser.parse(innerHTML, schema)
     loop getNextBehavior(innerHTML)
         TP->>U: getNextBehavior()
         U-->>TP: DataBindingBehaviorConfig | TemplateDirectiveBehaviorConfig
@@ -350,10 +472,10 @@ sequenceDiagram
             note over TP: recurses into resolveStringsAndValues
         end
     end
-    TP-->>TE: { strings, values }
-    TE->>OM: observerMap.defineProperties()
-    TE->>TP: parser.createTemplate(strings, values)
-    TE->>DOM: registeredFastElement.template = viewTemplate
+    TP-->>FTE: { strings, values }
+    FTE->>Transforms: attributeMap(), then observerMap()
+    FTE->>TP: parser.createTemplate(strings, values)
+    FTE-->>DOM: return ViewTemplate to definition resolver
 ```
 
 ### TemplateParser method decomposition
@@ -361,7 +483,7 @@ sequenceDiagram
 | Method | Visibility | Role |
 |---|---|---|
 | `parse()` | public | Entry point: parses declarative HTML into `{ strings, values }`. |
-| `createTemplate()` | public | Creates a `ViewTemplate` from resolved strings and values, lazily enabling declarative hydration support. |
+| `createTemplate()` | public | Creates a `ViewTemplate` from resolved strings and values, lazily installing declarative debug messages. |
 | `resolveStringsAndValues()` | private | Creates `strings`/`values` arrays and delegates to `resolveInnerHTML()`. |
 | `resolveInnerHTML()` | private | Recursive HTML parser that dispatches to data binding or template directive handlers. |
 | `resolveDataBinding()` | private | Thin dispatcher that routes to `resolveContentBinding()`, `resolveAttributeBinding()`, or `resolveAttributeDirectiveBinding()`. |
@@ -456,19 +578,27 @@ When an `ObserverMapConfig` with a `properties` key is provided, `ObserverMap.de
 
 ### AttributeMap and leaf bindings
 
-When `attributeMap` is enabled, `AttributeMap.defineProperties()` is called
-after parsing. It iterates `Schema.getRootProperties()` and skips any property
-whose schema entry contains `properties`, `type`, or `anyOf` — keeping only
-plain leaf bindings. For each leaf:
+When `attributeMap()` is enabled with a declarative template, it registers a
+definition schema transform. With a manually supplied definition schema, it runs
+immediately. The extension constructs an `AttributeMap` implementation and calls
+`defineProperties()`. It iterates `Schema.getRootProperties()` and skips any
+property whose schema entry contains `properties`, `type`, or `anyOf` — keeping
+only plain leaf bindings. For each leaf:
 
 1. The schema key is used as the **JS property name**.
 2. The **HTML attribute name** depends on the `attribute-name-strategy`:
-   - `"none"` (default): the attribute name equals the property name (e.g. `foo-bar` → `foo-bar`).
-   - `"camelCase"`: the attribute name is derived by converting the camelCase property name to kebab-case (e.g. `fooBar` → `foo-bar`).
+   - `"camelCase"` (default): the attribute name is derived by converting the camelCase property name to kebab-case (e.g. `fooBar` → `foo-bar`).
+   - `"none"`: the attribute name equals the property name (e.g. `foo-bar` → `foo-bar`).
 3. A new `AttributeDefinition` is registered via `Observable.defineProperty`.
 4. `FASTElementDefinition.attributeLookup` is keyed by the HTML attribute name and `propertyLookup` is keyed by the JS property name so `attributeChangedCallback` can route attribute changes to the correct property.
 
-When using the `"none"` strategy, property names may contain dashes and must be accessed via bracket notation (e.g. `element["foo-bar"]`). When using `"camelCase"`, property names are standard JS identifiers (e.g. `element.fooBar`).
+When using the `"none"` strategy, property names may contain dashes and must be
+accessed via bracket notation (e.g. `element["foo-bar"]`). When using
+`"camelCase"`, property names are standard JS identifiers (e.g.
+`element.fooBar`).
+
+Schema transforms run in deterministic order. When both extensions are supplied,
+attribute mapping runs before observer mapping.
 
 ---
 
@@ -477,49 +607,51 @@ When using the `"none"` strategy, property names may contain dashes and must be
 ```mermaid
 sequenceDiagram
     participant App as Application JS
-    participant FER as fastElementRegistry
-    participant TE as TemplateElement (f-template)
+    participant FER as FASTElementDefinition
+    participant FTE as internal f-template
     participant EC as ElementController
-    participant Callbacks as HydrationLifecycleCallbacks
+    participant PerEl as TemplateLifecycleCallbacks
+    participant Global as HydrationOptions
 
-    App->>FER: await MyElement.define({name:'my-el', template: declarativeTemplate()})
+    App->>Global: enableHydration(globalCallbacks) [optional]
+    App->>FER: await MyElement.define({name:'my-el', template: declarativeTemplate(callbacks)}, [attributeMap(), observerMap()])
     note over FER: definition composed; resolver waits for template
 
-    App->>TE: TemplateElement.config(callbacks)
-    App->>TE: TemplateElement.options({'my-el':{observerMap:{}}})
-
-    DOM->>TE: f-template connected to DOM
-    TE->>FER: bridge matches registry + name
-    TE->>Callbacks: elementDidRegister('my-el')
-    TE->>Callbacks: templateWillUpdate('my-el')
-    TE->>TE: parse template → schema → maps → ViewTemplate
-    TE->>FER: return viewTemplate to resolver
-    TE->>Callbacks: templateDidUpdate('my-el')
+    DOM->>FTE: f-template connected to DOM
+    FTE->>FTE: bridge matches registry + name
+    FTE->>PerEl: elementDidRegister('my-el')
+    FTE->>PerEl: templateWillUpdate('my-el')
+    FTE->>FTE: parse template → schema → transforms → ViewTemplate
+    FTE->>FER: return viewTemplate to resolver
+    FER->>PerEl: templateDidUpdate('my-el')
     FER->>FER: customElements.define('my-el', MyElement)
-    FER->>Callbacks: elementDidDefine('my-el')
+    FER->>PerEl: elementDidDefine('my-el')
 
     DOM->>EC: element instance connects with existing shadow root
     EC->>EC: isPrerendered = true (existing shadow root detected)
-    EC->>EC: concrete template already attached
-    EC->>Callbacks: hydrationStarted()
-    EC->>Callbacks: elementWillHydrate(element)
-    EC->>EC: template.hydrate() — maps existing DOM to binding targets
-    EC->>Callbacks: elementDidHydrate(element)
-    EC->>Callbacks: hydrationComplete()
+    alt enableHydration() was called
+        EC->>Global: hydrationStarted()
+        EC->>PerEl: elementWillHydrate(element)
+        EC->>EC: template.hydrate() — maps existing DOM to binding targets
+        EC->>PerEl: elementDidHydrate(element)
+        EC->>Global: hydrationComplete()
+    else hydration not enabled
+        EC->>EC: client-side render; isHydrated = false
+    end
 ```
 
 ### Lifecycle callback reference
 
-| Callback | When |
-|---|---|
-| `elementDidRegister(name)` | `FASTElementDefinition.register` resolves |
-| `templateWillUpdate(name)` | Just before template HTML is parsed |
-| `templateDidUpdate(name)` | After `ViewTemplate` is assigned to the definition |
-| `elementDidDefine(name)` | After `compose` completes |
-| `hydrationStarted()` | Once, when the first prerendered element begins hydrating |
-| `elementWillHydrate(source)` | Before `ElementController` hydrates a prerendered instance |
-| `elementDidHydrate(source)` | After an instance is fully hydrated |
-| `hydrationComplete()` | Once, after all prerendered elements have completed hydration |
+| Callback | API | When |
+|---|---|---|
+| `elementDidRegister(name)` | `declarativeTemplate(callbacks)` | The matching `<f-template>` begins publishing for the definition. |
+| `templateWillUpdate(name)` | `declarativeTemplate(callbacks)` | Just before template HTML is parsed. |
+| `templateDidUpdate(name)` | `declarativeTemplate(callbacks)` | After `ViewTemplate` is assigned to the definition. |
+| `elementDidDefine(name)` | `declarativeTemplate(callbacks)` | After platform registration completes. |
+| `elementWillHydrate(source)` | `declarativeTemplate(callbacks)` | Before `ElementController` hydrates a prerendered instance; only after `enableHydration()`. |
+| `elementDidHydrate(source)` | `declarativeTemplate(callbacks)` | After an instance is fully hydrated; only after `enableHydration()`. |
+| `hydrationStarted()` | `enableHydration(options)` | Once, when the first prerendered element begins hydrating. |
+| `hydrationComplete()` | `enableHydration(options)` | Once, after all prerendered elements have completed hydration. |
 
 For usage examples see
 [DECLARATIVE_RENDERING_LIFECYCLE.md](./DECLARATIVE_RENDERING_LIFECYCLE.md).
@@ -535,9 +667,10 @@ tagged templates produce.
 
 | fast-element primitive | How the declarative runtime uses it |
 |---|---|
-| `FASTElement` | Base class for both `TemplateElement` and user components (components extend `FASTElement` directly) |
-| `FASTElementDefinition.register()` | Deferred element registration — element waits for its template |
-| `fastElementRegistry.getByType()` | Looks up a partial definition to attach the compiled template |
+| `FASTElement` | Base class for user components; the internal `<f-template>` publisher is a native `HTMLElement` |
+| `FASTElementDefinition.register()` / template resolvers | Deferred element registration — element waits for its template |
+| `FASTElementDefinition.schema` | Optional schema used by schema-driven extensions; assigned automatically by `declarativeTemplate()` and available for manual schemas |
+| `FASTElementExtension` | Extension callback mechanism used by `attributeMap()` and `observerMap()` to attach schema transforms before template resolution or consume manually supplied schemas |
 | `ViewTemplate.create(strings, values)` | Compiles the resolved strings/values arrays into a `ViewTemplate` |
 | `ElementController` | Automatically detects prerendered content (`isPrerendered`) and hydrates server-rendered DOM using `fe-b` comment/dataset markers via `template.hydrate()` |
 | `Observable.defineProperty()` | Defines observable root properties on element prototypes (ObserverMap) |
@@ -603,7 +736,7 @@ test/declarative/fixtures/<feature>/
 ├── entry.html               # Entry template with root custom elements
 ├── fast-build.config.json   # Build configuration for @microsoft/fast-build
 ├── index.html               # Pre-rendered page (GENERATED by scripts/declarative/build-fixtures.js — do not edit)
-├── main.ts                  # Component definition + TemplateElement setup
+├── main.ts                  # Component definitions, declarativeTemplate(), extensions, and enableHydration() setup
 ├── state.json               # Initial state for server-side rendering
 └── templates.html           # Declarative <f-template> definitions
 ```
@@ -643,9 +776,9 @@ between `fast-build` and `webui` rendering:
 
 ### Hydration readiness
 
-Every fixture must wait for hydration to complete before running assertions.
-Each `main.ts` registers a `hydrationComplete()` callback via
-`TemplateElement.config()` that sets a global flag, and each spec file calls
+Fixtures that exercise prerendered output wait for hydration to complete before
+running assertions. Each `main.ts` calls `enableHydration({
+hydrationComplete() { ... } })` to set a global flag, and each spec file calls
 `page.waitForFunction()` after `page.goto()` to block until the flag is set.
 See [test/declarative/fixtures/README.md](./test/declarative/fixtures/README.md)
 for the implementation pattern.
diff --git a/packages/fast-element/DECLARATIVE_HTML.md b/packages/fast-element/DECLARATIVE_HTML.md
index 93e8243f582..6ab5930ea5d 100644
--- a/packages/fast-element/DECLARATIVE_HTML.md
+++ b/packages/fast-element/DECLARATIVE_HTML.md
@@ -10,7 +10,7 @@ This document focuses on declarative-runtime implementation details:
 template structure, prerendered markup requirements, lifecycle callbacks,
 binding configuration, syntax, and integration testing.
 
-For package installation, importing `TemplateElement`, basic registration, and
+For package installation, using `declarativeTemplate()`, extension setup, and
 the package-level hydration overview, see the
 [FAST Element README](./README.md#declarative-html) and
 [Prerendered Content Optimization](./README.md#prerendered-content-optimization).
@@ -28,10 +28,15 @@ The host custom element should be defined with
 the relevant registry and waits for the matching declarative template when it is
 already present or inserted later.
 
-The `@microsoft/fast-element/declarative.js` entrypoint itself remains
-side-effect free at import time. The hydratable `ViewTemplate` runtime is
-installed lazily when `TemplateParser`, `TemplateElement`, or
-`declarativeTemplate()` first create a declarative template.
+The `@microsoft/fast-element` entrypoint itself remains
+side-effect free at import time. Declarative APIs lazily install declarative
+debug messages when they create templates. Hydratable `ViewTemplate` support is
+installed only when `enableHydration()` is called from
+`@microsoft/fast-element`.
+
+`observerMap()` and `attributeMap()` are available from
+`@microsoft/fast-element`, including when using the maps without declarative
+templates.
 
 Example:
 ```html
@@ -59,158 +64,84 @@ format and initial-state application details, see
 
 ## Lifecycle Callbacks
 
-FAST Element's declarative entrypoint provides lifecycle callbacks that allow
-you to hook into various stages of template processing and element hydration.
-These callbacks are useful for tracking the rendering lifecycle, gathering
-analytics, or coordinating complex initialization sequences.
-
-### Available Callbacks
-
-**Template Lifecycle Callbacks:**
-- `elementDidRegister(name: string)` - Called after the JavaScript class definition has been registered
-- `templateWillUpdate(name: string)` - Called before the template has been evaluated and assigned
-- `templateDidUpdate(name: string)` - Called after the template has been assigned to the definition
-- `elementDidDefine(name: string)` - Called after the custom element has been defined
-
-**Hydration Lifecycle Callbacks:**
-- `hydrationStarted()` - Called once when the first prerendered element begins hydrating
-- `elementWillHydrate(source: HTMLElement)` - Called before an element begins hydration
-- `elementDidHydrate(source: HTMLElement)` - Called after an element completes hydration
-- `hydrationComplete()` - Called after all prerendered elements have completed hydration
+FAST Element's declarative APIs provide lifecycle callbacks that allow you to
+hook into template processing and hydration. The callbacks are split by scope:
 
-Hydration callbacks are tracked at the element level by `ElementController` — `hydrationComplete` fires only after every prerendered element has finished binding.
-
-### Configuring Callbacks
+| Scope | API | Callbacks |
+|---|---|---|
+| Per element | `declarativeTemplate(callbacks)` | `elementDidRegister`, `templateWillUpdate`, `templateDidUpdate`, `elementDidDefine`, `elementWillHydrate`, `elementDidHydrate` |
+| Global hydration | `enableHydration(options)` | `hydrationStarted`, `hydrationComplete` |
 
-Configure lifecycle callbacks using `TemplateElement.config()`:
+Hydration is opt-in. Call `enableHydration()` before FAST elements connect when
+you want prerendered Declarative Shadow DOM to be reused:
 
 ```typescript
-import { TemplateElement, type HydrationLifecycleCallbacks } from "@microsoft/fast-element/declarative.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 
-// You can configure all callbacks at once
-const callbacks: HydrationLifecycleCallbacks = {
-    elementDidRegister(name: string) {
-        console.log(`Element registered: ${name}`);
-    },
-    templateWillUpdate(name: string) {
-        console.log(`Template updating: ${name}`);
-    },
-    templateDidUpdate(name: string) {
-        console.log(`Template updated: ${name}`);
-    },
-    elementDidDefine(name: string) {
-        console.log(`Element defined: ${name}`);
-    },
-    elementWillHydrate(source: HTMLElement) {
-        console.log(`Element will hydrate: ${source.localName}`);
-    },
-    elementDidHydrate(source: HTMLElement) {
-        console.log(`Element hydrated: ${source.localName}`);
+enableHydration({
+    hydrationStarted() {
+        console.log("Hydration started");
     },
     hydrationComplete() {
-        console.log('All elements hydrated');
-    }
-};
-
-TemplateElement.config(callbacks);
-
-// Or configure only the callbacks you need
-TemplateElement.config({
-    elementDidHydrate(source: HTMLElement) {
-        console.log(`${source.localName} is ready`);
+        console.log("All elements hydrated");
     },
-    hydrationComplete() {
-        console.log('Page is interactive');
-    }
 });
 ```
 
-### Lifecycle Order
-
-The lifecycle callbacks occur in the following general sequence:
+Pass per-element lifecycle callbacks directly to `declarativeTemplate()`:
 
-1. **Registration Phase**: `elementDidRegister` is called when the element class is registered
-2. **Template Phase**: `templateWillUpdate` → (template processing) → `templateDidUpdate` → `elementDidDefine`
-3. **Hydration Phase**: `hydrationStarted` → `elementWillHydrate` → (hydration) → `elementDidHydrate`
-4. **Completion**: `hydrationComplete` is called after all prerendered elements finish hydrating
-
-**Note:** Template processing is asynchronous and happens independently for each element. The template and hydration phases can be interleaved when multiple elements are being processed simultaneously.
-
-### Use Cases
-
-**Performance Monitoring:**
 ```typescript
-TemplateElement.config({
-    elementWillHydrate(source: HTMLElement) {
-        performance.mark(`${source.localName}-hydration-start`);
-    },
-    elementDidHydrate(source: HTMLElement) {
-        performance.mark(`${source.localName}-hydration-end`);
-        performance.measure(
-            `${source.localName}-hydration`,
-            `${source.localName}-hydration-start`,
-            `${source.localName}-hydration-end`
-        );
-    },
-    hydrationComplete() {
-        const entries = performance.getEntriesByType('measure');
-        console.log('Hydration metrics:', entries);
-    }
-});
-```
-
-**Loading State Management:**
-```typescript
-TemplateElement.config({
-    hydrationStarted() {
-        document.body.classList.add('hydrating');
-    },
-    hydrationComplete() {
-        document.body.classList.remove('hydrating');
-        document.body.classList.add('hydrated');
-    }
-});
-```
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
 
-**Debugging and Development:**
-```typescript
-if (process.env.NODE_ENV === 'development') {
-    const events: Array<{callback: string; name?: string; timestamp: number}> = [];
-    
-    TemplateElement.config({
+MyComponent.define({
+    name: "my-component",
+    template: declarativeTemplate({
         elementDidRegister(name) {
-            events.push({ callback: 'elementDidRegister', name, timestamp: Date.now() });
+            console.log(`Element registered: ${name}`);
         },
         templateWillUpdate(name) {
-            events.push({ callback: 'templateWillUpdate', name, timestamp: Date.now() });
+            console.log(`Template updating: ${name}`);
         },
         templateDidUpdate(name) {
-            events.push({ callback: 'templateDidUpdate', name, timestamp: Date.now() });
+            console.log(`Template updated: ${name}`);
         },
         elementDidDefine(name) {
-            events.push({ callback: 'elementDidDefine', name, timestamp: Date.now() });
+            console.log(`Element defined: ${name}`);
         },
         elementWillHydrate(source) {
-            events.push({ callback: 'elementWillHydrate', name: source.localName, timestamp: Date.now() });
+            console.log(`Element will hydrate: ${source.localName}`);
         },
         elementDidHydrate(source) {
-            events.push({ callback: 'elementDidHydrate', name: source.localName, timestamp: Date.now() });
+            console.log(`Element hydrated: ${source.localName}`);
         },
-        hydrationComplete() {
-            events.push({ callback: 'hydrationComplete', timestamp: Date.now() });
-            console.table(events);
-        }
-    });
-}
+    }),
+});
 ```
 
+The lifecycle callbacks occur in this general sequence:
+
+1. `elementDidRegister(name)`
+2. `templateWillUpdate(name)` → template processing → `templateDidUpdate(name)`
+3. `elementDidDefine(name)`
+4. If `enableHydration()` was called and the element has prerendered content:
+   `hydrationStarted()` → `elementWillHydrate(source)` → hydration →
+   `elementDidHydrate(source)` → `hydrationComplete()`
+
+Template processing is asynchronous and happens independently for each element,
+so callbacks for different elements may interleave.
+
 ## `observerMap`
 
 When the `observerMap()` extension is applied to an element definition,
-`@microsoft/fast-element/declarative.js` automatically sets up deep reactive
-observation for all root properties discovered in the template.
-`TemplateElement.options()` remains available as a compatibility fallback via
-`observerMap: {}`.
+it automatically sets up deep reactive observation for root properties
+discovered in the template. Declarative templates assign `definition.schema`
+during template resolution, so `observerMap()` has schema data automatically.
+For non-declarative/manual schemas, import from `@microsoft/fast-element` and
+pass `observerMap({ schema })`.
+
+```typescript
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+```
 
 For finer control, pass a configuration object with a `properties` key that maps root property names to a recursive path tree:
 
@@ -245,7 +176,7 @@ Each path entry can be:
 Use `$observe: false` on a node to skip it by default, then re-include specific children:
 
 ```typescript
-observerMap: {
+observerMap({
     properties: {
         analytics: {
             charts: {
@@ -254,26 +185,53 @@ observerMap: {
             },
         },
     },
-}
+});
 ```
 
 When `properties` is omitted, all root properties are observed. When
 `properties` is present but empty (`{ properties: {} }`), no root properties
 are observed.
 
+Manual schema example:
+
+```typescript
+import { FASTElement, Schema } from "@microsoft/fast-element";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+
+class MyElement extends FASTElement {}
+
+const schema = new Schema("my-element");
+schema.addPath({
+    rootPropertyName: "user",
+    pathConfig: {
+        type: "default",
+        parentContext: null,
+        currentContext: null,
+        path: "user.name",
+    },
+    childrenMap: null,
+});
+
+MyElement.define({ name: "my-element" }, [observerMap({ schema })]);
+```
+
 ## `attributeMap`
 
 When the `attributeMap()` extension is applied to an element definition,
-`@microsoft/fast-element/declarative.js` automatically creates reactive `@attr`
-properties for every **leaf binding** in the template — simple expressions
-like `{{foo}}` or `id="{{foo-bar}}"` that have no nested properties. The
-default behavior uses the `"none"` attribute name strategy.
-`TemplateElement.options()` remains available as a compatibility fallback via
-`attributeMap: {}`.
+it automatically creates reactive `@attr` properties for every **leaf binding**
+in the template — simple expressions like `{{foo}}` or `id="{{fooBar}}"` that
+have no nested properties. Declarative templates provide the schema
+automatically. For non-declarative/manual schemas, place the optional `schema`
+on the FAST element definition and import `attributeMap()` from
+`@microsoft/fast-element`.
 
-By default, the **attribute name** and **property name** are both the binding key exactly as written in the template — no normalization is applied. Because HTML attributes are case-insensitive, binding keys should use lowercase names (optionally dash-separated). Properties with dashes must be accessed via bracket notation (e.g. `element["foo-bar"]`).
+```typescript
+import { attributeMap } from "@microsoft/fast-element/attribute-map.js";
+```
 
-Properties already decorated with `@attr` or `@observable` on the class are left untouched.
+By default, the binding key is treated as a camelCase property name and the HTML
+attribute name is derived by converting it to kebab-case. Properties already
+decorated with `@attr` or `@observable` on the class are left untouched.
 
 ```typescript
 MyElement.define(
@@ -291,21 +249,26 @@ With the template:
 <f-template name="my-element">
     <template>
         <p>{{greeting}}</p>
-        <p>{{first-name}}</p>
+        <p>{{firstName}}</p>
     </template>
 </f-template>
 ```
 
-This registers `greeting` (attribute `greeting`, property `greeting`) and `first-name` (attribute `first-name`, property `first-name`) as `@attr` properties on the element prototype, enabling `setAttribute("first-name", "Jane")` to trigger a template re-render automatically.
+This registers `greeting` (attribute `greeting`, property `greeting`) and
+`firstName` (attribute `first-name`, property `firstName`) as `@attr`
+properties on the element prototype, enabling `setAttribute("first-name",
+"Jane")` to trigger a template re-render automatically.
 
 ### `attribute-name-strategy`
 
-The `attribute-name-strategy` configuration option controls how template binding keys map to HTML attribute names. This matches the build-time `--attribute-name-strategy` option in `@microsoft/fast-build`.
+The `attribute-name-strategy` configuration option controls how template binding
+keys map to HTML attribute names. This matches the build-time
+`--attribute-name-strategy` option in `@microsoft/fast-build`.
 
 | Strategy | Behaviour | Example |
 |---|---|---|
-| `"none"` (default) | Binding key used as-is for both property and attribute | `{{foo-bar}}` → property `foo-bar`, attribute `foo-bar` |
-| `"camelCase"` | Binding key is the camelCase property; attribute name derived as kebab-case | `{{fooBar}}` → property `fooBar`, attribute `foo-bar` |
+| `"camelCase"` (default) | Binding key is the camelCase property; attribute name is derived as kebab-case | `{{fooBar}}` → property `fooBar`, attribute `foo-bar` |
+| `"none"` | Binding key used as-is for both property and attribute | `{{foo-bar}}` → property `foo-bar`, attribute `foo-bar` |
 
 ```typescript
 MyElement.define(
@@ -315,24 +278,14 @@ MyElement.define(
     },
     [
         attributeMap({
-            "attribute-name-strategy": "camelCase",
+            "attribute-name-strategy": "none",
         }),
     ],
 );
 ```
 
-With the template:
-
-```html
-<f-template name="my-element">
-    <template>
-        <p>{{greeting}}</p>
-        <p>{{firstName}}</p>
-    </template>
-</f-template>
-```
-
-This registers `greeting` (attribute `greeting`, property `greeting`) and `firstName` (attribute `first-name`, property `firstName`) as `@attr` properties. `setAttribute("first-name", "Jane")` triggers a re-render, and the property is accessible as `element.firstName`.
+When using the `"none"` strategy, property names may contain dashes and must be
+accessed via bracket notation (e.g. `element["foo-bar"]`).
 
 ## Syntax
 
@@ -354,7 +307,7 @@ Browser-only bindings:
 
 ### Event binding
 
-Event bindings must include the `()` as well as being preceeded by `@` in keeping with `@microsoft/fast-element` tagged template `html` syntax.
+Event bindings must include the `()` as well as being preceeded by `@` in keeping with the `@microsoft/fast-element` tagged template syntax.
 
 ```html
 <button @click="{handleClick()}"></button>
diff --git a/packages/fast-element/DECLARATIVE_MIGRATION.md b/packages/fast-element/DECLARATIVE_MIGRATION.md
index 7b250b2da7c..972bf260b15 100644
--- a/packages/fast-element/DECLARATIVE_MIGRATION.md
+++ b/packages/fast-element/DECLARATIVE_MIGRATION.md
@@ -115,9 +115,12 @@ Configuration types have moved from `template.ts` to their owning modules. If yo
 | `import type { ObserverMapConfig } from "./template.js"` | `import type { ObserverMapConfig } from "./observer-map.js"` |
 | `import type { AttributeMapConfig } from "./template.js"` | `import type { AttributeMapConfig } from "./attribute-map.js"` |
 
-Public imports now come from
-`@microsoft/fast-element/declarative.js` rather than
-`@microsoft/fast-html`.
+Public declarative imports now come from
+`@microsoft/fast-element` rather than
+`@microsoft/fast-html`. Existing declarative imports for `attributeMap()` and
+`observerMap()` remain valid. New code that only needs the map extensions should
+prefer `@microsoft/fast-element` and
+`@microsoft/fast-element`.
 
 ### Schema changes
 
@@ -127,28 +130,86 @@ Public imports now come from
 
 | Before | After |
 |---|---|
-| `Schema.jsonSchemaMap.get('my-element')` | `import { schemaRegistry } from "@microsoft/fast-element/declarative.js"; schemaRegistry.get('my-element')` |
+| `Schema.jsonSchemaMap.get('my-element')` | `import { schemaRegistry } from "@microsoft/fast-element"; schemaRegistry.get('my-element')` |
 
-### New public exports
+### Public exports
 
-The following are now part of the public API:
+The public entrypoint exports the functional declarative API:
 
 | Export | Purpose |
 |---|---|
+| `declarativeTemplate()` | Resolves `<f-template>` markup for a FAST element definition |
+| `attributeMap()` | Definition extension for automatic `@attr` property registration |
+| `observerMap()` | Definition extension for automatic deep observation |
 | `Schema` | JSON schema builder class |
 | `schemaRegistry` | Module-level registry for cross-element schema lookups |
-| `AttributeMap` | Automatic `@attr` property registration |
-| `AttributeMapOption` | Constant for the `"all"` option value |
 | `JSONSchema` | JSON Schema type interface |
 | `CachedPathMap` | Schema registry map type |
 
 ## Simplified ObserverMap and AttributeMap defaults
 
 The explicit `ObserverMapOption.all` and `AttributeMapOption.all` constants have
-been removed. Calling `observerMap()` or `attributeMap()` with no arguments now
-applies the default "all properties" behavior.
+been removed. Calling `observerMap()` with no arguments observes every
+discovered root property, and calling `attributeMap()` with no arguments maps
+every discovered leaf binding.
 
 | Before | After |
 |---|---|
 | `observerMap(ObserverMapOption.all)` | `observerMap()` |
 | `attributeMap(AttributeMapOption.all)` | `attributeMap()` |
+
+
+## Declarative TemplateElement API removal
+
+The public declarative API is now the functional API. The `<f-template>`
+implementation is internal and is defined automatically by `declarativeTemplate()`.
+
+| Removed | Replacement |
+|---|---|
+| `TemplateElement` public export | `declarativeTemplate()` on each FAST element definition |
+| `TemplateElement.define({ name: "f-template" })` | No manual definition; `declarativeTemplate()` defines the internal publisher in the target registry |
+| `TemplateElement.config(callbacks)` / `HydrationLifecycleCallbacks` | Per-element callbacks via `declarativeTemplate(callbacks)` and global hydration callbacks via `enableHydration(options)` |
+| `TemplateElement.options({ "my-el": { attributeMap, observerMap } })` | Define extensions: `MyElement.define(definition, [attributeMap(...), observerMap(...)])` |
+| `ElementOptions` / `ElementOptionsDictionary` | No replacement |
+| `AttributeMap` / `ObserverMap` class exports from the old declarative public surface | `attributeMap()` / `observerMap()` extension helpers and their config types |
+
+Hydration is also no longer installed by `@microsoft/fast-element`.
+Call `enableHydration()` from `@microsoft/fast-element/hydration.js` before FAST
+elements connect when prerendered Declarative Shadow DOM should be reused.
+
+## Schema-driven maps and optional definition schema
+
+`attributeMap()` and `observerMap()` are now schema-driven extensions that are
+factored away from declarative templating. Import them from
+`@microsoft/fast-element` for declarative or non-declarative use:
+
+```ts
+import { attributeMap } from "@microsoft/fast-element/attribute-map.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+```
+
+`FASTElementDefinition.schema` is optional. `declarativeTemplate()` assigns it
+automatically when it parses `<f-template>` markup. Manual schema users can pass
+a schema in the element definition, and `observerMap()` can also take a schema
+directly in configuration:
+
+```ts
+import { FASTElement, Schema } from "@microsoft/fast-element";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+
+class MyElement extends FASTElement {}
+
+const schema = new Schema("my-element");
+schema.addPath({
+    rootPropertyName: "user",
+    pathConfig: {
+        type: "default",
+        parentContext: null,
+        currentContext: null,
+        path: "user.name",
+    },
+    childrenMap: null,
+});
+
+MyElement.define({ name: "my-element" }, [observerMap({ schema })]);
+```
diff --git a/packages/fast-element/DECLARATIVE_RENDERING.md b/packages/fast-element/DECLARATIVE_RENDERING.md
index c0ce86ff412..ed580c27973 100644
--- a/packages/fast-element/DECLARATIVE_RENDERING.md
+++ b/packages/fast-element/DECLARATIVE_RENDERING.md
@@ -66,7 +66,7 @@ import {
     InitialStateService,
     type IInitialStateService,
 } from "./initial-state.js";
-import { inject } from '@microsoft/fast-element/di.js';
+import { inject } from "@microsoft/fast-element/di.js";
 
 export class MyComponent extends FASTElement {
     @inject(initialStateFactory) initialStateService!: InitialStateService;
diff --git a/packages/fast-element/DECLARATIVE_RENDERING_LIFECYCLE.md b/packages/fast-element/DECLARATIVE_RENDERING_LIFECYCLE.md
index 58c41ea6e37..87d20b44564 100644
--- a/packages/fast-element/DECLARATIVE_RENDERING_LIFECYCLE.md
+++ b/packages/fast-element/DECLARATIVE_RENDERING_LIFECYCLE.md
@@ -203,8 +203,8 @@ Hydration must be explicitly opted into by calling `enableHydration()`. Per-elem
 callbacks are passed directly to `declarativeTemplate()`:
 
 ```typescript
-import { enableHydration } from "@microsoft/fast-element/hydration.js";
 import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 
 // Global hydration events
 enableHydration({
@@ -246,8 +246,8 @@ MyComponent.define({
 
 **Performance Monitoring:**
 ```typescript
-import { enableHydration } from "@microsoft/fast-element/hydration.js";
 import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 
 enableHydration({
     hydrationComplete() {
diff --git a/packages/fast-element/DECLARATIVE_SCHEMA_OBSERVER_MAP.md b/packages/fast-element/DECLARATIVE_SCHEMA_OBSERVER_MAP.md
index 1289b3f21d6..a98ca31c87c 100644
--- a/packages/fast-element/DECLARATIVE_SCHEMA_OBSERVER_MAP.md
+++ b/packages/fast-element/DECLARATIVE_SCHEMA_OBSERVER_MAP.md
@@ -1,6 +1,10 @@
 # Schema and Observer Map Architecture
 
-This document provides a technical explainer for how the `Schema` and `ObserverMap` classes work together to describe data objects and automatically observe them in FAST HTML templates using the f-template system.
+This document provides a technical explainer for how the `Schema` and
+`ObserverMap` classes work together to describe data objects and automatically
+observe them in FAST elements. Declarative `<f-template>` markup creates schemas
+automatically, but the schema and observer map implementation are factored so
+they can also be used without declarative templating.
 
 ## Table of Contents
 
@@ -22,9 +26,10 @@ The Schema and Observer Map architecture enables automatic observation of comple
 
 ### Key Components
 
-- **Schema Class**: Generates JSON schemas that describe the structure and binding paths of data objects based on template analysis
+- **Schema Class**: Generates JSON schemas that describe the structure and binding paths of data objects based on template analysis or manually registered paths
 - **Observer Map Class**: Uses the schema information to automatically define observable properties and create proxies for nested object observation
 - **f-template Integration**: Template processing automatically populates schemas and configures observer maps during template compilation
+- **Map helpers**: `@microsoft/fast-element` exposes the map helpers independently from declarative templating
 
 ### Supported Data Types
 
@@ -58,7 +63,7 @@ The `Schema` class is responsible for building JSON Schema definitions that map
 ```typescript
 constructor(name: string)
 ```
-Creates a new schema instance for a specific custom element name and initializes an instance-level `schemaMap`. The instance also registers itself in the module-level `schemaRegistry` for cross-element `$ref` resolution.
+Creates a new schema instance for a specific custom element name and initializes an instance-level `schemaMap`. The instance also registers itself in the module-level `schemaRegistry` for cross-element `$ref` resolution. `FASTElementDefinition.schema` is optional; declarative templates assign it after parsing, while manual schema users can pass one in the element definition or directly to `observerMap({ schema })`.
 
 #### addPath
 ```typescript
@@ -122,7 +127,7 @@ The `ObserverMap` class uses schema information to automatically configure obser
 
 ### Constructor
 ```typescript
-constructor(classPrototype: any, schema: Schema)
+constructor(classPrototype: any, schema: Schema, config?: ObserverMapConfig)
 ```
 Creates an observer map instance that will configure the provided class prototype using the schema information.
 
@@ -142,9 +147,9 @@ When a root property transitions from `undefined` to a defined value, the observ
 2. Creates proxies using the `assignObservables` utility function
 3. Establishes deep observation of nested properties based on the schema of that root property
 
-## Integration with f-template
+## Integration with f-template and manual schemas
 
-The Schema and Observer Map classes integrate seamlessly with the f-template system:
+The Schema and Observer Map classes integrate seamlessly with the f-template system, but they are not tied to it:
 
 ### Template Processing Flow
 
@@ -155,20 +160,68 @@ The Schema and Observer Map classes integrate seamlessly with the f-template sys
 
 ### Configuration
 
-Observer Map functionality is enabled through template element options:
+Observer Map functionality is enabled through the `observerMap()` definition
+extension exported from `@microsoft/fast-element/observer-map.js`:
 
 ```typescript
-TemplateElement.options({
-  "my-custom-element": {
-    observerMap: {}
-  }
-});
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+
+MyElement.define(
+  {
+    name: "my-custom-element",
+    template: declarativeTemplate(),
+  },
+  [observerMap()]
+);
 ```
 
 When the `properties` key is omitted, all root properties discovered in the
 template are observed. Add a `properties` object to opt into selective
 observation behavior.
 
+For non-declarative/manual schema use, pass the schema in the observer map
+configuration:
+
+```typescript
+import { FASTElement, Schema } from "@microsoft/fast-element";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+
+class MyElement extends FASTElement {}
+
+const schema = new Schema("my-custom-element");
+schema.addPath({
+  rootPropertyName: "user",
+  pathConfig: {
+    type: "default",
+    parentContext: null,
+    currentContext: null,
+    path: "user.name",
+  },
+  childrenMap: null,
+});
+
+MyElement.define(
+  {
+    name: "my-custom-element",
+  },
+  [observerMap({ schema })]
+);
+```
+
+You can also attach a manual schema to the FAST element definition. This is the
+path used automatically by `declarativeTemplate()` after it parses a template:
+
+```typescript
+MyElement.define(
+  {
+    name: "my-custom-element",
+    schema,
+  },
+  [observerMap()]
+);
+```
+
 ## Initial Path Processing Flow
 
 Here's how binding paths flow through the system during initial template processing:
@@ -405,7 +458,7 @@ The schema system tracks binding contexts using special metadata:
 You can inspect generated schemas using the module-level `schemaRegistry` import:
 
 ```typescript
-import { schemaRegistry } from "@microsoft/fast-element/declarative.js";
+import { schemaRegistry } from "@microsoft/fast-element";
 
 // Get all schemas for an element:
 const elementSchemas = schemaRegistry.get('my-element');
@@ -415,16 +468,17 @@ console.log(JSON.stringify(userSchema, null, 2));
 
 ### Observer Map Status
 
-Check if observer map is enabled from the browser console by selecting an f-template element:
+`observerMap()` is applied as a definition extension before the element is
+registered. There is no public `TemplateElement.options()` state to inspect.
+To verify that observer mapping ran, inspect the generated schema and the
+observable accessors on the element prototype:
 
 ```typescript
-// First, select an f-template element in the browser's developer tools
-// Then check the element options from the console:
-$0.__proto__.constructor.elementOptions
+import { Observable, schemaRegistry } from "@microsoft/fast-element";
 
-// To check a specific element's observer map setting:
-const options = $0.__proto__.constructor.elementOptions['my-element'];
-console.log('Observer Map enabled:', options?.observerMap !== undefined);
+const schemas = schemaRegistry.get("my-element");
+const accessors = Observable.getAccessors(MyElement.prototype).map(a => a.name);
+console.log(schemas, accessors);
 ```
 
 ### Proxy Detection
diff --git a/packages/fast-element/DESIGN.md b/packages/fast-element/DESIGN.md
index a0b225c8085..1fdc075520b 100644
--- a/packages/fast-element/DESIGN.md
+++ b/packages/fast-element/DESIGN.md
@@ -42,14 +42,18 @@ For deep dives into specific areas, see the linked detailed documents.
 | Element authoring | `FASTElement` base class + `@customElement`, `@attr`, `@observable` decorators |
 | Reactive data binding | `Observable`, `ExpressionNotifier`, `oneWay`/`oneTime`/`listener` bindings |
 | Declarative templating | `html` tagged template literal → `ViewTemplate` → compiled `HTMLView` |
-| Declarative HTML runtime | `@microsoft/fast-element/declarative.js` → `TemplateElement`, `TemplateParser`, `Schema`, `ObserverMap`, `AttributeMap` |
+| Declarative HTML runtime | `@microsoft/fast-element/declarative.js` → `declarativeTemplate()`, `TemplateParser`; `@microsoft/fast-element/schema.js` → `Schema` |
+| Schema-driven extensions | `@microsoft/fast-element/attribute-map.js` and `@microsoft/fast-element/observer-map.js` → map helpers usable with declarative or manually supplied schemas |
 | Async DOM updates | `Updates` queue (batched, `requestAnimationFrame`-aligned) |
 | Scoped styles | `css` tagged template literal → `ElementStyles` → `adoptedStylesheets` / `<style>` |
 | Dependency injection | `DI` container, `@inject`, `@singleton`, `@transient`, resolvers |
 | Context protocol | W3C community Context protocol (`Context.create`, `Context.for`) |
 | Reactive state helpers | `state()`, `watch()` (beta) |
 
-The library's kernel (the `FAST` object, the `Updates` queue, and the `Observable` system) is module-scoped — imported from `@microsoft/fast-element` rather than stored on `globalThis`.
+The library's kernel is module-scoped rather than stored on `globalThis`: import `FAST` from `@microsoft/fast-element`, `Updates` from `@microsoft/fast-element`, and `Observable` from `@microsoft/fast-element`.
+
+The root entrypoint exports the FAST Element implementation APIs. Focused package
+path exports remain available when a consumer wants a narrower entrypoint.
 
 ---
 
@@ -266,9 +270,19 @@ See [ARCHITECTURE_UPDATES.md](./ARCHITECTURE_UPDATES.md) for more detail.
 
 **Files**: `src/styles/css.ts`, `src/styles/element-styles.ts`, `src/styles/css-directive.ts`
 
-**Subpath export**: `@microsoft/fast-element/styles.js`
+**Exported from**: `@microsoft/fast-element`
 
-The `css` tag, `ElementStyles`, `CSSDirective`, `cssDirective`, `ComposableStyles`, `HostBehavior`, `HostController`, `StyleStrategy`, and `StyleTarget` are imported from the `@microsoft/fast-element/styles.js` subpath rather than the main barrel. The `css` tag (analogous to `html`) builds `ElementStyles` objects. During `ElementController.connect()`, styles are applied to the element's shadow root either via `adoptedStylesheets` (preferred) or an appended `<style>` node, depending on platform support. `CSSDirective`s can contribute additional static CSS during template composition, but runtime CSS bindings and style-attached `HostBehavior`s are not supported. Arbitrary runtime style toggling is handled through `ElementController.addStyles()` / `removeStyles()`; `ElementStyles` itself is a static container.
+The `css` tag, `ElementStyles`, `CSSDirective`, `cssDirective`,
+`ComposableStyles`, `HostBehavior`, `HostController`, `StyleStrategy`, and
+`StyleTarget` are imported from `@microsoft/fast-element`. The `css` tag
+(analogous to `html`) builds `ElementStyles` objects. During
+`ElementController.connect()`, styles are applied to the element's shadow root
+either via `adoptedStylesheets` (preferred) or an appended `<style>` node,
+depending on platform support. `CSSDirective`s can contribute additional static
+CSS during template composition, but runtime CSS bindings and style-attached
+`HostBehavior`s are not supported. Arbitrary runtime style toggling is handled
+through `ElementController.addStyles()` / `removeStyles()`; `ElementStyles`
+itself is a static container.
 
 ---
 
@@ -320,30 +334,40 @@ See `docs/di/api-report.api.md` for the full public API surface.
 
 ### Declarative HTML
 
-**Files**: `src/declarative.ts`, `src/declarative/*`
+**Files**: `src/declarative/index.ts`, `src/declarative/*`
 
 FAST Element also owns the declarative HTML runtime that previously lived in a
-separate package. The dedicated `@microsoft/fast-element/declarative.js`
-entrypoint exports `TemplateElement`, `TemplateParser`, `Schema`,
-`schemaRegistry`, `ObserverMap`, `AttributeMap`, and the related config types.
+separate package. `@microsoft/fast-element` exports the declarative runtime API:
+`declarativeTemplate()`, `TemplateParser`, `Schema`, `schemaRegistry`, and
+related parser/schema types. Map helpers are also exported from the root so they
+can be used with declarative templates or manually supplied schemas. The
+`<f-template>` element is an internal native `HTMLElement` publisher that
+`declarativeTemplate()` defines in the target registry; it is not part of the
+public API.
 
 The declarative runtime intentionally reuses the same FAST Element primitives as
 the imperative `html` API:
 
-- `TemplateElement` attaches parsed `ViewTemplate` instances through
-  `FASTElementDefinition.register()` rather than introducing a second
-  registration pipeline.
+- The internal `<f-template>` publisher parses HTML and returns concrete
+  `ViewTemplate` instances through the registry-aware declarative template
+  bridge.
 - `TemplateParser` lowers declarative syntax to the same `strings` / `values`
   shape used by `ViewTemplate.create()`.
-- `ObserverMap` and `AttributeMap` layer on top of the core observable and
-  attribute-definition systems.
-
-The `src/declarative.ts` entrypoint is pure at module evaluation time. The
-declarative runtime installs its debug messages and hydratable `ViewTemplate`
-hooks lazily from `TemplateParser.createTemplate()`, keeping the root
-`@microsoft/fast-element` barrel free of declarative side effects and
-utility-subpath collisions. See [`DECLARATIVE_DESIGN.md`](./DECLARATIVE_DESIGN.md)
-for the detailed architecture.
+- `attributeMap()` and `observerMap()` are `FASTElementExtension` factories
+  exported from `@microsoft/fast-element/attribute-map.js` and
+  `@microsoft/fast-element/observer-map.js`. With `declarativeTemplate()` they
+  register schema transforms on the element definition, and those transforms run
+  after parsing in deterministic order (`attributeMap()` before
+  `observerMap()`). Outside declarative templates, `attributeMap()` uses
+  `definition.schema`, while `observerMap()` can use either `definition.schema`
+  or `observerMap({ schema })`.
+
+The `src/declarative/index.ts` entrypoint is pure at module evaluation time. Running a
+declarative API lazily installs declarative debug messages only. Hydration hooks
+and hydratable `ViewTemplate` support are installed exclusively by
+`enableHydration()` from `@microsoft/fast-element/hydration.js`. See
+[`DECLARATIVE_DESIGN.md`](./DECLARATIVE_DESIGN.md) for the detailed
+architecture.
 
 ---
 
@@ -505,7 +529,7 @@ Below is a conceptual map of the major subsystems and their relationships:
 src/
 ├── interfaces.ts          # Core types: Callable, Constructable, Message codes
 ├── platform.ts            # FAST module-scoped singleton, TypeRegistry
-├── declarative.ts         # Pure declarative entrypoint
+├── declarative/           # Pure declarative entrypoint and map helpers
 ├── dom.ts                 # DOMAspect enum, DOMPolicy, DOMSink
 ├── dom-policy.ts          # Default DOM security policy (TrustedTypes integration)
 ├── metadata.ts            # Reflect-based metadata helpers
@@ -543,18 +567,24 @@ src/
 ├── components/
 │   ├── fast-element.ts    # FASTElement, @customElement
 │   ├── element-controller.ts  # ElementController, Stages
-│   ├── fast-definitions.ts    # FASTElementDefinition
+│   ├── fast-definitions.ts    # FASTElementDefinition, optional definition schema
+│   ├── schema.ts              # Schema class and schemaRegistry
+│   ├── definition-schema-transforms.ts # Definition-scoped schema transform storage
 │   └── attributes.ts          # AttributeDefinition, @attr, converters
+├── extensions/
+│   ├── observer-map.ts    # observerMap() extension and proxy-backed observation helpers
+│   └── attribute-map.ts   # attributeMap() extension and automatic @attr helpers
 ├── di/
 │   └── di.ts              # DI container, decorators, resolvers, Registration
 ├── context.ts             # Context, FASTContext, Context protocol
 ├── declarative/
-│   ├── template.ts        # TemplateElement, options, lifecycle callbacks
+│   ├── template.ts        # declarativeTemplate() and internal f-template publisher
 │   ├── template-parser.ts # Declarative HTML parser → ViewTemplate strings/values
-│   ├── schema.ts          # Binding schema builder + schemaRegistry
-│   ├── observer-map.ts    # Proxy-backed deep observation helpers
-│   ├── attribute-map.ts   # Automatic @attr registration helpers
-│   ├── utilities.ts       # Declarative parsing and proxy utilities
+│   ├── schema.ts          # Compatibility re-export for Schema
+│   ├── definition-options.ts # Compatibility re-export for schema transforms
+│   ├── observer-map.ts    # Internal observer-map extension alias (not a package export)
+│   ├── attribute-map.ts   # Internal attribute-map extension alias (not a package export)
+│   ├── utilities.ts       # Declarative parsing utilities
 │   └── syntax.ts          # Declarative syntax constants
 ├── state/
 │   ├── state.ts           # state() helper (beta)
diff --git a/packages/fast-element/MIGRATION.md b/packages/fast-element/MIGRATION.md
index cba99d02838..139920b7f94 100644
--- a/packages/fast-element/MIGRATION.md
+++ b/packages/fast-element/MIGRATION.md
@@ -45,20 +45,44 @@ removed `@microsoft/fast-html` package.
 
 | Before | After |
 |---|---|
-| `@microsoft/fast-html` | `@microsoft/fast-element/declarative.js` |
-| `@microsoft/fast-html/utilities.js` | `@microsoft/fast-element/declarative/utilities.js` |
+| `@microsoft/fast-html` | `@microsoft/fast-element` |
+| `@microsoft/fast-html/utilities.js` | `@microsoft/fast-element` |
+
+Core FAST Element helpers are available from the root package export:
+
+| API | Import path |
+|---|---|
+| `Updates` | `@microsoft/fast-element` |
+| `Observable`, `observable` | `@microsoft/fast-element` |
+| `attr`, `AttributeDefinition`, converters, `ValueConverter` | `@microsoft/fast-element` |
+| `Binding`, `oneWay`, `oneTime`, `listener` | `@microsoft/fast-element` |
+| `DOM`, `DOMAspect`, `DOMPolicy` | `@microsoft/fast-element` |
+| `Schema`, `schemaRegistry`, schema types | `@microsoft/fast-element` |
+| `css` | `@microsoft/fast-element` |
+| `html`, `ViewTemplate`, `HTMLView` | `@microsoft/fast-element` |
+| `Compiler`, `HTMLDirective`, `htmlDirective`, templating/view types | `@microsoft/fast-element` |
+| `render`, `RenderBehavior`, `RenderDirective` | `@microsoft/fast-element` |
+| `enableHydration`, `HydrationTracker`, hydration types | `@microsoft/fast-element/hydration.js` |
+| `ArrayObserver` | `@microsoft/fast-element` |
+| `volatile` | `@microsoft/fast-element` |
+| `children` | `@microsoft/fast-element` |
+| `elements`, `NodeObservationDirective` | `@microsoft/fast-element` |
+| `ref` | `@microsoft/fast-element` |
+| `slotted` | `@microsoft/fast-element` |
+| `when` | `@microsoft/fast-element` |
+| `repeat` | `@microsoft/fast-element` |
 
 ### Migration steps
 
 1. Update declarative runtime imports to
    `@microsoft/fast-element/declarative.js`.
 2. Update declarative utility imports such as `deepMerge` to
-   `@microsoft/fast-element/declarative/utilities.js`.
-3. Keep importing core FAST Element APIs (for example `FASTElement`, `attr`,
-     `observable`) from `@microsoft/fast-element`.
-4. Do not switch to the root `@microsoft/fast-element` barrel for declarative
-    APIs; the declarative entrypoint owns the declarative runtime and installs
-    hydration support lazily when declarative templates are created.
+   `@microsoft/fast-element/declarative-utilities.js`.
+3. Keep importing FAST Element APIs such as `FASTElement`, `FAST`,
+   `ElementController`, definition/controller types, `attr`, `Schema`, and
+   `observable` from `@microsoft/fast-element`.
+4. Call `enableHydration()` from `@microsoft/fast-element/hydration.js` when
+   prerendered content should be hydrated.
 
 ## `TemplateOptions` removal (v3)
 
@@ -86,13 +110,74 @@ removed `@microsoft/fast-html` package.
 3. If a template is supplied later, assign `FASTElementDefinition.template` (or
    use the declarative runtime that does so for you).
 
+
+## Declarative TemplateElement API removal (v3)
+
+### Removed APIs
+
+| Removed | Replacement |
+|---|---|
+| `TemplateElement` public export | `declarativeTemplate()` on each FAST element definition |
+| `TemplateElement.define({ name: "f-template" })` | No manual definition; `declarativeTemplate()` defines FAST's internal `<f-template>` publisher in the target registry |
+| `TemplateElement.config(callbacks)` / `HydrationLifecycleCallbacks` | Per-element callbacks via `declarativeTemplate(callbacks)` and global callbacks via `enableHydration(options)` |
+| `TemplateElement.options(...)`, `ElementOptions`, `ElementOptionsDictionary` | Define extensions: `attributeMap(...)` and `observerMap(...)` passed as the second argument to `define()` |
+| `AttributeMap` / `ObserverMap` exports from the old declarative public surface | `attributeMap()` / `observerMap()` extension helpers and their config types |
+
+### Migration steps
+
+1. Replace manual `<f-template>` registration with `template: declarativeTemplate()`:
+
+   ```typescript
+   // Before
+   import { TemplateElement } from "@microsoft/fast-element";
+   TemplateElement.define({ name: "f-template" });
+
+   MyElement.define({ name: "my-element" });
+
+   // After
+   import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+
+   MyElement.define({
+       name: "my-element",
+       template: declarativeTemplate(),
+   });
+   ```
+
+2. Replace `TemplateElement.options()` with definition extensions:
+
+   ```typescript
+   import { attributeMap } from "@microsoft/fast-element/attribute-map.js";
+   import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+   import { observerMap } from "@microsoft/fast-element/observer-map.js";
+
+   MyElement.define(
+       {
+           name: "my-element",
+           template: declarativeTemplate(),
+       },
+       [attributeMap(), observerMap()],
+   );
+   ```
+
+   `attributeMap()` is imported from
+   `@microsoft/fast-element/attribute-map.js` and `observerMap()` from
+   `@microsoft/fast-element/observer-map.js` for declarative templates,
+   manually supplied schemas, or both. `FASTElementDefinition.schema` is optional;
+   `declarativeTemplate()` assigns it automatically, and `observerMap()` can
+   take a manual schema with `observerMap({ schema })`.
+
+3. Replace `TemplateElement.config()` with `declarativeTemplate(callbacks)` for
+   per-element callbacks and `enableHydration(options)` for global hydration
+   callbacks. Hydration is not installed by `declarative.js`; call
+   `enableHydration()` before elements connect when SSR content should hydrate.
+
 ## Debug entrypoint explicit enablement (v3)
 
 ### Import changes
 
 | Before | After |
 |---|---|
-| `import "@microsoft/fast-element/debug.js";` | `import { enableDebug } from "@microsoft/fast-element/debug.js"; enableDebug();` |
+| `import "@microsoft/fast-element";` | `import { enableDebug } from "@microsoft/fast-element/debug.js"; enableDebug();` |
 
 ### Migration steps
 
@@ -137,9 +222,9 @@ data source.
 |---|---|
 | `@microsoft/fast-element/install-hydration.js` | No replacement needed — prerendered path is built into `ElementController` |
 
-The `install-hydratable-view-templates.js` side-effect import is still
-available, but `@microsoft/fast-element/declarative.js` now installs the
-hydration runtime lazily when declarative APIs create a template.
+Use `enableHydration()` from `@microsoft/fast-element/hydration.js` when SSR
+content should hydrate. The declarative entrypoint no longer installs hydration
+automatically.
 
 ### Changed behavior
 
diff --git a/packages/fast-element/README.md b/packages/fast-element/README.md
index ba6c8fc4d30..a3e906e7366 100644
--- a/packages/fast-element/README.md
+++ b/packages/fast-element/README.md
@@ -62,9 +62,9 @@ importing `@microsoft/fast-element`.
 
 ## Debug entrypoint
 
-`@microsoft/fast-element/debug.js` exports `enableDebug()` instead of
-configuring FAST at import time. The development root export and debug rollup
-bundle still enable debug behavior automatically.
+`@microsoft/fast-element/debug.js` exports `enableDebug()` instead of configuring
+FAST at import time. The development root export and debug rollup bundle still
+enable debug behavior automatically.
 
 ```ts
 import { enableDebug } from "@microsoft/fast-element/debug.js";
@@ -76,14 +76,28 @@ enableDebug();
 
 Bundle sizes for each tree-shakeable export are tracked in [`SIZES.md`](./SIZES.md) and regenerated on every build. See the [Export Sizes](https://www.fast.design/docs/3.x/resources/export-sizes/) documentation page for the latest numbers.
 
+## Root Imports and Path Exports
+
+The root `@microsoft/fast-element` entrypoint exports the FAST Element
+implementation APIs, including the element base class, kernel, controller,
+definition APIs, template APIs, binding helpers, directives, styles, and schema
+helpers. Declarative, hydration, context, and dependency injection APIs are
+available from their focused path exports.
+
+Focused package path exports remain available for consumers that want to import
+a narrower entrypoint directly. The website's
+[Path Exports](https://www.fast.design/docs/3.x/advanced/path-exports/) page is
+generated from `package.json` and lists each supported path.
+
 ## Dynamic Style Application
 
-Style APIs (`css`, `ElementStyles`, `CSSDirective`, `cssDirective`,
-`ComposableStyles`, `HostBehavior`, `HostController`, `StyleStrategy`,
-`StyleTarget`) are imported from `@microsoft/fast-element/styles.js`:
+Import `css`, `CSSTemplateTag`, `CSSValue`, and style APIs such as
+`ElementStyles`, `CSSDirective`, `cssDirective`, `ComposableStyles`,
+`HostBehavior`, `HostController`, `StyleStrategy`, and `StyleTarget` from
+`@microsoft/fast-element`:
 
 ```ts
-import { css, ElementStyles } from "@microsoft/fast-element/styles.js";
+import { ElementStyles, css } from "@microsoft/fast-element";
 ```
 
 When runtime state or external signals need to add or remove styles, create the
@@ -98,13 +112,14 @@ controller when styles need to change.
 
 ## Declarative HTML
 
-FAST Element also publishes a declarative HTML runtime from
-`@microsoft/fast-element/declarative.js`. This entrypoint exports
-`declarativeTemplate()`, `TemplateElement`, `TemplateParser`, `Schema`,
-`ObserverMap`, and `AttributeMap`. The entrypoint stays pure at import time and
-installs the hydratable `ViewTemplate` behavior lazily when declarative APIs
-actually create a template, without adding those side effects to the root
-`@microsoft/fast-element` import.
+FAST Element publishes its declarative HTML runtime from
+`@microsoft/fast-element/declarative.js`. This entrypoint exports the
+functional APIs for declarative templates: `declarativeTemplate()`,
+`TemplateParser`, and related configuration types. `attributeMap()` and
+`observerMap()` are available from their own focused path exports. The
+declarative runtime is pure at import time; declarative APIs lazily install only
+declarative debug messages. Hydration is separate and remains opt-in through
+`enableHydration()` from `@microsoft/fast-element/hydration.js`.
 
 ```ts
 import { FASTElement } from "@microsoft/fast-element";
@@ -118,14 +133,40 @@ MyElement.define({
 });
 ```
 
-`declarativeTemplate()` automatically defines `<f-template>` in the relevant
-registry, resolves the matching `<f-template name="my-element">`, and keeps the
-definition template concrete before `define()` resolves. `TemplateElement`
-remains available for lifecycle configuration and per-element options such as
-`TemplateElement.config()` and `TemplateElement.options()`.
+`declarativeTemplate()` automatically defines FAST's internal native
+`<f-template>` publisher in the relevant registry, resolves the matching
+`<f-template name="my-element">`, and keeps the definition template concrete
+before `define()` resolves. Consumers should not import or define the
+`<f-template>` implementation directly.
+
+Declarative schema behavior is enabled with define extensions:
+
+```ts
+import { attributeMap } from "@microsoft/fast-element/attribute-map.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+
+MyElement.define(
+    {
+        name: "my-element",
+        template: declarativeTemplate(),
+    },
+    [attributeMap(), observerMap()],
+);
+```
+
+`attributeMap()` creates `@attr`-style accessors for leaf bindings, and
+`observerMap()` creates deep observable accessors for discovered root
+properties. Declarative templates assign `definition.schema` during template
+resolution so these extensions always have schema data when used with
+`declarativeTemplate()`. For non-declarative/manual schema use, import `Schema`
+from `@microsoft/fast-element` and pass it on the element definition;
+`observerMap()` can also receive
+`observerMap({ schema })` directly. When both extensions are present, attribute
+mapping runs before observer mapping.
 
 Declarative utilities such as `deepMerge` are available from
-`@microsoft/fast-element/declarative/utilities.js`. See
+`@microsoft/fast-element/declarative-utilities.js`. See
 [`DECLARATIVE_HTML.md`](./DECLARATIVE_HTML.md) for declarative implementation
 details and the
 [Declarative HTML docs](https://fast.design/docs/3.x/declarative-templates/overview/)
@@ -198,8 +239,7 @@ Custom directives can also await `controller.isPrerendered` and `controller.isHy
 `FASTElement.define()` accepts an optional second argument — an array of extension callbacks that are invoked with the resolved element definition before the element is registered with the platform. This enables a plugin pattern where reusable behaviors can hook into element registration.
 
 ```typescript
-import { FASTElement } from "@microsoft/fast-element";
-import type { FASTElementExtension } from "@microsoft/fast-element";
+import { FASTElement, type FASTElementExtension } from "@microsoft/fast-element";
 
 function logger(): FASTElementExtension {
     return definition => {
diff --git a/packages/fast-element/SIZES.md b/packages/fast-element/SIZES.md
index 129fd60a7f0..9c893874497 100644
--- a/packages/fast-element/SIZES.md
+++ b/packages/fast-element/SIZES.md
@@ -4,22 +4,22 @@ Bundle sizes for `@microsoft/fast-element` exports.
 
 | Export | Minified | Gzip | Brotli |
 |--------|----------|------|--------|
-| CDN Rollup Bundle | 65.07 KB | 19.35 KB | 17.29 KB |
-| FASTElement | 23.71 KB | 7.37 KB | 6.63 KB |
-| Updates | 473 B | 337 B | 287 B |
-| Observable | 6.70 KB | 2.49 KB | 2.22 KB |
-| observable | 6.74 KB | 2.50 KB | 2.24 KB |
-| attr | 477 B | 288 B | 244 B |
-| children | 4.81 KB | 1.86 KB | 1.64 KB |
-| ref | 3.78 KB | 1.53 KB | 1.33 KB |
-| slotted | 4.60 KB | 1.79 KB | 1.58 KB |
-| volatile | 6.79 KB | 2.53 KB | 2.25 KB |
-| when | 1.82 KB | 712 B | 568 B |
-| html | 25.92 KB | 8.50 KB | 7.61 KB |
-| repeat | 29.57 KB | 9.42 KB | 8.47 KB |
-| css | 2.43 KB | 1.00 KB | 911 B |
-| enableHydration | 43.23 KB | 13.21 KB | 11.88 KB |
-| ArrayObserver | 12.51 KB | 4.45 KB | 4.01 KB |
-| declarativeTemplate | 85.68 KB | 26.22 KB | 23.09 KB |
-| observerMap | 339 B | 209 B | 179 B |
-| attributeMap | 341 B | 209 B | 178 B |
+| CDN Rollup Bundle | 76.36 KB | 22.91 KB | 20.32 KB |
+| FASTElement (@microsoft/fast-element/fast-element.js) | 23.73 KB | 7.38 KB | 6.63 KB |
+| Updates (@microsoft/fast-element/updates.js) | 473 B | 335 B | 288 B |
+| Observable (@microsoft/fast-element/observable.js) | 6.70 KB | 2.50 KB | 2.22 KB |
+| observable (@microsoft/fast-element/observable.js) | 6.74 KB | 2.51 KB | 2.23 KB |
+| attr (@microsoft/fast-element/attr.js) | 477 B | 288 B | 244 B |
+| children (@microsoft/fast-element/children.js) | 4.81 KB | 1.86 KB | 1.64 KB |
+| ref (@microsoft/fast-element/ref.js) | 3.78 KB | 1.52 KB | 1.34 KB |
+| slotted (@microsoft/fast-element/slotted.js) | 4.60 KB | 1.79 KB | 1.58 KB |
+| volatile (@microsoft/fast-element/volatile.js) | 6.79 KB | 2.53 KB | 2.25 KB |
+| when (@microsoft/fast-element/when.js) | 1.82 KB | 712 B | 565 B |
+| html (@microsoft/fast-element/html.js) | 25.92 KB | 8.50 KB | 7.61 KB |
+| repeat (@microsoft/fast-element/repeat.js) | 29.57 KB | 9.41 KB | 8.47 KB |
+| css (@microsoft/fast-element/css.js) | 2.43 KB | 1.00 KB | 911 B |
+| enableHydration (@microsoft/fast-element/hydration.js) | 43.27 KB | 13.22 KB | 11.89 KB |
+| declarativeTemplate (@microsoft/fast-element/declarative.js) | 58.77 KB | 18.46 KB | 16.46 KB |
+| ArrayObserver (@microsoft/fast-element/array-observer.js) | 12.51 KB | 4.45 KB | 4.01 KB |
+| observerMap (@microsoft/fast-element/observer-map.js) | 20.41 KB | 7.26 KB | 6.52 KB |
+| attributeMap (@microsoft/fast-element/attribute-map.js) | 15.78 KB | 5.59 KB | 5.04 KB |
diff --git a/packages/fast-element/api-extractor.declarative.json b/packages/fast-element/api-extractor.declarative.json
index b6207a31f24..377b16e4350 100644
--- a/packages/fast-element/api-extractor.declarative.json
+++ b/packages/fast-element/api-extractor.declarative.json
@@ -1,7 +1,7 @@
 {
     "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json",
     "extends": "../../api-extractor.json",
-    "mainEntryPointFilePath": "./dist/dts/declarative.d.ts",
+    "mainEntryPointFilePath": "./dist/dts/declarative/index.d.ts",
     "dtsRollup": { "enabled": false },
     "apiReport": {
         "enabled": true,
diff --git a/packages/fast-element/docs/api-report.api.md b/packages/fast-element/docs/api-report.api.md
index 4374618ad9a..871430dabb7 100644
--- a/packages/fast-element/docs/api-report.api.md
+++ b/packages/fast-element/docs/api-report.api.md
@@ -4,6 +4,12 @@
 
 ```ts
 
+// @public
+export interface AccessCachedPath extends CachedPathCommon {
+    // (undocumented)
+    type: "access";
+}
+
 // @public
 export interface Accessor {
     getValue(source: any): any;
@@ -14,6 +20,23 @@ export interface Accessor {
 // @public
 export type AddViewBehaviorFactory = (factory: ViewBehaviorFactory) => string;
 
+// @public
+export interface ArrayObserver extends SubscriberSet {
+    addSort(sort: Sort): void;
+    addSplice(splice: Splice): void;
+    flush(): void;
+    readonly lengthObserver: LengthObserver;
+    reset(oldCollection: any[] | undefined): void;
+    readonly sortObserver: SortObserver;
+    strategy: SpliceStrategy | null;
+}
+
+// @public
+export const ArrayObserver: Readonly<{
+    readonly sorted: 0;
+    readonly enable: () => void;
+}>;
+
 // @public
 export interface Aspected {
     aspectType: DOMAspect;
@@ -57,23 +80,22 @@ export class AttributeDefinition implements Accessor {
     setValue(source: HTMLElement, newValue: any): void;
 }
 
-// Warning: (ae-forgotten-export) The symbol "reflectMode" needs to be exported by the entry point index.d.ts
-// Warning: (ae-forgotten-export) The symbol "booleanMode" needs to be exported by the entry point index.d.ts
-//
 // @public
-export type AttributeMode = typeof reflectMode | typeof booleanMode | "fromView";
+export type AttributeMode = "reflect" | "boolean" | "fromView";
 
 // @public
 export abstract class Binding<TSource = any, TReturn = any, TParent = any> {
-    constructor(evaluate: Expression<TSource, TReturn, TParent>, policy?: DOMPolicy | undefined, isVolatile?: boolean);
+    constructor(evaluate: Expression<TSource, TReturn, TParent>, policy?: DOMPolicy_2 | undefined, isVolatile?: boolean);
     abstract createObserver(subscriber: Subscriber, directive: BindingDirective): ExpressionObserver<TSource, TReturn, TParent>;
     // (undocumented)
     evaluate: Expression<TSource, TReturn, TParent>;
     // (undocumented)
     isVolatile: boolean;
     options?: any;
+    // Warning: (ae-forgotten-export) The symbol "DOMPolicy_2" needs to be exported by the entry point index.d.ts
+    //
     // (undocumented)
-    policy?: DOMPolicy | undefined;
+    policy?: DOMPolicy_2 | undefined;
 }
 
 // @public
@@ -86,6 +108,22 @@ export interface BindingDirective {
 // @public
 export const booleanConverter: ValueConverter;
 
+// @public
+export type CachedPath = DefaultCachedPath | RepeatCachedPath | AccessCachedPath | EventCachedPath;
+
+// @public
+export interface CachedPathCommon {
+    // (undocumented)
+    currentContext: string | null;
+    // (undocumented)
+    parentContext: string | null;
+    // (undocumented)
+    path: string;
+}
+
+// @public
+export type CachedPathMap = Map<string, Map<string, JSONSchema>>;
+
 // @public
 export type Callable = typeof Function.prototype.call | {
     call(): void;
@@ -113,6 +151,14 @@ export class ChildrenDirective extends NodeObservationDirective<ChildrenDirectiv
 // @public
 export type ChildrenDirectiveOptions<T = any> = ChildListDirectiveOptions<T> | SubtreeDirectiveOptions<T>;
 
+// @public
+export interface ChildrenMap {
+    // (undocumented)
+    attributeName: string;
+    // (undocumented)
+    customElementName: string;
+}
+
 // @public
 export type Class<T, C = {}> = C & Constructable<T> & {
     readonly prototype: T;
@@ -122,21 +168,49 @@ export type Class<T, C = {}> = C & Constructable<T> & {
 export type CompilationStrategy = (
 html: string | HTMLTemplateElement,
 factories: Record<string, ViewBehaviorFactory>,
-policy: DOMPolicy) => HTMLTemplateCompilationResult;
+policy: DOMPolicy_2) => HTMLTemplateCompilationResult;
 
 // @public
 export type CompiledViewBehaviorFactory = Required<ViewBehaviorFactory>;
 
 // @public
 export const Compiler: {
-    compile<TSource = any, TParent = any>(html: string | HTMLTemplateElement, factories: Record<string, ViewBehaviorFactory>, policy?: DOMPolicy): HTMLTemplateCompilationResult<TSource, TParent>;
+    compile<TSource = any, TParent = any>(html: string | HTMLTemplateElement, factories: Record<string, ViewBehaviorFactory>, policy?: DOMPolicy_2): HTMLTemplateCompilationResult<TSource, TParent>;
     setDefaultStrategy(strategy: CompilationStrategy): void;
-    aggregate(parts: (string | ViewBehaviorFactory)[], policy?: DOMPolicy): ViewBehaviorFactory;
+    aggregate(parts: (string | ViewBehaviorFactory)[], policy?: DOMPolicy_2): ViewBehaviorFactory;
 };
 
 // @public
 export type ComposableStyles = string | ElementStyles | CSSStyleSheet;
 
+// @public
+export function composedContains(reference: HTMLElement, test: HTMLElement): boolean;
+
+// @public
+export function composedParent<T extends HTMLElement>(element: T): HTMLElement | null;
+
+// @beta
+export type ComputedBuilder = {
+    on: {
+        setup(callback: ComputedSetupCallback): void;
+    };
+};
+
+// @beta
+export type ComputedInitializer<T> = (builder: ComputedBuilder) => () => T;
+
+// @beta
+export type ComputedSetupCallback = () => (() => void) | void;
+
+// @beta
+export type ComputedState<T> = ReadonlyState<T> & Disposable & {
+    subscribe(subscriber: Subscriber): void;
+    unsubscribe(subscriber: Subscriber): void;
+};
+
+// @beta
+export function computedState<T>(initialize: ComputedInitializer<T>, name?: string): ComputedState<T>;
+
 // @public
 export type Constructable<T = {}> = {
     new (...args: any[]): T;
@@ -162,12 +236,65 @@ export interface ContentView {
     unbind(): void;
 }
 
+// @public
+export const css: CSSTemplateTag;
+
+// @public
+export interface CSSDirective {
+    createCSS(): ComposableStyles;
+}
+
+// @public
+export const CSSDirective: Readonly<{
+    getForInstance: (object: any) => CSSDirectiveDefinition<Constructable<CSSDirective>> | undefined;
+    getByType: (key: Function) => CSSDirectiveDefinition<Constructable<CSSDirective>> | undefined;
+    define<TType extends Constructable<CSSDirective>>(type: any): TType;
+}>;
+
+// @public
+export function cssDirective(): (type: Constructable<CSSDirective>) => void;
+
+// @public
+export interface CSSDirectiveDefinition<TType extends Constructable<CSSDirective> = Constructable<CSSDirective>> {
+    readonly type: TType;
+}
+
+// @public
+export type CSSTemplateTag = ((strings: TemplateStringsArray, ...values: CSSValue[]) => ElementStyles) & {
+    partial(strings: TemplateStringsArray, ...values: CSSValue[]): CSSDirective;
+};
+
+// @public
+export type CSSValue = ComposableStyles | CSSDirective;
+
 // @public
 export function customElement(nameOrDef: string | PartialFASTElementDefinition): (type: Constructable<HTMLElement>) => void;
 
 // @public
 export type DecoratorAttributeConfiguration = Omit<AttributeConfiguration, "property">;
 
+// @public
+export interface DefaultCachedPath extends CachedPathCommon {
+    // (undocumented)
+    type: "default";
+}
+
+// @public
+export class DefaultExecutionContext<TParent> implements ExecutionContext<TParent> {
+    get event(): Event;
+    eventDetail<TDetail>(): TDetail;
+    eventTarget<TTarget extends EventTarget>(): TTarget;
+    index: number;
+    get isEven(): boolean;
+    get isFirst(): boolean;
+    get isInMiddle(): boolean;
+    get isLast(): boolean;
+    get isOdd(): boolean;
+    length: number;
+    readonly parent: TParent;
+    readonly parentContext: ExecutionContext<TParent>;
+}
+
 // @public
 export interface Disposable {
     dispose(): void;
@@ -175,8 +302,8 @@ export interface Disposable {
 
 // @public
 export const DOM: Readonly<{
-    readonly policy: DOMPolicy;
-    setPolicy(value: DOMPolicy): void;
+    readonly policy: DOMPolicy_2;
+    setPolicy(value: DOMPolicy_2): void;
     setAttribute(element: HTMLElement, attributeName: string, value: any): void;
     setBooleanAttribute(element: HTMLElement, attributeName: string, value: boolean): void;
 }>;
@@ -196,14 +323,41 @@ export const DOMAspect: Readonly<{
 export type DOMAspect = (typeof DOMAspect)[Exclude<keyof typeof DOMAspect, "none">];
 
 // @public
-export interface DOMPolicy {
-    createHTML(value: string): string;
-    protect(tagName: string | null, aspect: DOMAspect, aspectName: string, sink: DOMSink): DOMSink;
-}
+export type DOMAspectGuards = {
+    [DOMAspect.attribute]?: DOMSinkGuards;
+    [DOMAspect.booleanAttribute]?: DOMSinkGuards;
+    [DOMAspect.property]?: DOMSinkGuards;
+    [DOMAspect.content]?: DOMSinkGuards;
+    [DOMAspect.tokenList]?: DOMSinkGuards;
+    [DOMAspect.event]?: DOMSinkGuards;
+};
+
+// @public
+export type DOMElementGuards = Record<string, DOMAspectGuards>;
+
+// @public
+export type DOMGuards = {
+    elements: DOMElementGuards;
+    aspects: DOMAspectGuards;
+};
+
+// @public
+export const DOMPolicy: Readonly<{
+    create(options?: DOMPolicyOptions): Readonly<DOMPolicy_2>;
+}>;
+
+// @public
+export type DOMPolicyOptions = {
+    trustedType?: TrustedTypesPolicy;
+    guards?: Partial<DOMGuards>;
+};
 
 // @public
 export type DOMSink = (target: Node, aspectName: string, value: any, ...args: any[]) => void;
 
+// @public
+export type DOMSinkGuards = Record<string, (tagName: string | null, aspect: DOMAspect, aspectName: string, sink: DOMSink) => DOMSink>;
+
 // @public
 export class ElementController<TElement extends HTMLElement = HTMLElement> implements Notifier, HostController<TElement> {
     // @internal
@@ -304,7 +458,13 @@ export interface ElementViewTemplate<TSource = any, TParent = any> {
 export const emptyArray: readonly never[];
 
 // @public
-export function enableHydration(options?: HydrationOptions): void;
+export function enableDebug(): void;
+
+// @public
+export interface EventCachedPath extends CachedPathCommon {
+    // (undocumented)
+    type: "event";
+}
 
 // @public
 export interface ExecutionContext<TParent = any> {
@@ -398,6 +558,7 @@ export class FASTElementDefinition<TType extends Constructable<HTMLElement> = Co
     // @internal
     static registerBaseType(type: Function): void;
     readonly registry: CustomElementRegistry;
+    schema?: Schema;
     shadowOptions?: ShadowRootOptions;
     readonly styles?: ElementStyles;
     template?: ElementViewTemplate<InstanceType<TType>>;
@@ -451,7 +612,7 @@ export class HTMLBindingDirective implements HTMLDirective, ViewBehaviorFactory,
     // @internal
     handleEvent(event: Event): void;
     id: string;
-    policy: DOMPolicy;
+    policy: DOMPolicy_2;
     sourceAspect: string;
     targetAspect: string;
     targetNodeId: string;
@@ -493,8 +654,6 @@ export type HTMLTemplateTag = (<TSource = any, TParent = any>(strings: TemplateS
     partial(html: string): InlineTemplateDirective;
 };
 
-// Warning: (ae-forgotten-export) The symbol "DefaultExecutionContext" needs to be exported by the entry point index.d.ts
-//
 // @public
 export class HTMLView<TSource = any, TParent = any> extends DefaultExecutionContext<TParent> implements ElementView<TSource, TParent>, SyntheticView<TSource, TParent>, ExecutionContext<TParent> {
     constructor(fragment: DocumentFragment, factories: ReadonlyArray<CompiledViewBehaviorFactory>, targets: ViewBehaviorTargets);
@@ -523,72 +682,53 @@ export class HTMLView<TSource = any, TParent = any> extends DefaultExecutionCont
     unbind(): void;
 }
 
-// @public (undocumented)
-export interface HydratableView<TSource = any, TParent = any> extends ElementView, SyntheticView, DefaultExecutionContext<TParent> {
+// @public
+export class InlineTemplateDirective implements HTMLDirective {
+    constructor(html: string, factories?: Record<string, ViewBehaviorFactory>);
+    createHTML(add: AddViewBehaviorFactory): string;
+    static readonly empty: InlineTemplateDirective;
+}
+
+// @public
+export interface JSONSchema extends JSONSchemaCommon {
     // (undocumented)
-    [Hydratable]: symbol;
-    // Warning: (ae-forgotten-export) The symbol "ViewNodes" needs to be exported by the entry point index.d.ts
-    //
+    $defs?: Record<string, JSONSchemaDefinition>;
     // (undocumented)
-    readonly bindingViewBoundaries: Record<string, ViewNodes>;
-    // Warning: (ae-forgotten-export) The symbol "HydrationStage" needs to be exported by the entry point index.d.ts
-    //
+    $id: string;
     // (undocumented)
-    readonly hydrationStage: keyof typeof HydrationStage;
-}
-
-// @public (undocumented)
-export class HydrationBindingError extends Error {
-    constructor(
-    message: string | undefined,
-    factory: ViewBehaviorFactory,
-    fragment: DocumentFragment,
-    templateString: string);
-    readonly factory: ViewBehaviorFactory;
-    readonly fragment: DocumentFragment;
-    readonly templateString: string;
+    $schema: string;
 }
 
 // @public
-export interface HydrationOptions {
-    hydrationComplete?(): void;
-    hydrationStarted?(): void;
+export interface JSONSchemaCommon {
+    $observe?: boolean;
+    // (undocumented)
+    $ref?: string;
+    // (undocumented)
+    anyOf?: Array<any>;
+    // (undocumented)
+    items?: any;
+    // (undocumented)
+    properties?: any;
+    // (undocumented)
+    type?: string;
 }
 
 // @public
-export class HydrationTracker {
-    constructor(options: HydrationOptions);
-    add(element: HTMLElement): void;
-    mergeOptions(incoming: HydrationOptions): void;
-    remove(element: HTMLElement): void;
+export interface JSONSchemaDefinition extends JSONSchemaCommon {
+    // (undocumented)
+    $fast_context: string;
+    // (undocumented)
+    $fast_parent_contexts: Array<string>;
 }
 
 // @public
-export class InlineTemplateDirective implements HTMLDirective {
-    constructor(html: string, factories?: Record<string, ViewBehaviorFactory>);
-    createHTML(add: AddViewBehaviorFactory): string;
-    static readonly empty: InlineTemplateDirective;
+export interface LengthObserver extends Subscriber {
+    length: number;
 }
 
-// Warning: (ae-forgotten-export) The symbol "HydrationView" needs to be exported by the entry point index.d.ts
-//
-// @beta
-export function isHydratable(view: ViewController): view is HydrationView;
-
-// Warning: (ae-forgotten-export) The symbol "HydratableSyntheticViewTemplate" needs to be exported by the entry point index.d.ts
-//
-// @beta (undocumented)
-export function isHydratable<TSource = any, TParent = any>(template: SyntheticViewTemplate<TSource, TParent>): template is HydratableSyntheticViewTemplate<TSource, TParent>;
-
-// Warning: (ae-forgotten-export) The symbol "HydratableElementViewTemplate" needs to be exported by the entry point index.d.ts
-//
-// @beta (undocumented)
-export function isHydratable<TSource = any, TParent = any>(template: ElementViewTemplate<TSource, TParent>): template is HydratableElementViewTemplate<TSource, TParent>;
-
-// Warning: (ae-forgotten-export) The symbol "HydratableContentTemplate" needs to be exported by the entry point index.d.ts
-//
-// @beta (undocumented)
-export function isHydratable(template: ContentTemplate): template is HydratableContentTemplate;
+// @public
+export function lengthOf<T>(array: readonly T[]): number;
 
 // @public
 export function listener<T = any>(expression: Expression<T>, options?: AddEventListenerOptions): Binding<T>;
@@ -661,10 +801,19 @@ export interface ObservationRecord {
 }
 
 // @public
-export function oneTime<T = any>(expression: Expression<T>, policy?: DOMPolicy): Binding<T>;
+export function oneTime<T = any>(expression: Expression<T>, policy?: DOMPolicy_2): Binding<T>;
 
 // @public
-export function oneWay<T = any>(expression: Expression<T>, policy?: DOMPolicy, isVolatile?: boolean): Binding<T>;
+export function oneWay<T = any>(expression: Expression<T>, policy?: DOMPolicy_2, isVolatile?: boolean): Binding<T>;
+
+// @beta
+export type OwnedState<T> = ReadonlyOwnedState<T> & {
+    set(owner: any, value: T): void;
+    asReadonly(): ReadonlyOwnedState<T>;
+};
+
+// @beta
+export function ownedState<T>(value: T | (() => T), options?: string | StateOptions): OwnedState<T>;
 
 // @public
 export const Parser: Readonly<{
@@ -678,6 +827,7 @@ export interface PartialFASTElementDefinition<TType extends Constructable<HTMLEl
     readonly lifecycleCallbacks?: TemplateLifecycleCallbacks;
     readonly name: string;
     readonly registry?: CustomElementRegistry;
+    readonly schema?: Schema;
     readonly shadowOptions?: Partial<ShadowRootOptions> | null;
     readonly styles?: ComposableStyles | ComposableStyles[];
     readonly template?: ElementViewTemplate<InstanceType<TType>> | FASTElementTemplateResolver<TType>;
@@ -697,6 +847,20 @@ export class PropertyChangeNotifier implements Notifier {
     unsubscribe(subscriber: Subscriber, propertyToUnwatch?: string): void;
 }
 
+// @beta
+export function reactive<T>(object: T, deep?: boolean): T;
+
+// @beta
+export type ReadonlyOwnedState<T> = {
+    (owner: any): T;
+};
+
+// @beta
+export type ReadonlyState<T> = {
+    (): T;
+    readonly current: T;
+};
+
 // @public
 export const ref: <TSource = any>(propertyName: keyof TSource & string) => CaptureType;
 
@@ -706,6 +870,16 @@ export class RefDirective extends StatelessAttachedAttributeDirective<string> {
     targetNodeId: string;
 }
 
+// @public
+export interface RegisterPathConfig {
+    // (undocumented)
+    childrenMap: ChildrenMap | null;
+    // (undocumented)
+    pathConfig: CachedPath;
+    // (undocumented)
+    rootPropertyName: string;
+}
+
 // @public
 export function render<TSource = any, TItem = any, TParent = any>(value?: Expression<TSource, TItem> | Binding<TSource, TItem> | {}, template?: ContentTemplate | string | Expression<TSource, ContentTemplate | string | Node, TParent> | Binding<TSource, ContentTemplate | string | Node, TParent>): CaptureType;
 
@@ -745,6 +919,12 @@ export class RepeatBehavior<TSource = any> implements ViewBehavior, Subscriber {
     views: SyntheticView[];
 }
 
+// @public
+export interface RepeatCachedPath extends CachedPathCommon {
+    // (undocumented)
+    type: "repeat";
+}
+
 // @public
 export class RepeatDirective<TSource = any> implements HTMLDirective, ViewBehaviorFactory, BindingDirective {
     constructor(dataBinding: Binding<TSource>, templateBinding: Binding<TSource, SyntheticViewTemplate>, options: RepeatOptions);
@@ -765,12 +945,33 @@ export interface RepeatOptions {
     recycle?: boolean;
 }
 
+// @public
+export class Schema {
+    constructor(name: string);
+    addPath(config: RegisterPathConfig): void;
+    getRootProperties(): IterableIterator<string>;
+    getSchema(rootPropertyName: string): JSONSchema | null;
+}
+
+// @public
+export const schemaRegistry: CachedPathMap;
+
 // @public
 export interface ShadowRootOptions extends ShadowRootInit {
     // @beta
     registry?: CustomElementRegistry;
 }
 
+// @public
+export const Signal: Readonly<{
+    subscribe(signal: string, subscriber: Subscriber): void;
+    unsubscribe(signal: string, subscriber: Subscriber): void;
+    send(signal: string): void;
+}>;
+
+// @public
+export function signal<T = any>(expression: Expression<T>, options: string | Expression<T>, policy?: DOMPolicy_2): Binding<T>;
+
 // @public
 export function slotted<TSource = any>(propertyOrOptions: (keyof TSource & string) | SlottedDirectiveOptions<keyof TSource & string>): CaptureType;
 
@@ -794,6 +995,14 @@ export class Sort {
     sorted?: number[] | undefined;
 }
 
+// @public
+export function sortedCount<T>(array: readonly T[]): number;
+
+// @public
+export interface SortObserver extends Subscriber {
+    sorted: number;
+}
+
 // @public
 export const SourceLifetime: Readonly<{
     readonly unknown: undefined;
@@ -816,6 +1025,35 @@ export class Splice {
     reset?: boolean;
 }
 
+// @public
+export interface SpliceStrategy {
+    normalize(previous: unknown[] | undefined, current: unknown[], changes: Splice[] | undefined): readonly Splice[];
+    pop(array: any[], observer: ArrayObserver, pop: typeof Array.prototype.pop, args: any[]): any;
+    push(array: any[], observer: ArrayObserver, push: typeof Array.prototype.push, args: any[]): any;
+    reverse(array: any[], observer: ArrayObserver, reverse: typeof Array.prototype.reverse, args: any[]): any;
+    shift(array: any[], observer: ArrayObserver, shift: typeof Array.prototype.shift, args: any[]): any;
+    sort(array: any[], observer: ArrayObserver, sort: typeof Array.prototype.sort, args: any[]): any[];
+    splice(array: any[], observer: ArrayObserver, splice: typeof Array.prototype.splice, args: any[]): any;
+    readonly support: SpliceStrategySupport;
+    unshift(array: any[], observer: ArrayObserver, unshift: typeof Array.prototype.unshift, args: any[]): any[];
+}
+
+// @public
+export const SpliceStrategy: Readonly<{
+    readonly reset: Splice[];
+    readonly setDefaultStrategy: (strategy: SpliceStrategy) => void;
+}>;
+
+// @public
+export const SpliceStrategySupport: Readonly<{
+    readonly reset: 1;
+    readonly splice: 2;
+    readonly optimized: 3;
+}>;
+
+// @public
+export type SpliceStrategySupport = (typeof SpliceStrategySupport)[keyof typeof SpliceStrategySupport];
+
 // @public
 export const enum Stages {
     connected = 1,
@@ -824,6 +1062,16 @@ export const enum Stages {
     disconnecting = 2
 }
 
+// @beta
+export type State<T> = ReadonlyState<T> & {
+    current: T;
+    set(value: T): void;
+    asReadonly(): ReadonlyState<T>;
+};
+
+// @beta
+export function state<T>(value: T, options?: string | StateOptions): State<T>;
+
 // @public
 export abstract class StatelessAttachedAttributeDirective<TOptions> implements HTMLDirective, ViewBehaviorFactory, ViewBehavior {
     constructor(options: TOptions);
@@ -834,6 +1082,12 @@ export abstract class StatelessAttachedAttributeDirective<TOptions> implements H
     protected options: TOptions;
 }
 
+// @beta
+export type StateOptions = {
+    deep?: boolean;
+    name?: string;
+};
+
 // @public
 export interface StyleStrategy {
     addStylesTo(target: StyleTarget): void;
@@ -901,6 +1155,25 @@ export type TrustedTypesPolicy = {
     createHTML(html: string): string;
 };
 
+// @public
+export function twoWay<T = any>(expression: Expression<T>, optionsOrChangeEvent?: TwoWayBindingOptions | string, policy?: DOMPolicy_2, isBindingVolatile?: boolean): Binding<T>;
+
+// @public
+export type TwoWayBindingOptions = {
+    changeEvent?: string;
+    fromView?: (value: any) => any;
+};
+
+// @public
+export interface TwoWaySettings {
+    determineChangeEvent(bindingSource: BindingDirective, target: HTMLElement): string;
+}
+
+// @public
+export const TwoWaySettings: Readonly<{
+    configure(settings: TwoWaySettings): void;
+}>;
+
 // Warning: (ae-forgotten-export) The symbol "TypeDefinition" needs to be exported by the entry point index.d.ts
 // Warning: (ae-internal-missing-underscore) The name "TypeRegistry" should be prefixed with an underscore because the declaration is marked as @internal
 //
@@ -914,6 +1187,17 @@ export interface TypeRegistry<TDefinition extends TypeDefinition> {
     register(definition: TDefinition): boolean;
 }
 
+// Warning: (ae-internal-missing-underscore) The name "UnobservableMutationObserver" should be prefixed with an underscore because the declaration is marked as @internal
+//
+// @internal
+export class UnobservableMutationObserver extends MutationObserver {
+    constructor(callback: MutationCallback);
+    // (undocumented)
+    observe(target: Node, options?: MutationObserverInit | undefined): void;
+    // (undocumented)
+    unobserve(target: Node): void;
+}
+
 // @public
 export interface UpdateQueue {
     enqueue(callable: Callable): void;
@@ -949,11 +1233,24 @@ export interface ViewBehavior<TSource = any, TParent = any> {
 export interface ViewBehaviorFactory {
     createBehavior(): ViewBehavior;
     id?: string;
-    policy?: DOMPolicy;
+    policy?: DOMPolicy_2;
     targetNodeId?: string;
     targetTagName?: string | null;
 }
 
+// @public
+export interface ViewBehaviorOrchestrator<TSource = any, TParent = any> extends ViewController<TSource, TParent>, HostBehavior<TSource> {
+    addBehavior(behavior: ViewBehavior): void;
+    addBehaviorFactory(factory: ViewBehaviorFactory, target: Node): void;
+    // (undocumented)
+    addTarget(nodeId: string, target: Node): void;
+}
+
+// @public
+export const ViewBehaviorOrchestrator: Readonly<{
+    create<TSource = any, TParent = any>(source: TSource): ViewBehaviorOrchestrator<TSource, TParent>;
+}>;
+
 // @public
 export type ViewBehaviorTargets = {
     [id: string]: Node;
@@ -970,21 +1267,24 @@ export interface ViewController<TSource = any, TParent = any> extends Expression
 
 // @public
 export class ViewTemplate<TSource = any, TParent = any> implements ElementViewTemplate<TSource, TParent>, SyntheticViewTemplate<TSource, TParent> {
-    constructor(html: string | HTMLTemplateElement, factories?: Record<string, ViewBehaviorFactory>, policy?: DOMPolicy | undefined);
+    constructor(html: string | HTMLTemplateElement, factories?: Record<string, ViewBehaviorFactory>, policy?: DOMPolicy_2 | undefined);
     // @internal (undocumented)
     compile(): HTMLTemplateCompilationResult<TSource, TParent>;
     create(hostBindingTarget?: Element): HTMLView<TSource, TParent>;
-    static create<TSource = any, TParent = any>(strings: string[], values: TemplateValue<TSource, TParent>[], policy?: DOMPolicy): ViewTemplate<TSource, TParent>;
+    static create<TSource = any, TParent = any>(strings: string[], values: TemplateValue<TSource, TParent>[], policy?: DOMPolicy_2): ViewTemplate<TSource, TParent>;
     readonly factories: Record<string, ViewBehaviorFactory>;
     readonly html: string | HTMLTemplateElement;
     inline(): CaptureType;
     render(source: TSource, host: Node, hostBindingTarget?: Element): HTMLView<TSource, TParent>;
-    withPolicy(policy: DOMPolicy): this;
+    withPolicy(policy: DOMPolicy_2): this;
 }
 
 // @public
 export function volatile(target: {}, name: string | Accessor, descriptor: PropertyDescriptor): PropertyDescriptor;
 
+// @beta
+export function watch(object: any, subscriber: Subscriber | ((subject: any, args: any) => void)): Disposable;
+
 // @public
 export function when<TSource = any, TReturn = any, TParent = any>(condition: Expression<TSource, TReturn, TParent> | boolean, templateOrTemplateBinding: SyntheticViewTemplate<TSource, TParent> | Expression<TSource, SyntheticViewTemplate<TSource, TParent>, TParent>, elseTemplateOrTemplateBinding?: SyntheticViewTemplate<TSource, TParent> | Expression<TSource, SyntheticViewTemplate<TSource, TParent>, TParent>): CaptureType;
 
diff --git a/packages/fast-element/docs/declarative/api-report.api.md b/packages/fast-element/docs/declarative/api-report.api.md
index 4ad2346bc11..d9e654b5f38 100644
--- a/packages/fast-element/docs/declarative/api-report.api.md
+++ b/packages/fast-element/docs/declarative/api-report.api.md
@@ -5,59 +5,227 @@
 ```ts
 
 // @public
-export class AttributeMap {
-    // Warning: (ae-forgotten-export) The symbol "FASTElementDefinition" needs to be exported by the entry point declarative.d.ts
-    constructor(classPrototype: any, schema: Schema, definition?: FASTElementDefinition, config?: AttributeMapConfig);
+export interface AccessCachedPath extends CachedPathCommon {
     // (undocumented)
-    defineProperties(): void;
+    type: "access";
 }
 
 // @public
-export function attributeMap(option?: AttributeMapConfig): FASTElementExtension;
+export interface Accessor {
+    getValue(source: any): any;
+    name: string;
+    setValue(source: any, value: any): void;
+}
+
+// @public
+export type AttributeConfiguration = {
+    property: string;
+    attribute?: string;
+    mode?: AttributeMode;
+    converter?: ValueConverter;
+};
+
+// @public
+export const AttributeConfiguration: Readonly<{
+    locate: (target: {}) => AttributeConfiguration[];
+}>;
+
+// @public
+export class AttributeDefinition implements Accessor {
+    constructor(Owner: Function, name: string, attribute?: string, mode?: AttributeMode, converter?: ValueConverter);
+    readonly attribute: string;
+    // @internal
+    static collect(Owner: Function, ...attributeLists: (ReadonlyArray<string | AttributeConfiguration> | undefined)[]): ReadonlyArray<AttributeDefinition>;
+    readonly converter?: ValueConverter;
+    getValue(source: HTMLElement): any;
+    readonly mode: AttributeMode;
+    readonly name: string;
+    // @internal (undocumented)
+    onAttributeChangedCallback(element: HTMLElement, value: any): void;
+    readonly Owner: Function;
+    setValue(source: HTMLElement, newValue: any): void;
+}
+
+// @public
+export type AttributeMode = "reflect" | "boolean" | "fromView";
 
 // @public
-export interface AttributeMapConfig {
-    "attribute-name-strategy"?: "none" | "camelCase";
+export type CachedPath = DefaultCachedPath | RepeatCachedPath | AccessCachedPath | EventCachedPath;
+
+// @public
+export interface CachedPathCommon {
+    // (undocumented)
+    currentContext: string | null;
+    // (undocumented)
+    parentContext: string | null;
+    // (undocumented)
+    path: string;
 }
 
-// @public (undocumented)
+// @public
 export type CachedPathMap = Map<string, Map<string, JSONSchema>>;
 
-// Warning: (ae-forgotten-export) The symbol "TemplateLifecycleCallbacks" needs to be exported by the entry point declarative.d.ts
-// Warning: (ae-forgotten-export) The symbol "FASTElementTemplateResolver" needs to be exported by the entry point declarative.d.ts
-//
+// @public
+export interface CaptureType {
+}
+
+// @public
+export interface ChildrenMap {
+    // (undocumented)
+    attributeName: string;
+    // (undocumented)
+    customElementName: string;
+}
+
+// @public
+export type ComposableStyles = string | ElementStyles | CSSStyleSheet;
+
+// @public
+export type Constructable<T = {}> = {
+    new (...args: any[]): T;
+};
+
+// @public
+export type ConstructibleStyleStrategy = {
+    new (styles: (string | CSSStyleSheet)[]): StyleStrategy;
+};
+
 // @public
 export function declarativeTemplate(callbacks?: TemplateLifecycleCallbacks): FASTElementTemplateResolver;
 
 // @public
-export interface ElementOptions {
+export interface DefaultCachedPath extends CachedPathCommon {
     // (undocumented)
-    attributeMap?: AttributeMapConfig;
+    type: "default";
+}
+
+// @public
+export interface DOMPolicy {
+    createHTML(value: string): string;
+    // Warning: (ae-forgotten-export) The symbol "DOMAspect" needs to be exported by the entry point index.d.ts
+    // Warning: (ae-forgotten-export) The symbol "DOMSink" needs to be exported by the entry point index.d.ts
+    protect(tagName: string | null, aspect: DOMAspect, aspectName: string, sink: DOMSink): DOMSink;
+}
+
+// @public
+export class ElementStyles {
+    constructor(styles: ReadonlyArray<ComposableStyles>);
+    // @internal (undocumented)
+    addStylesTo(target: StyleTarget): void;
+    // @internal (undocumented)
+    isAttachedTo(target: StyleTarget): boolean;
+    static normalize(styles: ComposableStyles | ComposableStyles[] | undefined): ElementStyles | undefined;
+    // @internal (undocumented)
+    removeStylesFrom(target: StyleTarget): void;
+    static setDefaultStrategy(Strategy: ConstructibleStyleStrategy): void;
+    get strategy(): StyleStrategy;
     // (undocumented)
-    observerMap?: ObserverMapConfig;
+    readonly styles: ReadonlyArray<ComposableStyles>;
+    static readonly supportsAdoptedStyleSheets: boolean;
+    withStrategy(Strategy: ConstructibleStyleStrategy): this;
+}
+
+// Warning: (ae-forgotten-export) The symbol "View" needs to be exported by the entry point index.d.ts
+//
+// @public
+export interface ElementView<TSource = any, TParent = any> extends View<TSource, TParent> {
+    appendTo(node: Node): void;
+    onUnbind(behavior: {
+        unbind(controller: ViewController<TSource, TParent>): any;
+    }): void;
+    // Warning: (ae-forgotten-export) The symbol "SourceLifetime" needs to be exported by the entry point index.d.ts
+    readonly sourceLifetime?: SourceLifetime;
 }
 
 // @public
-export interface ElementOptionsDictionary<ElementOptionsType = ElementOptions> {
+export interface ElementViewTemplate<TSource = any, TParent = any> {
+    create(hostBindingTarget: Element): ElementView<TSource, TParent>;
+    render(source: TSource, host: Node, hostBindingTarget?: Element): ElementView<TSource, TParent>;
+}
+
+// @public
+export interface EventCachedPath extends CachedPathCommon {
     // (undocumented)
-    [key: string]: ElementOptionsType;
+    type: "event";
+}
+
+// @public
+export class FASTElementDefinition<TType extends Constructable<HTMLElement> = Constructable<HTMLElement>> {
+    readonly attributeLookup: Record<string, AttributeDefinition>;
+    readonly attributes: ReadonlyArray<AttributeDefinition>;
+    static compose<TType extends Constructable<HTMLElement> = Constructable<HTMLElement>>(type: TType, nameOrDef?: string | PartialFASTElementDefinition<TType>): Promise<FASTElementDefinition<TType>>;
+    define(registry?: CustomElementRegistry, extensions?: FASTElementExtension[]): this;
+    readonly elementOptions: ElementDefinitionOptions;
+    static readonly getByType: (key: Function) => FASTElementDefinition<Constructable<HTMLElement>> | undefined;
+    static readonly getForInstance: (object: any) => FASTElementDefinition<Constructable<HTMLElement>> | undefined;
+    get isDefined(): boolean;
+    static isRegistered: Record<string, Function>;
+    readonly lifecycleCallbacks?: TemplateLifecycleCallbacks;
+    readonly name: string;
+    readonly propertyLookup: Record<string, AttributeDefinition>;
+    // @alpha
+    static register: (name: string, registry?: CustomElementRegistry) => Promise<Function>;
+    // @internal
+    static registerBaseType(type: Function): void;
+    readonly registry: CustomElementRegistry;
+    schema?: Schema;
+    shadowOptions?: ShadowRootOptions;
+    readonly styles?: ElementStyles;
+    template?: ElementViewTemplate<InstanceType<TType>>;
+    readonly type: TType;
 }
 
 // @public
 export type FASTElementExtension = (definition: FASTElementDefinition) => void;
 
-// @public @deprecated
-export interface HydrationLifecycleCallbacks extends TemplateLifecycleCallbacks {
-    hydrationComplete?(): void;
-    hydrationStarted?(): void;
+// @public
+export type FASTElementTemplateResolver<TType extends Constructable<HTMLElement> = Constructable<HTMLElement>> = (definition: FASTElementDefinition<TType>) => ElementViewTemplate<InstanceType<TType>> | Promise<ElementViewTemplate<InstanceType<TType>>>;
+
+// @public
+export interface HTMLTemplateCompilationResult<TSource = any, TParent = any> {
+    createView(hostBindingTarget?: Element): HTMLView<TSource, TParent>;
+    // Warning: (ae-forgotten-export) The symbol "CompiledViewBehaviorFactory" needs to be exported by the entry point index.d.ts
+    //
+    // (undocumented)
+    readonly factories: CompiledViewBehaviorFactory[];
 }
 
-// Warning: (ae-forgotten-export) The symbol "JSONSchemaCommon" needs to be exported by the entry point declarative.d.ts
+// Warning: (ae-forgotten-export) The symbol "DefaultExecutionContext" needs to be exported by the entry point index.d.ts
+// Warning: (ae-forgotten-export) The symbol "SyntheticView" needs to be exported by the entry point index.d.ts
+// Warning: (ae-forgotten-export) The symbol "ExecutionContext" needs to be exported by the entry point index.d.ts
 //
-// @public (undocumented)
-export interface JSONSchema extends JSONSchemaCommon {
-    // Warning: (ae-forgotten-export) The symbol "JSONSchemaDefinition" needs to be exported by the entry point declarative.d.ts
+// @public
+export class HTMLView<TSource = any, TParent = any> extends DefaultExecutionContext<TParent> implements ElementView<TSource, TParent>, SyntheticView<TSource, TParent>, ExecutionContext<TParent> {
+    constructor(fragment: DocumentFragment, factories: ReadonlyArray<CompiledViewBehaviorFactory>, targets: ViewBehaviorTargets);
+    appendTo(node: Node): void;
+    bind(source: TSource, context?: ExecutionContext<TParent>): void;
+    context: ExecutionContext<TParent>;
+    dispose(): void;
+    static disposeContiguousBatch(views: SyntheticView[]): void;
+    firstChild: Node;
+    insertBefore(node: Node): void;
+    isBound: boolean;
+    isHydrated: Promise<boolean>;
+    isPrerendered: Promise<boolean>;
+    lastChild: Node;
+    // (undocumented)
+    onUnbind(behavior: {
+        unbind(controller: ViewController<TSource, TParent>): void;
+    }): void;
+    remove(): void;
+    // @internal
+    _skipAttrUpdates: boolean;
+    source: TSource | null;
+    readonly sourceLifetime: SourceLifetime;
+    // Warning: (ae-forgotten-export) The symbol "ViewBehaviorTargets" needs to be exported by the entry point index.d.ts
     //
+    // (undocumented)
+    readonly targets: ViewBehaviorTargets;
+    unbind(): void;
+}
+
+// @public
+export interface JSONSchema extends JSONSchemaCommon {
     // (undocumented)
     $defs?: Record<string, JSONSchemaDefinition>;
     // (undocumented)
@@ -67,31 +235,55 @@ export interface JSONSchema extends JSONSchemaCommon {
 }
 
 // @public
-export class ObserverMap {
-    constructor(classPrototype: any, schema: Schema, config?: ObserverMapConfig);
+export interface JSONSchemaCommon {
+    $observe?: boolean;
+    // (undocumented)
+    $ref?: string;
+    // (undocumented)
+    anyOf?: Array<any>;
+    // (undocumented)
+    items?: any;
     // (undocumented)
-    defineProperties(): void;
+    properties?: any;
+    // (undocumented)
+    type?: string;
 }
 
 // @public
-export function observerMap(option?: ObserverMapConfig): FASTElementExtension;
+export interface JSONSchemaDefinition extends JSONSchemaCommon {
+    // (undocumented)
+    $fast_context: string;
+    // (undocumented)
+    $fast_parent_contexts: Array<string>;
+}
 
 // @public
-export interface ObserverMapConfig {
-    properties?: {
-        [rootProperty: string]: ObserverMapPathEntry;
-    };
+export interface PartialFASTElementDefinition<TType extends Constructable<HTMLElement> = Constructable<HTMLElement>> {
+    readonly attributes?: (AttributeConfiguration | string)[];
+    readonly elementOptions?: ElementDefinitionOptions;
+    readonly lifecycleCallbacks?: TemplateLifecycleCallbacks;
+    readonly name: string;
+    readonly registry?: CustomElementRegistry;
+    readonly schema?: Schema;
+    readonly shadowOptions?: Partial<ShadowRootOptions> | null;
+    readonly styles?: ComposableStyles | ComposableStyles[];
+    readonly template?: ElementViewTemplate<InstanceType<TType>> | FASTElementTemplateResolver<TType>;
 }
 
 // @public
-export type ObserverMapPathEntry = boolean | ObserverMapPathNode;
+export interface RegisterPathConfig {
+    // (undocumented)
+    childrenMap: ChildrenMap | null;
+    // (undocumented)
+    pathConfig: CachedPath;
+    // (undocumented)
+    rootPropertyName: string;
+}
 
 // @public
-export interface ObserverMapPathNode {
-    // (undocumented)
-    $observe?: boolean;
+export interface RepeatCachedPath extends CachedPathCommon {
     // (undocumented)
-    [propertyName: string]: ObserverMapPathEntry | undefined;
+    type: "repeat";
 }
 
 // @public
@@ -105,7 +297,6 @@ export interface ResolvedStringsAndValues {
 // @public
 export class Schema {
     constructor(name: string);
-    // Warning: (ae-forgotten-export) The symbol "RegisterPathConfig" needs to be exported by the entry point declarative.d.ts
     addPath(config: RegisterPathConfig): void;
     getRootProperties(): IterableIterator<string>;
     getSchema(rootPropertyName: string): JSONSchema | null;
@@ -114,36 +305,93 @@ export class Schema {
 // @public
 export const schemaRegistry: CachedPathMap;
 
-// Warning: (ae-forgotten-export) The symbol "FASTElement" needs to be exported by the entry point declarative.d.ts
-// Warning: (ae-forgotten-export) The symbol "TemplatePublisher" needs to be exported by the entry point declarative.d.ts
-//
 // @public
-export class TemplateElement extends FASTElement implements TemplatePublisher {
-    constructor();
-    // @deprecated
-    static config(callbacks: HydrationLifecycleCallbacks): typeof TemplateElement;
-    // (undocumented)
-    connectedCallback(): void;
-    // (undocumented)
-    disconnectedCallback(): void;
-    static elementOptions: ElementOptionsDictionary;
-    name?: string;
-    // (undocumented)
-    nameChanged(previousName: string | undefined, nextName: string | undefined): void;
-    static options(elementOptions?: ElementOptionsDictionary): typeof TemplateElement;
-    // Warning: (ae-forgotten-export) The symbol "ElementViewTemplate" needs to be exported by the entry point declarative.d.ts
-    //
-    // @internal
-    publishTemplate(definition: FASTElementDefinition): ElementViewTemplate;
+export interface ShadowRootOptions extends ShadowRootInit {
+    // @beta
+    registry?: CustomElementRegistry;
+}
+
+// @public
+export interface StyleStrategy {
+    addStylesTo(target: StyleTarget): void;
+    removeStylesFrom(target: StyleTarget): void;
+}
+
+// @public
+export interface StyleTarget extends Pick<Node, "getRootNode"> {
+    adoptedStyleSheets?: CSSStyleSheet[];
+    append(styles: HTMLStyleElement): void;
+    querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
+    removeChild(styles: HTMLStyleElement): void;
+}
+
+// @public
+export interface SyntheticViewTemplate<TSource = any, TParent = any> {
+    create(): SyntheticView<TSource, TParent>;
+    inline(): CaptureType;
+}
+
+// @public
+export interface TemplateLifecycleCallbacks {
+    elementDidDefine?(name: string): void;
+    elementDidHydrate?(source: HTMLElement): void;
+    elementDidRegister?(name: string): void;
+    elementWillHydrate?(source: HTMLElement): void;
+    templateDidUpdate?(name: string): void;
+    templateWillUpdate?(name: string): void;
 }
 
 // @public
 export class TemplateParser {
-    // Warning: (ae-forgotten-export) The symbol "ViewTemplate" needs to be exported by the entry point declarative.d.ts
     createTemplate(strings: Array<string>, values: Array<any>): ViewTemplate<any, any>;
     parse(innerHTML: string, schema: Schema): ResolvedStringsAndValues;
 }
 
+// Warning: (ae-forgotten-export) The symbol "Expression" needs to be exported by the entry point index.d.ts
+// Warning: (ae-forgotten-export) The symbol "Binding" needs to be exported by the entry point index.d.ts
+// Warning: (ae-forgotten-export) The symbol "HTMLDirective" needs to be exported by the entry point index.d.ts
+//
+// @public
+export type TemplateValue<TSource, TParent = any> = Expression<TSource, any, TParent> | Binding<TSource, any, TParent> | HTMLDirective | CaptureType;
+
+// @public
+export interface ValueConverter {
+    fromView(value: any): any;
+    toView(value: any): any;
+}
+
+// @public
+export interface ViewBehavior<TSource = any, TParent = any> {
+    bind(controller: ViewController<TSource, TParent>): void;
+}
+
+// @public
+export interface ViewBehaviorFactory {
+    createBehavior(): ViewBehavior;
+    id?: string;
+    policy?: DOMPolicy;
+    targetNodeId?: string;
+    targetTagName?: string | null;
+}
+
+// @public
+export class ViewTemplate<TSource = any, TParent = any> implements ElementViewTemplate<TSource, TParent>, SyntheticViewTemplate<TSource, TParent> {
+    constructor(html: string | HTMLTemplateElement, factories?: Record<string, ViewBehaviorFactory>, policy?: DOMPolicy | undefined);
+    // @internal (undocumented)
+    compile(): HTMLTemplateCompilationResult<TSource, TParent>;
+    create(hostBindingTarget?: Element): HTMLView<TSource, TParent>;
+    static create<TSource = any, TParent = any>(strings: string[], values: TemplateValue<TSource, TParent>[], policy?: DOMPolicy): ViewTemplate<TSource, TParent>;
+    readonly factories: Record<string, ViewBehaviorFactory>;
+    readonly html: string | HTMLTemplateElement;
+    inline(): CaptureType;
+    render(source: TSource, host: Node, hostBindingTarget?: Element): HTMLView<TSource, TParent>;
+    withPolicy(policy: DOMPolicy): this;
+}
+
+// Warnings were encountered during analysis:
+//
+// dist/dts/templating/view.d.ts:45:9 - (ae-forgotten-export) The symbol "ViewController" needs to be exported by the entry point index.d.ts
+
 // (No @packageDocumentation comment for this package)
 
 ```
diff --git a/packages/fast-element/docs/hydration/api-report.api.md b/packages/fast-element/docs/hydration/api-report.api.md
index b808debe1f0..5ebb43cdb17 100644
--- a/packages/fast-element/docs/hydration/api-report.api.md
+++ b/packages/fast-element/docs/hydration/api-report.api.md
@@ -4,18 +4,282 @@
 
 ```ts
 
+// @public
+export interface CaptureType {
+}
+
+// @public
+export interface ContentTemplate {
+    create(): ContentView;
+}
+
+// @public
+export interface ContentView {
+    bind(source: any, context?: ExecutionContext): void;
+    // (undocumented)
+    readonly context: ExecutionContext;
+    insertBefore(node: Node): void;
+    remove(): void;
+    unbind(): void;
+}
+
+// @public
+export class DefaultExecutionContext<TParent> implements ExecutionContext<TParent> {
+    get event(): Event;
+    eventDetail<TDetail>(): TDetail;
+    eventTarget<TTarget extends EventTarget>(): TTarget;
+    index: number;
+    get isEven(): boolean;
+    get isFirst(): boolean;
+    get isInMiddle(): boolean;
+    get isLast(): boolean;
+    get isOdd(): boolean;
+    length: number;
+    readonly parent: TParent;
+    readonly parentContext: ExecutionContext<TParent>;
+}
+
 // @beta
 export const deferHydrationAttribute = "defer-hydration";
 
+// @public
+interface Disposable_2 {
+    dispose(): void;
+}
+export { Disposable_2 as Disposable }
+
+// @public
+export const DOMAspect: Readonly<{
+    readonly none: 0;
+    readonly attribute: 1;
+    readonly booleanAttribute: 2;
+    readonly property: 3;
+    readonly content: 4;
+    readonly tokenList: 5;
+    readonly event: 6;
+}>;
+
+// @public
+export type DOMAspect = (typeof DOMAspect)[Exclude<keyof typeof DOMAspect, "none">];
+
+// @public
+export interface DOMPolicy {
+    createHTML(value: string): string;
+    protect(tagName: string | null, aspect: DOMAspect, aspectName: string, sink: DOMSink): DOMSink;
+}
+
+// @public
+export type DOMSink = (target: Node, aspectName: string, value: any, ...args: any[]) => void;
+
+// @public
+export interface ElementView<TSource = any, TParent = any> extends View<TSource, TParent> {
+    appendTo(node: Node): void;
+    onUnbind(behavior: {
+        unbind(controller: ViewController<TSource, TParent>): any;
+    }): void;
+    readonly sourceLifetime?: SourceLifetime;
+}
+
+// @public
+export interface ElementViewTemplate<TSource = any, TParent = any> {
+    create(hostBindingTarget: Element): ElementView<TSource, TParent>;
+    render(source: TSource, host: Node, hostBindingTarget?: Element): ElementView<TSource, TParent>;
+}
+
 // @public
 export function enableHydration(options?: HydrationOptions): void;
 
+// @public
+export interface ExecutionContext<TParent = any> {
+    readonly event: Event;
+    eventDetail<TDetail>(): TDetail;
+    eventTarget<TTarget extends EventTarget>(): TTarget;
+    index: number;
+    readonly isEven: boolean;
+    readonly isFirst: boolean;
+    readonly isInMiddle: boolean;
+    readonly isLast: boolean;
+    readonly isOdd: boolean;
+    length: number;
+    parent: TParent;
+    parentContext: ExecutionContext<TParent>;
+}
+
+// @public
+export const ExecutionContext: Readonly<{
+    default: ExecutionContext<any>;
+    getEvent(): Event | null;
+    setEvent(event: Event | null): void;
+}>;
+
+// @public
+export interface ExpressionController<TSource = any, TParent = any> {
+    readonly context: ExecutionContext<TParent>;
+    readonly isBound: boolean;
+    onUnbind(behavior: {
+        unbind(controller: ExpressionController<TSource, TParent>): any;
+    }): void;
+    readonly source: TSource;
+    readonly sourceLifetime?: SourceLifetime;
+}
+
+// @beta
+export interface HydratableContentTemplate extends ContentTemplate {
+    hydrate(first: Node, last: Node): ContentView;
+}
+
+// @beta
+export interface HydratableElementViewTemplate<TSource = any, TParent = any> extends ElementViewTemplate<TSource, TParent> {
+    // (undocumented)
+    hydrate(firstChild: Node, lastChild: Node, hostBindingTarget?: Element): ElementView<TSource, TParent>;
+}
+
+// @beta
+export interface HydratableSyntheticViewTemplate<TSource = any, TParent = any> extends SyntheticViewTemplate {
+    // (undocumented)
+    hydrate(firstChild: Node, lastChild: Node): SyntheticView<TSource, TParent>;
+}
+
+// @public (undocumented)
+export interface HydratableView<TSource = any, TParent = any> extends ElementView, SyntheticView, DefaultExecutionContext<TParent> {
+    // (undocumented)
+    [Hydratable]: symbol;
+    // (undocumented)
+    readonly bindingViewBoundaries: Record<string, ViewNodes>;
+    // (undocumented)
+    readonly hydrationStage: keyof typeof HydrationStage;
+}
+
+// @beta
+export type HydratableViewController<TSource = any, TParent = any> = HydratableView<TSource, TParent> & ViewController<TSource, TParent>;
+
+// @public (undocumented)
+export class HydrationBindingError extends Error {
+    constructor(
+    message: string | undefined,
+    factory: ViewBehaviorFactory,
+    fragment: DocumentFragment,
+    templateString: string);
+    readonly factory: ViewBehaviorFactory;
+    readonly fragment: DocumentFragment;
+    readonly templateString: string;
+}
+
 // @public
 export interface HydrationOptions {
     hydrationComplete?(): void;
     hydrationStarted?(): void;
 }
 
+// @public (undocumented)
+export const HydrationStage: {
+    readonly unhydrated: "unhydrated";
+    readonly hydrating: "hydrating";
+    readonly hydrated: "hydrated";
+};
+
+// @public
+export class HydrationTracker {
+    constructor(options: HydrationOptions);
+    add(element: HTMLElement): void;
+    mergeOptions(incoming: HydrationOptions): void;
+    remove(element: HTMLElement): void;
+}
+
+// @beta
+export function isHydratable(view: ViewController): view is HydratableViewController;
+
+// @beta (undocumented)
+export function isHydratable<TSource = any, TParent = any>(template: SyntheticViewTemplate<TSource, TParent>): template is HydratableSyntheticViewTemplate<TSource, TParent>;
+
+// @beta (undocumented)
+export function isHydratable<TSource = any, TParent = any>(template: ElementViewTemplate<TSource, TParent>): template is HydratableElementViewTemplate<TSource, TParent>;
+
+// @beta (undocumented)
+export function isHydratable(template: ContentTemplate): template is HydratableContentTemplate;
+
+// @public
+export const SourceLifetime: Readonly<{
+    readonly unknown: undefined;
+    readonly coupled: 1;
+}>;
+
+// @public
+export type SourceLifetime = (typeof SourceLifetime)[keyof typeof SourceLifetime];
+
+// @public
+export interface SyntheticView<TSource = any, TParent = any> extends View<TSource, TParent> {
+    readonly firstChild: Node;
+    insertBefore(node: Node): void;
+    readonly lastChild: Node;
+    remove(): void;
+}
+
+// @public
+export interface SyntheticViewTemplate<TSource = any, TParent = any> {
+    create(): SyntheticView<TSource, TParent>;
+    inline(): CaptureType;
+}
+
+// @public
+export interface View<TSource = any, TParent = any> extends Disposable_2 {
+    bind(source: TSource, context?: ExecutionContext<TParent>): void;
+    readonly context: ExecutionContext<TParent>;
+    readonly isBound: boolean;
+    readonly source: TSource | null;
+    unbind(): void;
+}
+
+// @public
+export interface ViewBehavior<TSource = any, TParent = any> {
+    bind(controller: ViewController<TSource, TParent>): void;
+}
+
+// @public
+export interface ViewBehaviorBoundaries {
+    // (undocumented)
+    [factoryId: string]: ViewBoundaries;
+}
+
+// @public
+export interface ViewBehaviorFactory {
+    createBehavior(): ViewBehavior;
+    id?: string;
+    policy?: DOMPolicy;
+    targetNodeId?: string;
+    targetTagName?: string | null;
+}
+
+// @public
+export type ViewBehaviorTargets = {
+    [id: string]: Node;
+};
+
+// @public
+export interface ViewBoundaries {
+    // (undocumented)
+    first: Node;
+    // (undocumented)
+    last: Node;
+}
+
+// @public
+export interface ViewController<TSource = any, TParent = any> extends ExpressionController<TSource, TParent> {
+    readonly isHydrated?: Promise<boolean>;
+    readonly isPrerendered?: Promise<boolean>;
+    // @internal
+    readonly _skipAttrUpdates?: boolean;
+    readonly targets: ViewBehaviorTargets;
+}
+
+// @public (undocumented)
+export interface ViewNodes {
+    // (undocumented)
+    first: Node;
+    // (undocumented)
+    last: Node;
+}
+
 // (No @packageDocumentation comment for this package)
 
 ```
diff --git a/packages/fast-element/docs/styles/api-report.api.md b/packages/fast-element/docs/styles/api-report.api.md
index 7e26cf3355a..67e11f762d0 100644
--- a/packages/fast-element/docs/styles/api-report.api.md
+++ b/packages/fast-element/docs/styles/api-report.api.md
@@ -17,9 +17,6 @@ export type ConstructibleStyleStrategy = {
     new (styles: (string | CSSStyleSheet)[]): StyleStrategy;
 };
 
-// @public
-export const css: CSSTemplateTag;
-
 // @public
 export interface CSSDirective {
     createCSS(): ComposableStyles;
@@ -40,14 +37,6 @@ export interface CSSDirectiveDefinition<TType extends Constructable<CSSDirective
     readonly type: TType;
 }
 
-// @public
-export type CSSTemplateTag = ((strings: TemplateStringsArray, ...values: CSSValue[]) => ElementStyles) & {
-    partial(strings: TemplateStringsArray, ...values: CSSValue[]): CSSDirective;
-};
-
-// @public
-export type CSSValue = ComposableStyles | CSSDirective;
-
 // @public
 export class ElementStyles {
     constructor(styles: ReadonlyArray<ComposableStyles>);
diff --git a/packages/fast-element/package.json b/packages/fast-element/package.json
index 28b822659ab..6a0eca505ea 100644
--- a/packages/fast-element/package.json
+++ b/packages/fast-element/package.json
@@ -30,32 +30,55 @@
       "types": "./dist/dts/debug.d.ts",
       "default": "./dist/esm/debug.js"
     },
+    "./fast-element.js": {
+      "types": "./dist/dts/components/fast-element.d.ts",
+      "test": "./src/components/fast-element.ts",
+      "default": "./dist/esm/components/fast-element.js"
+    },
     "./declarative.js": {
-      "types": "./dist/dts/declarative.d.ts",
-      "test": "./src/declarative.ts",
-      "default": "./dist/esm/declarative.js"
+      "types": "./dist/dts/declarative/index.d.ts",
+      "test": "./src/declarative/index.ts",
+      "default": "./dist/esm/declarative/index.js"
     },
-    "./declarative/utilities.js": {
+    "./declarative-utilities.js": {
       "types": "./dist/dts/declarative/utilities.d.ts",
       "test": "./src/declarative/utilities.ts",
       "default": "./dist/esm/declarative/utilities.js"
     },
+    "./attribute-map.js": {
+      "types": "./dist/dts/declarative/attribute-map.d.ts",
+      "test": "./src/declarative/attribute-map.ts",
+      "default": "./dist/esm/declarative/attribute-map.js"
+    },
+    "./observer-map.js": {
+      "types": "./dist/dts/declarative/observer-map.d.ts",
+      "test": "./src/declarative/observer-map.ts",
+      "default": "./dist/esm/declarative/observer-map.js"
+    },
     "./hydration.js": {
       "types": "./dist/dts/hydration.d.ts",
       "test": "./src/hydration.ts",
       "default": "./dist/esm/hydration.js"
     },
-    "./binding/two-way.js": {
+    "./binding.js": {
+      "types": "./dist/dts/binding.d.ts",
+      "test": "./src/binding.ts",
+      "default": "./dist/esm/binding.js"
+    },
+    "./two-way.js": {
       "types": "./dist/dts/binding/two-way.d.ts",
+      "test": "./src/binding/two-way.ts",
       "default": "./dist/esm/binding/two-way.js"
     },
-    "./binding/signal.js": {
+    "./signal.js": {
       "types": "./dist/dts/binding/signal.d.ts",
+      "test": "./src/binding/signal.ts",
       "default": "./dist/esm/binding/signal.js"
     },
     "./render.js": {
-      "types": "./dist/dts/templating/render.d.ts",
-      "default": "./dist/esm/templating/render.js"
+      "types": "./dist/dts/render.d.ts",
+      "test": "./src/render.ts",
+      "default": "./dist/esm/render.js"
     },
     "./utilities.js": {
       "types": "./dist/dts/utilities.d.ts",
@@ -73,18 +96,94 @@
       "types": "./dist/dts/di/di.d.ts",
       "default": "./dist/esm/di/di.js"
     },
+    "./dom.js": {
+      "types": "./dist/dts/dom.d.ts",
+      "test": "./src/dom.ts",
+      "default": "./dist/esm/dom.js"
+    },
     "./dom-policy.js": {
       "types": "./dist/dts/dom-policy.d.ts",
       "default": "./dist/esm/dom-policy.js"
     },
+    "./updates.js": {
+      "types": "./dist/dts/updates.d.ts",
+      "test": "./src/updates.ts",
+      "default": "./dist/esm/updates.js"
+    },
     "./arrays.js": {
       "types": "./dist/dts/arrays.d.ts",
       "test": "./src/arrays.ts",
       "default": "./dist/esm/arrays.js"
     },
+    "./array-observer.js": {
+      "types": "./dist/dts/array-observer.d.ts",
+      "test": "./src/array-observer.ts",
+      "default": "./dist/esm/array-observer.js"
+    },
+    "./schema.js": {
+      "types": "./dist/dts/schema.d.ts",
+      "test": "./src/schema.ts",
+      "default": "./dist/esm/schema.js"
+    },
     "./observable.js": {
-      "types": "./dist/dts/observation/observable.d.ts",
-      "default": "./dist/esm/observation/observable.js"
+      "types": "./dist/dts/observable.d.ts",
+      "test": "./src/observable.ts",
+      "default": "./dist/esm/observable.js"
+    },
+    "./volatile.js": {
+      "types": "./dist/dts/volatile.d.ts",
+      "test": "./src/volatile.ts",
+      "default": "./dist/esm/volatile.js"
+    },
+    "./attr.js": {
+      "types": "./dist/dts/attr.d.ts",
+      "test": "./src/attr.ts",
+      "default": "./dist/esm/attr.js"
+    },
+    "./css.js": {
+      "types": "./dist/dts/css.d.ts",
+      "test": "./src/css.ts",
+      "default": "./dist/esm/css.js"
+    },
+    "./html.js": {
+      "types": "./dist/dts/html.d.ts",
+      "test": "./src/html.ts",
+      "default": "./dist/esm/html.js"
+    },
+    "./templating.js": {
+      "types": "./dist/dts/templating.d.ts",
+      "test": "./src/templating.ts",
+      "default": "./dist/esm/templating.js"
+    },
+    "./children.js": {
+      "types": "./dist/dts/directives/children.d.ts",
+      "test": "./src/directives/children.ts",
+      "default": "./dist/esm/directives/children.js"
+    },
+    "./node-observation.js": {
+      "types": "./dist/dts/directives/node-observation.d.ts",
+      "test": "./src/directives/node-observation.ts",
+      "default": "./dist/esm/directives/node-observation.js"
+    },
+    "./ref.js": {
+      "types": "./dist/dts/directives/ref.d.ts",
+      "test": "./src/directives/ref.ts",
+      "default": "./dist/esm/directives/ref.js"
+    },
+    "./slotted.js": {
+      "types": "./dist/dts/directives/slotted.d.ts",
+      "test": "./src/directives/slotted.ts",
+      "default": "./dist/esm/directives/slotted.js"
+    },
+    "./when.js": {
+      "types": "./dist/dts/directives/when.d.ts",
+      "test": "./src/directives/when.ts",
+      "default": "./dist/esm/directives/when.js"
+    },
+    "./repeat.js": {
+      "types": "./dist/dts/directives/repeat.d.ts",
+      "test": "./src/directives/repeat.ts",
+      "default": "./dist/esm/directives/repeat.js"
     },
     "./styles.js": {
       "types": "./dist/dts/styles.d.ts",
diff --git a/packages/fast-element/scripts/measure-sizes.js b/packages/fast-element/scripts/measure-sizes.js
index 53eeb133221..6ddaa1ff096 100644
--- a/packages/fast-element/scripts/measure-sizes.js
+++ b/packages/fast-element/scripts/measure-sizes.js
@@ -7,30 +7,118 @@ import { build } from "esbuild";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const packageRoot = path.resolve(__dirname, "..");
-
-const namedExports = [
-    "FASTElement",
-    "Updates",
-    "Observable",
-    "observable",
-    "attr",
-    "children",
-    "ref",
-    "slotted",
-    "volatile",
-    "when",
-    "html",
-    "repeat",
+const rootImportPath = "@microsoft/fast-element";
+const fastElementImportPath = "@microsoft/fast-element/fast-element.js";
+const updatesImportPath = "@microsoft/fast-element/updates.js";
+const observableImportPath = "@microsoft/fast-element/observable.js";
+const attrImportPath = "@microsoft/fast-element/attr.js";
+const childrenImportPath = "@microsoft/fast-element/children.js";
+const refImportPath = "@microsoft/fast-element/ref.js";
+const slottedImportPath = "@microsoft/fast-element/slotted.js";
+const volatileImportPath = "@microsoft/fast-element/volatile.js";
+const whenImportPath = "@microsoft/fast-element/when.js";
+const htmlImportPath = "@microsoft/fast-element/html.js";
+const repeatImportPath = "@microsoft/fast-element/repeat.js";
+const cssImportPath = "@microsoft/fast-element/css.js";
+const declarativeImportPath = "@microsoft/fast-element/declarative.js";
+const hydrationImportPath = "@microsoft/fast-element/hydration.js";
+const arrayObserverImportPath = "@microsoft/fast-element/array-observer.js";
+const observerMapImportPath = "@microsoft/fast-element/observer-map.js";
+const attributeMapImportPath = "@microsoft/fast-element/attribute-map.js";
+
+const namedExports = [{ name: "FASTElement", importPath: fastElementImportPath }];
+
+const measuredExports = [
+    {
+        name: "Updates",
+        export: "Updates",
+        importPath: updatesImportPath,
+    },
+    {
+        name: "Observable",
+        export: "Observable",
+        importPath: observableImportPath,
+    },
+    {
+        name: "observable",
+        export: "observable",
+        importPath: observableImportPath,
+    },
+    {
+        name: "attr",
+        export: "attr",
+        importPath: attrImportPath,
+    },
+    {
+        name: "children",
+        export: "children",
+        importPath: childrenImportPath,
+    },
+    {
+        name: "ref",
+        export: "ref",
+        importPath: refImportPath,
+    },
+    {
+        name: "slotted",
+        export: "slotted",
+        importPath: slottedImportPath,
+    },
+    {
+        name: "volatile",
+        export: "volatile",
+        importPath: volatileImportPath,
+    },
+    {
+        name: "when",
+        export: "when",
+        importPath: whenImportPath,
+    },
+    {
+        name: "html",
+        export: "html",
+        importPath: htmlImportPath,
+    },
+    {
+        name: "repeat",
+        export: "repeat",
+        importPath: repeatImportPath,
+    },
+    {
+        name: "css",
+        export: "css",
+        importPath: cssImportPath,
+    },
+    {
+        name: "enableHydration",
+        export: "enableHydration",
+        importPath: hydrationImportPath,
+    },
+    {
+        name: "declarativeTemplate",
+        export: "declarativeTemplate",
+        importPath: declarativeImportPath,
+    },
+    {
+        name: "ArrayObserver",
+        export: "ArrayObserver",
+        importPath: arrayObserverImportPath,
+    },
+    {
+        name: "observerMap",
+        export: "observerMap",
+        importPath: observerMapImportPath,
+    },
+    {
+        name: "attributeMap",
+        export: "attributeMap",
+        importPath: attributeMapImportPath,
+    },
 ];
 
-const subpathExports = [
-    { name: "css", path: "@microsoft/fast-element/styles.js", export: "css" },
-    { name: "enableHydration", path: "@microsoft/fast-element/hydration.js", export: "enableHydration" },
-    { name: "ArrayObserver", path: "@microsoft/fast-element/arrays.js", export: "ArrayObserver" },
-    { name: "declarativeTemplate", path: "@microsoft/fast-element/declarative.js", export: "declarativeTemplate" },
-    { name: "observerMap", path: "@microsoft/fast-element/declarative.js", export: "observerMap" },
-    { name: "attributeMap", path: "@microsoft/fast-element/declarative.js", export: "attributeMap" },
-];
+function formatExportLabel(name, importPath) {
+    return `${name} (${importPath})`;
+}
 
 function formatBytes(bytes) {
     if (bytes < 1024) return `${bytes} B`;
@@ -47,8 +135,10 @@ function measureBuffer(buffer) {
     };
 }
 
-async function measureExport(exportName, importPath = "@microsoft/fast-element") {
-    const contents = `import { ${exportName} } from "${importPath}";\nexport { ${exportName} };\n`;
+async function measureExport(exportName, importPath = rootImportPath) {
+    const contents = `import { ${exportName} } from "${importPath}";
+export { ${exportName} };
+`;
 
     const result = await build({
         stdin: {
@@ -82,21 +172,23 @@ async function main() {
 
     // Measure each named export in parallel
     const exportResults = await Promise.all(
-        namedExports.map(async name => {
-            const sizes = await measureExport(name);
-            return { name, ...sizes };
+        namedExports.map(async ({ name, importPath }) => {
+            const sizes = await measureExport(name, importPath);
+            return { name: formatExportLabel(name, importPath), ...sizes };
         }),
     );
     results.push(...exportResults);
 
-    // Measure subpath exports in parallel
-    const subpathResults = await Promise.all(
-        subpathExports.map(async ({ name, path: importPath, export: exportName }) => {
-            const sizes = await measureExport(exportName, importPath);
-            return { name, ...sizes };
-        }),
+    // Measure each root export in parallel
+    const measuredResults = await Promise.all(
+        measuredExports.map(
+            async ({ name, export: exportName, importPath = rootImportPath }) => {
+                const sizes = await measureExport(exportName, importPath);
+                return { name: formatExportLabel(name, importPath), ...sizes };
+            },
+        ),
     );
-    results.push(...subpathResults);
+    results.push(...measuredResults);
 
     // Generate markdown table
     const lines = [
diff --git a/packages/fast-element/src/array-observer.ts b/packages/fast-element/src/array-observer.ts
new file mode 100644
index 00000000000..5aa25c3cacc
--- /dev/null
+++ b/packages/fast-element/src/array-observer.ts
@@ -0,0 +1,10 @@
+export {
+    ArrayObserver,
+    type LengthObserver,
+    Sort,
+    type SortObserver,
+    Splice,
+    SpliceStrategy,
+    SpliceStrategySupport,
+} from "./observation/arrays.js";
+export type { Notifier, Subscriber, SubscriberSet } from "./observation/notifier.js";
diff --git a/packages/fast-element/src/arrays.ts b/packages/fast-element/src/arrays.ts
index dbc36a105c4..cc9bb8bdebc 100644
--- a/packages/fast-element/src/arrays.ts
+++ b/packages/fast-element/src/arrays.ts
@@ -1,5 +1,5 @@
 export {
-    ArrayObserver,
+    type ArrayObserver,
     type LengthObserver,
     lengthOf,
     Sort,
diff --git a/packages/fast-element/src/attr.ts b/packages/fast-element/src/attr.ts
new file mode 100644
index 00000000000..1f3f3c3f607
--- /dev/null
+++ b/packages/fast-element/src/attr.ts
@@ -0,0 +1,11 @@
+export {
+    AttributeConfiguration,
+    AttributeDefinition,
+    type AttributeMode,
+    attr,
+    booleanConverter,
+    type DecoratorAttributeConfiguration,
+    nullableBooleanConverter,
+    nullableNumberConverter,
+    type ValueConverter,
+} from "./components/attributes.js";
diff --git a/packages/fast-element/src/binding.ts b/packages/fast-element/src/binding.ts
new file mode 100644
index 00000000000..e0040d692df
--- /dev/null
+++ b/packages/fast-element/src/binding.ts
@@ -0,0 +1,7 @@
+export { Binding, type BindingDirective } from "./binding/binding.js";
+export { normalizeBinding } from "./binding/normalize.js";
+export { oneTime } from "./binding/one-time.js";
+export { listener, oneWay } from "./binding/one-way.js";
+export type { DOMAspect, DOMPolicy } from "./dom.js";
+export type { Subscriber } from "./observation/notifier.js";
+export type { Expression, ExpressionObserver } from "./observation/observable.js";
diff --git a/packages/fast-element/src/binding/signal.ts b/packages/fast-element/src/binding/signal.ts
index f39dac0b0f3..35260876091 100644
--- a/packages/fast-element/src/binding/signal.ts
+++ b/packages/fast-element/src/binding/signal.ts
@@ -19,8 +19,8 @@ const subscribers: Record<string, undefined | Subscriber | Set<Subscriber>> =
 export const Signal = Object.freeze({
     /**
      * Subscribes to a signal.
-     * @param signal The signal to subscribe to.
-     * @param subscriber The subscriber.
+     * @param signal - The signal to subscribe to.
+     * @param subscriber - The subscriber.
      */
     subscribe(signal: string, subscriber: Subscriber) {
         const found = subscribers[signal];
@@ -36,8 +36,8 @@ export const Signal = Object.freeze({
 
     /**
      * Unsubscribes from the signal.
-     * @param signal The signal to unsubscribe from.
-     * @param subscriber The subscriber.
+     * @param signal - The signal to unsubscribe from.
+     * @param subscriber - The subscriber.
      */
     unsubscribe(signal: string, subscriber: Subscriber) {
         const found = subscribers[signal];
diff --git a/packages/fast-element/src/binding/two-way.ts b/packages/fast-element/src/binding/two-way.ts
index 305aaaccaa6..293eaf48077 100644
--- a/packages/fast-element/src/binding/two-way.ts
+++ b/packages/fast-element/src/binding/two-way.ts
@@ -46,6 +46,7 @@ let twoWaySettings: TwoWaySettings = {
 
 /**
  * Enables configuring two-way binding settings.
+ * @public
  */
 export const TwoWaySettings = Object.freeze({
     /**
diff --git a/packages/fast-element/src/components/attributes.ts b/packages/fast-element/src/components/attributes.ts
index 16dc0161cc7..fab236118f4 100644
--- a/packages/fast-element/src/components/attributes.ts
+++ b/packages/fast-element/src/components/attributes.ts
@@ -38,7 +38,7 @@ const reflectMode = "reflect";
  * changes in the DOM, but does not reflect property changes back.
  * @public
  */
-export type AttributeMode = typeof reflectMode | typeof booleanMode | "fromView";
+export type AttributeMode = "reflect" | "boolean" | "fromView";
 
 /**
  * Metadata used to configure a custom attribute's behavior.
@@ -132,7 +132,7 @@ export const nullableNumberConverter: ValueConverter = {
 };
 
 /**
- * An implementation of {@link Accessor} that supports reactivity,
+ * An implementation of `Accessor` that supports reactivity,
  * change callbacks, attribute reflection, and type conversion for
  * custom elements.
  * @public
diff --git a/packages/fast-element/src/components/definition-schema-transforms.ts b/packages/fast-element/src/components/definition-schema-transforms.ts
new file mode 100644
index 00000000000..5dfa8466e1b
--- /dev/null
+++ b/packages/fast-element/src/components/definition-schema-transforms.ts
@@ -0,0 +1,60 @@
+import type { FASTElementDefinition } from "../components/fast-definitions.js";
+import type { Schema } from "./schema.js";
+
+const definitionSchemaTransformsKey = Symbol("definitionSchemaTransforms");
+
+let schemaTransformOrder = 0;
+
+type FASTElementDefinitionWithSchemaTransforms = FASTElementDefinition & {
+    [definitionSchemaTransformsKey]?: DefinitionSchemaTransformRecord[];
+};
+
+interface DefinitionSchemaTransformRecord {
+    key: string;
+    transform: DeclarativeSchemaTransform;
+    order: number;
+    priority: number;
+}
+
+export interface DeclarativeSchemaTransformContext {
+    definition: FASTElementDefinition;
+    schema: Schema;
+}
+
+export type DeclarativeSchemaTransform = (
+    context: DeclarativeSchemaTransformContext,
+) => void;
+
+export function setDefinitionSchemaTransform(
+    definition: FASTElementDefinition,
+    key: string,
+    transform: DeclarativeSchemaTransform,
+    priority: number,
+): void {
+    const target = definition as FASTElementDefinitionWithSchemaTransforms;
+    const transforms = (target[definitionSchemaTransformsKey] ??= []);
+    const existingIndex = transforms.findIndex(record => record.key === key);
+
+    if (existingIndex !== -1) {
+        transforms.splice(existingIndex, 1);
+    }
+
+    transforms.push({
+        key,
+        transform,
+        order: schemaTransformOrder++,
+        priority,
+    });
+
+    transforms.sort((a, b) => a.priority - b.priority || a.order - b.order);
+}
+
+export function getDefinitionSchemaTransforms(
+    definition?: FASTElementDefinition,
+): readonly DeclarativeSchemaTransform[] {
+    const transforms = (
+        definition as FASTElementDefinitionWithSchemaTransforms | undefined
+    )?.[definitionSchemaTransformsKey];
+
+    return transforms?.map(record => record.transform) ?? [];
+}
diff --git a/packages/fast-element/src/components/fast-definitions.ts b/packages/fast-element/src/components/fast-definitions.ts
index 954c7012cb7..684ab291935 100644
--- a/packages/fast-element/src/components/fast-definitions.ts
+++ b/packages/fast-element/src/components/fast-definitions.ts
@@ -4,6 +4,7 @@ import { createTypeRegistry, type TypeRegistry } from "../platform.js";
 import { type ComposableStyles, ElementStyles } from "../styles/element-styles.js";
 import type { ElementViewTemplate } from "../templating/template.js";
 import { type AttributeConfiguration, AttributeDefinition } from "./attributes.js";
+import type { Schema } from "./schema.js";
 
 const defaultShadowOptions: ShadowRootInit = { mode: "open" };
 const defaultElementOptions: ElementDefinitionOptions = {};
@@ -429,6 +430,13 @@ export interface PartialFASTElementDefinition<
      * Lifecycle callbacks for template events.
      */
     readonly lifecycleCallbacks?: TemplateLifecycleCallbacks;
+
+    /**
+     * The optional schema associated with the custom element definition.
+     * Declarative templates assign this automatically during template resolution.
+     * Non-declarative callers can provide one for schema-driven extensions.
+     */
+    readonly schema?: Schema;
 }
 
 /**
@@ -502,6 +510,13 @@ export class FASTElementDefinition<
      */
     public readonly lifecycleCallbacks?: TemplateLifecycleCallbacks;
 
+    /**
+     * The optional schema associated with the custom element definition.
+     * Declarative templates assign this automatically during template resolution.
+     * Non-declarative callers can provide one for schema-driven extensions.
+     */
+    public schema?: Schema;
+
     /**
      * The definition has been registered to the FAST element registry.
      */
@@ -567,6 +582,7 @@ export class FASTElementDefinition<
                 : { ...defaultElementOptions, ...nameOrConfig.elementOptions };
 
         this.styles = ElementStyles.normalize(nameOrConfig.styles);
+        this.schema = nameOrConfig.schema;
 
         fastElementRegistry.register(this);
         const registeredTypes = getRegisteredTypes(this.registry);
diff --git a/packages/fast-element/src/components/hydration-tracker.ts b/packages/fast-element/src/components/hydration-tracker.ts
index f30727c1b73..18ecc446972 100644
--- a/packages/fast-element/src/components/hydration-tracker.ts
+++ b/packages/fast-element/src/components/hydration-tracker.ts
@@ -13,7 +13,7 @@ export interface HydrationOptions {
  * Tracks prerendered elements through the hydration lifecycle and
  * fires global callbacks at start and completion. Per-element callbacks
  * (`elementWillHydrate`, `elementDidHydrate`) are handled through
- * definition-level {@link TemplateLifecycleCallbacks}.
+ * definition-level `TemplateLifecycleCallbacks`.
  *
  * @public
  */
@@ -63,6 +63,8 @@ export class HydrationTracker {
                         this.options.hydrationComplete?.();
                     } catch {
                         // A lifecycle callback must never prevent post-hydration cleanup.
+                    } finally {
+                        this.started = false;
                     }
                 }
             }, 0);
diff --git a/packages/fast-element/src/components/hydration.pw.spec.ts b/packages/fast-element/src/components/hydration.pw.spec.ts
index c6b1f116773..3026a2324de 100644
--- a/packages/fast-element/src/components/hydration.pw.spec.ts
+++ b/packages/fast-element/src/components/hydration.pw.spec.ts
@@ -175,4 +175,63 @@ test.describe("The prerendered content optimization", () => {
         expect(result.isPrerendered).toBe(false);
         expect(result.shadowContent).toContain("CSR rendered");
     });
+
+    test("should fire global hydration callbacks for subsequent batches", async ({
+        page,
+    }) => {
+        await page.goto("/");
+
+        const result = await page.evaluate(async () => {
+            // @ts-expect-error: Client module.
+            const {
+                enableHydration,
+                FASTElement,
+                FASTElementDefinition,
+                html,
+                uniqueElementName,
+            } = await import("/main.js");
+
+            const events: string[] = [];
+            const name = uniqueElementName();
+
+            enableHydration({
+                hydrationStarted() {
+                    events.push("start");
+                },
+                hydrationComplete() {
+                    events.push("complete");
+                },
+            });
+
+            (
+                await FASTElementDefinition.compose(
+                    class TestElement extends FASTElement {
+                        static definition = {
+                            name,
+                            template: html`<span>hydrated</span>`,
+                        };
+                    },
+                )
+            ).define();
+
+            async function appendPrerenderedElement() {
+                const container = document.createElement("div");
+                document.body.appendChild(container);
+                (container as any).setHTMLUnsafe(
+                    `<${name}><template shadowrootmode="open"><span>hydrated</span></template></${name}>`,
+                );
+
+                const element = container.firstElementChild as any;
+                await element.$fastController.isHydrated;
+                await new Promise(resolve => setTimeout(resolve, 0));
+            }
+
+            await appendPrerenderedElement();
+            await appendPrerenderedElement();
+
+            return events;
+        });
+
+        expect(result).toEqual(["start", "complete", "start", "complete"]);
+    });
 });
diff --git a/packages/fast-element/src/components/hydration.ts b/packages/fast-element/src/components/hydration.ts
index 46031c504ae..a2d4c9446e8 100644
--- a/packages/fast-element/src/components/hydration.ts
+++ b/packages/fast-element/src/components/hydration.ts
@@ -5,13 +5,13 @@ import type {
     HydratableContentTemplate,
 } from "../templating/html-binding-directive.js";
 import type { ViewController } from "../templating/html-directive.js";
+import type { HydratableViewController } from "../templating/hydration-view.js";
 import type {
     ElementViewTemplate,
     HydratableElementViewTemplate,
     HydratableSyntheticViewTemplate,
     SyntheticViewTemplate,
 } from "../templating/template.js";
-import type { HydrationView } from "../templating/hydration-view.js";
 
 /**
  * Data-free sequential hydration markers.
@@ -134,7 +134,7 @@ export const Hydratable = Symbol.for("fe-hydration");
  *
  * @beta
  */
-export function isHydratable(view: ViewController): view is HydrationView;
+export function isHydratable(view: ViewController): view is HydratableViewController;
 /** @beta */
 export function isHydratable<TSource = any, TParent = any>(
     template: SyntheticViewTemplate<TSource, TParent>,
@@ -151,4 +151,3 @@ export function isHydratable(
 export function isHydratable(value: any): any {
     return value[Hydratable] === Hydratable;
 }
-
diff --git a/packages/fast-element/src/declarative/schema.ts b/packages/fast-element/src/components/schema.ts
similarity index 84%
rename from packages/fast-element/src/declarative/schema.ts
rename to packages/fast-element/src/components/schema.ts
index de4d7c152b4..65ae056e958 100644
--- a/packages/fast-element/src/declarative/schema.ts
+++ b/packages/fast-element/src/components/schema.ts
@@ -1,14 +1,29 @@
-import type { ChildrenMap } from "./utilities.js";
-
 type FastContextMetaData = "$fast_context";
 type FastContextsMetaData = "$fast_parent_contexts";
 
+/**
+ * Describes a child custom element binding referenced by a schema path.
+ * @public
+ */
+export interface ChildrenMap {
+    customElementName: string;
+    attributeName: string;
+}
+
+/**
+ * A reusable JSON schema definition.
+ * @public
+ */
 export interface JSONSchemaDefinition extends JSONSchemaCommon {
     $fast_context: string;
     $fast_parent_contexts: Array<string>;
 }
 
-interface JSONSchemaCommon {
+/**
+ * Common properties shared by schema nodes.
+ * @public
+ */
+export interface JSONSchemaCommon {
     type?: string;
     properties?: any;
     items?: any;
@@ -22,51 +37,79 @@ interface JSONSchemaCommon {
     $observe?: boolean;
 }
 
+/**
+ * A JSON schema describing a root property.
+ * @public
+ */
 export interface JSONSchema extends JSONSchemaCommon {
     $schema: string;
     $id: string;
     $defs?: Record<string, JSONSchemaDefinition>;
 }
 
-interface CachedPathCommon {
+/**
+ * Common metadata for paths cached while parsing a template.
+ * @public
+ */
+export interface CachedPathCommon {
     parentContext: string | null;
     currentContext: string | null;
     path: string;
 }
 
-type AccessCachedPathType = "access";
-
+/**
+ * A path discovered from an access expression.
+ * @public
+ */
 export interface AccessCachedPath extends CachedPathCommon {
-    type: AccessCachedPathType;
+    type: "access";
 }
 
-type DefaultCachedPathType = "default";
-
+/**
+ * A path discovered from a default binding.
+ * @public
+ */
 export interface DefaultCachedPath extends CachedPathCommon {
-    type: DefaultCachedPathType;
+    type: "default";
 }
 
-type EventCachedPathType = "event";
-
+/**
+ * A path discovered from an event binding.
+ * @public
+ */
 export interface EventCachedPath extends CachedPathCommon {
-    type: EventCachedPathType;
+    type: "event";
 }
 
-type RepeatCachedPathType = "repeat";
-
+/**
+ * A path discovered from a repeat directive.
+ * @public
+ */
 export interface RepeatCachedPath extends CachedPathCommon {
-    type: RepeatCachedPathType;
+    type: "repeat";
 }
 
+/**
+ * A path discovered while parsing a template.
+ * @public
+ */
 export type CachedPath =
     | DefaultCachedPath
     | RepeatCachedPath
     | AccessCachedPath
     | EventCachedPath;
 
+/**
+ * A map from element names and root properties to JSON schemas.
+ * @public
+ */
 export type CachedPathMap = Map<string, Map<string, JSONSchema>>;
 
-interface RegisterPathConfig {
+/**
+ * Configuration for registering a path with a schema.
+ * @public
+ */
+export interface RegisterPathConfig {
     rootPropertyName: string;
     pathConfig: CachedPath;
     childrenMap: ChildrenMap | null;
@@ -84,11 +127,13 @@ export const refPropertyName = "$ref";
  * Module-level registry that maps custom element names to their schema maps.
  * Used for cross-element `$ref` resolution (e.g. nested element schemas).
  * Each Schema instance registers itself here on construction.
+ * @public
  */
 export const schemaRegistry: CachedPathMap = new Map();
 
 /**
  * A constructed JSON schema from a template
+ * @public
  */
 export class Schema {
     /**
@@ -109,7 +154,7 @@ export class Schema {
 
     /**
      * Add a path to a schema
-     * @param config RegisterPathConfig
+     * @param config - The path registration configuration.
      */
     public addPath(config: RegisterPathConfig) {
         const splitPath = this.getSplitPath(config.pathConfig.path);
@@ -242,7 +287,7 @@ export class Schema {
 
     /**
      * Get a path split into property names
-     * @param path The dot syntax path e.g. a.b.c
+     * @param path - The dot syntax path, e.g. `a.b.c`.
      * @returns An array of items in the path
      */
     private getSplitPath(path: string): string[] {
@@ -251,7 +296,7 @@ export class Schema {
 
     /**
      * Gets the path to the $def
-     * @param context The context name e.g. {{item in items}} in a repeat creates the "item" context
+     * @param context - The context name. For example, `item in items` creates the `item` context.
      * @returns A string to use as a $ref
      */
     private getDefsPath(context: string): string {
@@ -270,7 +315,7 @@ export class Schema {
 
     /**
      * Add a new JSON schema to the JSON schema map
-     * @param propertyName The name of the property to assign this JSON schema to
+     * @param propertyName - The name of the property to assign this JSON schema to.
      */
     private addNewSchema(propertyName: string): void {
         this.schemaMap.set(propertyName, {
@@ -282,9 +327,9 @@ export class Schema {
 
     /**
      * Add properties to a context
-     * @param schema The schema to add the properties to
-     * @param splitPath The path split into property/context names
-     * @param context The paths context
+     * @param schema - The schema to add the properties to.
+     * @param splitPath - The path split into property/context names.
+     * @param context - The path context.
      */
     private addPropertiesToAContext(
         schema: any,
@@ -322,10 +367,10 @@ export class Schema {
 
     /**
      * Add properties to an object
-     * @param schema The schema to add the properties to
-     * @param splitPath The path split into property/context names
-     * @param context The paths context
-     * @param type The data type (see JSON schema for details)
+     * @param schema - The schema to add the properties to.
+     * @param splitPath - The path split into property/context names.
+     * @param context - The path context.
+     * @param type - The data type (see JSON schema for details).
      */
     private addPropertiesToAnObject(
         schema: any,
@@ -380,8 +425,8 @@ export class Schema {
 
     /**
      * Add an array to an object property
-     * @param schema The schema to add the properties to
-     * @param context The name of the context
+     * @param schema - The schema to add the properties to.
+     * @param context - The name of the context.
      */
     private addArrayToAnObject(schema: any, context: string): any {
         schema.type = "array";
@@ -394,10 +439,10 @@ export class Schema {
 
     /**
      * Add a context to the $defs property
-     * @param schema The schema to use
-     * @param propertyName The name of the property the context belongs to
-     * @param currentContext The current context
-     * @param parentContext The parent context
+     * @param schema - The schema to use.
+     * @param propertyName - The name of the property the context belongs to.
+     * @param currentContext - The current context.
+     * @param parentContext - The parent context.
      * @returns
      */
     private addContext(
@@ -418,9 +463,9 @@ export class Schema {
 
     /**
      * Get parent contexts
-     * @param schema The schema to use
-     * @param parentContext The parent context
-     * @param contexts A list of parent contexts
+     * @param schema - The schema to use.
+     * @param parentContext - The parent context.
+     * @param contexts - A list of parent contexts.
      * @returns
      */
     private getParentContexts(
diff --git a/packages/fast-element/src/context.ts b/packages/fast-element/src/context.ts
index 1b37cfaed4f..f1e6f271a0c 100644
--- a/packages/fast-element/src/context.ts
+++ b/packages/fast-element/src/context.ts
@@ -198,9 +198,9 @@ export const Context = Object.freeze({
 
     /**
      * Enables an event target to provide a context value.
-     * @param target The target to provide the context value for.
-     * @param context The context to provide the value for.
-     * @param value The value to provide for the context.
+     * @param target - The target to provide the context value for.
+     * @param context - The context to provide the value for.
+     * @param value - The value to provide for the context.
      */
     provide<T extends UnknownContext>(
         target: EventTarget,
@@ -245,9 +245,9 @@ export const Context = Object.freeze({
     /**
      * Defines a getter-only property on the target that will return the context
      * value for the target.
-     * @param target The target to define the property on.
-     * @param propertyName The name of the property to define.
-     * @param context The context that will be used to retrieve the property value.
+     * @param target - The target to define the property on.
+     * @param propertyName - The name of the property to define.
+     * @param context - The context that will be used to retrieve the property value.
      * @remarks
      * Uses the default request strategy to locate the context and will return the
      * initialValue if the context isn't handled.
diff --git a/packages/fast-element/src/css.ts b/packages/fast-element/src/css.ts
new file mode 100644
index 00000000000..49beb217a98
--- /dev/null
+++ b/packages/fast-element/src/css.ts
@@ -0,0 +1,10 @@
+export { type CSSTemplateTag, type CSSValue, css } from "./styles/css.js";
+export {
+    CSSDirective,
+    type CSSDirectiveDefinition,
+    cssDirective,
+} from "./styles/css-directive.js";
+export {
+    type ComposableStyles,
+    ElementStyles,
+} from "./styles/element-styles.js";
diff --git a/packages/fast-element/src/declarative.ts b/packages/fast-element/src/declarative.ts
deleted file mode 100644
index 7bafa68ad77..00000000000
--- a/packages/fast-element/src/declarative.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./declarative/index.js";
diff --git a/packages/fast-element/src/declarative/attribute-map.ts b/packages/fast-element/src/declarative/attribute-map.ts
index cd61e63b30d..6427f8bb9ea 100644
--- a/packages/fast-element/src/declarative/attribute-map.ts
+++ b/packages/fast-element/src/declarative/attribute-map.ts
@@ -1,16 +1,35 @@
 import { AttributeDefinition } from "../components/attributes.js";
+import { setDefinitionSchemaTransform } from "../components/definition-schema-transforms.js";
 import {
     type FASTElementDefinition,
     type FASTElementExtension,
+    hasFASTElementTemplateResolver,
     trackLateAttributeDefinition,
 } from "../components/fast-definitions.js";
+import type { Schema } from "../components/schema.js";
 import { Observable } from "../observation/observable.js";
-import { setDefinitionElementOptions } from "./definition-options.js";
-import type { Schema } from "./schema.js";
+
+export {
+    type AccessCachedPath,
+    type CachedPath,
+    type CachedPathCommon,
+    type CachedPathMap,
+    type ChildrenMap,
+    type DefaultCachedPath,
+    type EventCachedPath,
+    type JSONSchema,
+    type JSONSchemaCommon,
+    type JSONSchemaDefinition,
+    type RegisterPathConfig,
+    type RepeatCachedPath,
+    Schema,
+    schemaRegistry,
+} from "../components/schema.js";
 
 /**
- * Configuration object for the attributeMap element option.
+ * Configuration object for the attributeMap extension.
  * Omitting all fields uses the default attribute-mapping behavior.
+ * @public
  */
 export interface AttributeMapConfig {
     /**
@@ -28,17 +47,50 @@ export interface AttributeMapConfig {
     "attribute-name-strategy"?: "none" | "camelCase";
 }
 
+const attributeMapSchemaTransformKey = "attribute-map";
+const attributeMapSchemaTransformPriority = 0;
+
+function defineAttributeMap(
+    definition: FASTElementDefinition,
+    schema: Schema,
+    config: AttributeMapConfig,
+): void {
+    new AttributeMap(
+        definition.type.prototype,
+        schema,
+        definition,
+        config,
+    ).defineProperties();
+}
+
 /**
- * Creates a FAST element extension that enables declarative attribute mapping
- * for the resolved definition.
- * When called without arguments, uses the default attribute-mapping behavior.
+ * Creates a FAST element extension that enables schema-driven attribute mapping
+ * for the resolved definition. When called without arguments, uses the default
+ * attribute-mapping behavior. The extension uses `definition.schema` immediately
+ * for manual schemas, or the schema generated/augmented by `declarativeTemplate()`.
  * @public
  */
-export function attributeMap(option: AttributeMapConfig = {}): FASTElementExtension {
+export function attributeMap(config: AttributeMapConfig = {}): FASTElementExtension {
     return definition => {
-        setDefinitionElementOptions(definition, {
-            attributeMap: option,
-        });
+        const hasTemplateResolver = hasFASTElementTemplateResolver(definition);
+
+        if (definition.schema && !hasTemplateResolver) {
+            defineAttributeMap(definition, definition.schema, config);
+            return;
+        }
+
+        if (!hasTemplateResolver) {
+            throw new Error(
+                "attributeMap requires a schema. Provide one via FASTElement definition or use declarativeTemplate().",
+            );
+        }
+
+        setDefinitionSchemaTransform(
+            definition,
+            attributeMapSchemaTransformKey,
+            ({ definition, schema }) => defineAttributeMap(definition, schema, config),
+            attributeMapSchemaTransformPriority,
+        );
     };
 }
 
@@ -55,10 +107,10 @@ function camelToKebab(str: string): string {
 
 /**
  * AttributeMap provides functionality for detecting simple (leaf) properties in
- * a generated JSON schema and defining them as @attr properties on a class prototype.
+ * a generated JSON schema and defining them as attr properties on a class prototype.
  *
- * A property is a candidate for @attr when its schema entry has no nested `properties`,
- * no `type`, and no `anyOf` — i.e. it is a plain binding like {{foo}} or id="{{foo-bar}}".
+ * A property is a candidate for attr when its schema entry has no nested `properties`,
+ * no `type`, and no `anyOf` — for example, a plain `foo` binding.
  *
  * When `attribute-name-strategy` is `"camelCase"` (the default), the binding key is treated as a
  * camelCase property name and the HTML attribute name is derived by converting it to
@@ -68,8 +120,9 @@ function camelToKebab(str: string): string {
  * When `attribute-name-strategy` is `"none"`, the binding key is used
  * as both the attribute name and property name — no normalization is applied.
  *
- * Properties already decorated with `@attr` or `@observable` on the class are left
+ * Properties already decorated with `attr` or `observable` on the class are left
  * untouched.
+ * @public
  */
 export class AttributeMap {
     private schema: Schema;
@@ -80,7 +133,7 @@ export class AttributeMap {
     constructor(
         classPrototype: any,
         schema: Schema,
-        definition?: FASTElementDefinition,
+        definition?: any,
         config?: AttributeMapConfig,
     ) {
         this.classPrototype = classPrototype;
diff --git a/packages/fast-element/src/declarative/definition-options.ts b/packages/fast-element/src/declarative/definition-options.ts
deleted file mode 100644
index 71857124ec9..00000000000
--- a/packages/fast-element/src/declarative/definition-options.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import type { FASTElementDefinition } from "../components/fast-definitions.js";
-import type { ElementOptions } from "./template.js";
-
-const definitionElementOptionsKey = Symbol("definitionElementOptions");
-
-type FASTElementDefinitionWithOptions = FASTElementDefinition & {
-    [definitionElementOptionsKey]?: ElementOptions;
-};
-
-export function mergeElementOptions(
-    base?: ElementOptions,
-    override?: ElementOptions,
-): ElementOptions | undefined {
-    let result: ElementOptions | undefined;
-
-    const assign = (options?: ElementOptions) => {
-        if (options === void 0) {
-            return;
-        }
-
-        result ??= {};
-
-        if (options.observerMap !== void 0) {
-            result.observerMap = options.observerMap;
-        }
-
-        if (options.attributeMap !== void 0) {
-            result.attributeMap = options.attributeMap;
-        }
-    };
-
-    assign(base);
-    assign(override);
-
-    return result;
-}
-
-export function setDefinitionElementOptions(
-    definition: FASTElementDefinition,
-    options: ElementOptions,
-): void {
-    const target = definition as FASTElementDefinitionWithOptions;
-
-    target[definitionElementOptionsKey] = mergeElementOptions(
-        target[definitionElementOptionsKey],
-        options,
-    );
-}
-
-export function getDefinitionElementOptions(
-    definition?: FASTElementDefinition,
-): ElementOptions | undefined {
-    return (definition as FASTElementDefinitionWithOptions | undefined)?.[
-        definitionElementOptionsKey
-    ];
-}
diff --git a/packages/fast-element/src/declarative/extension-subpaths.pw.spec.ts b/packages/fast-element/src/declarative/extension-subpaths.pw.spec.ts
new file mode 100644
index 00000000000..7209da14bcc
--- /dev/null
+++ b/packages/fast-element/src/declarative/extension-subpaths.pw.spec.ts
@@ -0,0 +1,223 @@
+import { fileURLToPath } from "node:url";
+import { expect, test } from "@playwright/test";
+import { build } from "esbuild";
+
+const packageRoot = fileURLToPath(new URL("../../", import.meta.url));
+
+test.describe("extension subpaths", () => {
+    test("exports attributeMap and observerMap from package subpaths", async ({
+        page,
+    }) => {
+        await page.goto("/");
+
+        const result = await page.evaluate(async () => {
+            // @ts-expect-error: Client module.
+            const { AttributeMap, Schema, attributeMap, observerMap } = await import(
+                "/extension-subpaths-main.js"
+            );
+
+            return {
+                hasAttributeMapClass: typeof AttributeMap === "function",
+                hasAttributeMap: typeof attributeMap === "function",
+                hasObserverMap: typeof observerMap === "function",
+                hasSchema: typeof Schema === "function",
+            };
+        });
+
+        expect(result.hasAttributeMapClass).toBe(true);
+        expect(result.hasAttributeMap).toBe(true);
+        expect(result.hasObserverMap).toBe(true);
+        expect(result.hasSchema).toBe(true);
+    });
+
+    test("observerMap accepts a schema for non-declarative use", async ({ page }) => {
+        await page.goto("/");
+
+        const result = await page.evaluate(async () => {
+            // @ts-expect-error: Client module.
+            const { Schema, observerMap } = await import("/extension-subpaths-main.js");
+
+            class ManualElement {
+                public model: any;
+            }
+
+            const schema = new Schema("manual-observer-map");
+            schema.addPath({
+                rootPropertyName: "model",
+                pathConfig: {
+                    type: "default",
+                    path: "model.value",
+                    currentContext: null,
+                    parentContext: null,
+                },
+                childrenMap: null,
+            });
+
+            observerMap({ schema })({ type: ManualElement } as any);
+
+            const instance = new ManualElement();
+            instance.model = null;
+            const nextValue = { value: "before" };
+            instance.model = nextValue;
+
+            return {
+                hasAccessor:
+                    typeof Object.getOwnPropertyDescriptor(
+                        ManualElement.prototype,
+                        "model",
+                    )?.get === "function",
+                isProxy: instance.model.$isProxy === true,
+                preservesValue: instance.model.value === "before",
+                replacedOriginal: instance.model !== nextValue,
+            };
+        });
+
+        expect(result.hasAccessor).toBe(true);
+        expect(result.isProxy).toBe(true);
+        expect(result.preservesValue).toBe(true);
+        expect(result.replacedOriginal).toBe(true);
+    });
+
+    test("observerMap observes items spliced into nested $defs arrays", async ({
+        page,
+    }) => {
+        await page.goto("/");
+
+        const result = await page.evaluate(async () => {
+            // @ts-expect-error: Client module.
+            const { ArrayObserver } = await import("/main.js");
+            // @ts-expect-error: Client module.
+            const { Schema, observerMap } = await import("/extension-subpaths-main.js");
+
+            ArrayObserver.enable();
+
+            class ManualElement {
+                public someData: any;
+            }
+
+            const schema = new Schema("manual-defs-array");
+            schema.addPath({
+                rootPropertyName: "someData",
+                pathConfig: {
+                    type: "repeat",
+                    path: "someData.items",
+                    currentContext: "item",
+                    parentContext: null,
+                },
+                childrenMap: null,
+            });
+            schema.addPath({
+                rootPropertyName: "someData",
+                pathConfig: {
+                    type: "default",
+                    path: "item.name",
+                    currentContext: "item",
+                    parentContext: null,
+                },
+                childrenMap: null,
+            });
+
+            observerMap({ schema })({ type: ManualElement } as any);
+
+            const instance = new ManualElement();
+            instance.someData = {
+                items: [{ name: "first" }],
+            };
+
+            instance.someData.items.push({ name: "second" });
+            await new Promise(resolve =>
+                requestAnimationFrame(() => requestAnimationFrame(resolve)),
+            );
+
+            return {
+                hasObservableName:
+                    typeof Object.getOwnPropertyDescriptor(
+                        instance.someData.items[1],
+                        "name",
+                    )?.get === "function",
+            };
+        });
+
+        expect(result.hasObservableName).toBe(true);
+    });
+
+    test("observerMap reports missing schemas for non-declarative definitions", async ({
+        page,
+    }) => {
+        await page.goto("/");
+
+        const message = await page.evaluate(async () => {
+            // @ts-expect-error: Client module.
+            const { observerMap } = await import("/extension-subpaths-main.js");
+
+            class ManualElement {}
+
+            try {
+                observerMap()({ type: ManualElement } as any);
+            } catch (error) {
+                return (error as Error).message;
+            }
+
+            return "";
+        });
+
+        expect(message).toContain("observerMap requires a schema");
+    });
+
+    test("attributeMap reports missing schemas for non-declarative definitions", async ({
+        page,
+    }) => {
+        await page.goto("/");
+
+        const message = await page.evaluate(async () => {
+            // @ts-expect-error: Client module.
+            const { attributeMap } = await import("/extension-subpaths-main.js");
+
+            class ManualElement {}
+
+            try {
+                attributeMap()({ type: ManualElement } as any);
+            } catch (error) {
+                return (error as Error).message;
+            }
+
+            return "";
+        });
+
+        expect(message).toContain("attributeMap requires a schema");
+    });
+
+    test("map entrypoints do not bundle declarative template runtime", async () => {
+        const result = await build({
+            stdin: {
+                contents: `
+                    import { attributeMap } from "./src/declarative/attribute-map.ts";
+                    import { observerMap } from "./src/declarative/observer-map.ts";
+                    export { attributeMap, observerMap };
+                `,
+                loader: "ts",
+                resolveDir: packageRoot,
+            },
+            bundle: true,
+            format: "esm",
+            metafile: true,
+            minify: true,
+            treeShaking: true,
+            write: false,
+        });
+
+        const declarativeInputs = Object.keys(result.metafile!.inputs).filter(input => {
+            if (!input.includes("src/declarative/")) {
+                return false;
+            }
+
+            return !(
+                input.endsWith("src/declarative/attribute-map.ts") ||
+                input.endsWith("src/declarative/observer-map.ts") ||
+                input.endsWith("src/declarative/observer-map-utilities.ts")
+            );
+        });
+
+        expect(declarativeInputs).toEqual([]);
+    });
+});
diff --git a/packages/fast-element/src/declarative/index.ts b/packages/fast-element/src/declarative/index.ts
index f6b584258f5..3f4906a62e7 100644
--- a/packages/fast-element/src/declarative/index.ts
+++ b/packages/fast-element/src/declarative/index.ts
@@ -1,23 +1,54 @@
-export type { FASTElementExtension } from "../components/fast-definitions.js";
-export type { AttributeMapConfig } from "./attribute-map.js";
-export { AttributeMap, attributeMap } from "./attribute-map.js";
 export type {
-    ObserverMapConfig,
-    ObserverMapPathEntry,
-    ObserverMapPathNode,
-} from "./observer-map.js";
-export { ObserverMap, observerMap } from "./observer-map.js";
+    AttributeConfiguration,
+    AttributeDefinition,
+    AttributeMode,
+    ValueConverter,
+} from "../components/attributes.js";
+export type {
+    FASTElementDefinition,
+    FASTElementExtension,
+    FASTElementTemplateResolver,
+    PartialFASTElementDefinition,
+    ShadowRootOptions,
+    TemplateLifecycleCallbacks,
+} from "../components/fast-definitions.js";
 export {
+    type AccessCachedPath,
+    type CachedPath,
+    type CachedPathCommon,
     type CachedPathMap,
+    type ChildrenMap,
+    type DefaultCachedPath,
+    type EventCachedPath,
     type JSONSchema,
+    type JSONSchemaCommon,
+    type JSONSchemaDefinition,
+    type RegisterPathConfig,
+    type RepeatCachedPath,
     Schema,
     schemaRegistry,
-} from "./schema.js";
-export {
-    declarativeTemplate,
-    type ElementOptions,
-    type ElementOptionsDictionary,
-    type HydrationLifecycleCallbacks,
-    TemplateElement,
-} from "./template.js";
+} from "../components/schema.js";
+export type { DOMPolicy } from "../dom.js";
+export type { Constructable } from "../interfaces.js";
+export type { Accessor } from "../observation/observable.js";
+export type {
+    ComposableStyles,
+    ConstructibleStyleStrategy,
+    ElementStyles,
+} from "../styles/element-styles.js";
+export type { StyleStrategy, StyleTarget } from "../styles/style-strategy.js";
+export type {
+    ViewBehavior,
+    ViewBehaviorFactory,
+} from "../templating/html-directive.js";
+export type {
+    CaptureType,
+    ElementViewTemplate,
+    HTMLTemplateCompilationResult,
+    SyntheticViewTemplate,
+    TemplateValue,
+    ViewTemplate,
+} from "../templating/template.js";
+export type { ElementView, HTMLView } from "../templating/view.js";
+export { declarativeTemplate } from "./template.js";
 export { type ResolvedStringsAndValues, TemplateParser } from "./template-parser.js";
diff --git a/packages/fast-element/src/declarative/observer-map-utilities.ts b/packages/fast-element/src/declarative/observer-map-utilities.ts
new file mode 100644
index 00000000000..0ae0a54cb1a
--- /dev/null
+++ b/packages/fast-element/src/declarative/observer-map-utilities.ts
@@ -0,0 +1,798 @@
+import {
+    defsPropertyName,
+    type JSONSchema,
+    type JSONSchemaDefinition,
+    refPropertyName,
+    schemaRegistry,
+} from "../components/schema.js";
+import { Observable } from "../observation/observable.js";
+
+interface ObservedTargetsAndProperties {
+    target: any;
+    rootProperty: string;
+}
+
+/**
+ * A map of proxied objects.
+ */
+const objectTargetsMap = new WeakMap<object, ObservedTargetsAndProperties[]>();
+
+/**
+ * A map of arrays being observed.
+ */
+const observedArraysMap = new WeakMap<object, void>();
+
+type DataType = "array" | "object" | "primitive";
+
+/**
+ * Determines the data type of the provided data
+ * @param data - The data to analyze
+ * @returns "array" for arrays, "object" for non-null objects, "primitive" for other types
+ */
+function getDataType(data: any): DataType {
+    if (Array.isArray(data)) return "array";
+    if (typeof data === "object" && data !== null) return "object";
+    return "primitive";
+}
+
+/**
+ * Get properties from an anyOf array
+ * @param anyOf - The anyOf array in a JSON schema
+ * @returns The array item matching a ref if it exists
+ */
+function getSchemaPropertiesFromAnyOf(anyOf: Array<any>): any | null {
+    let propertiesFromAnyOf: any | null = null;
+
+    for (const anyOfItem of anyOf) {
+        if (anyOfItem[refPropertyName]) {
+            const splitRef = anyOfItem[refPropertyName].split("/");
+            const customElement = splitRef.slice(-2)[0];
+            const attributeName = splitRef.slice(-1)[0].slice(0, -5);
+
+            if (schemaRegistry.has(customElement)) {
+                const customElementSchemaMap = schemaRegistry.get(customElement) as Map<
+                    string,
+                    JSONSchema
+                >;
+                propertiesFromAnyOf = customElementSchemaMap.get(attributeName);
+            }
+        }
+    }
+
+    return propertiesFromAnyOf;
+}
+
+/**
+ * Gets a properties definition if one exists
+ * @param schema - The JSON schema to get properties from
+ * @returns A JSON schema with properties or null
+ */
+function getSchemaProperties(schema: any): any | null {
+    if (schema?.properties) {
+        return schema.properties;
+    } else if (schema?.anyOf) {
+        return getSchemaPropertiesFromAnyOf(schema.anyOf);
+    }
+
+    return null;
+}
+
+/**
+ * Checks whether a schema node (or any of its descendants) has observation enabled.
+ * Returns false only when the node and ALL its descendants are stamped with `$observe: false`.
+ */
+function hasObservedSchemaDescendant(schema: any): boolean {
+    if (schema?.$observe !== false) {
+        return true;
+    }
+
+    const props = getSchemaProperties(schema);
+
+    if (!props) {
+        return false;
+    }
+
+    return Object.keys(props).some(k => hasObservedSchemaDescendant(props[k]));
+}
+
+/**
+ * Checks whether a schema node is fully excluded from observation.
+ * A node is excluded when it is stamped `$observe: false` AND none of
+ * its descendants are observed (no re-included leaves beneath it).
+ */
+function isSchemaExcluded(schema: any): boolean {
+    return schema?.$observe === false && !hasObservedSchemaDescendant(schema);
+}
+
+/**
+ * Assigns Observable properties to items in an array and sets up change notifications
+ * @param proxiedData - The array data to make observable
+ * @param schema - The schema defining the structure of array items
+ * @param rootSchema - The root schema for the entire data structure
+ * @param target - The target element
+ * @param rootProperty - The root property name
+ * @returns The array with observable properties and change notifications
+ */
+function assignObservablesToArray(
+    proxiedData: any,
+    schema: JSONSchema | JSONSchemaDefinition,
+    rootSchema: JSONSchema,
+    target: any,
+    rootProperty: string,
+): any {
+    const schemaProperties = getSchemaProperties(schema);
+
+    // If the schema has no properties, the array contains primitives (e.g. string[])
+    // — observe the array for changes but skip per-item proxying.
+    const data = schemaProperties
+        ? proxiedData.map((item: any) => {
+              const originalItem = Object.assign({}, item);
+
+              assignProxyToItemsInArray(item, originalItem, schema, rootSchema);
+
+              return Object.assign(item, originalItem);
+          })
+        : proxiedData;
+
+    Observable.getNotifier(data).subscribe({
+        handleChange(subject, args) {
+            args.forEach((arg: any) => {
+                if (arg.addedCount > 0) {
+                    if (schemaProperties) {
+                        for (let i = arg.addedCount - 1; i >= 0; i--) {
+                            const item = subject[arg.index + i];
+                            const originalItem = Object.assign({}, item);
+
+                            assignProxyToItemsInArray(
+                                item,
+                                originalItem,
+                                schema,
+                                rootSchema,
+                            );
+
+                            Object.assign(item, originalItem);
+                        }
+                    }
+
+                    // Notify observers of the target object's root property
+                    Observable.notify(target, rootProperty);
+                }
+            });
+        },
+    });
+
+    if (schemaProperties !== null) {
+        return data;
+    }
+
+    // For primitive arrays, wrap in a Proxy so that direct index assignment
+    // (e.g. arr[0] = value) triggers FAST's splice-based change tracking and
+    // keeps repeat directives in sync. Object arrays are not wrapped because
+    // their items are individually proxied, and FAST's own push/splice/etc.
+    // already carry splice records — double-wrapping would produce duplicate
+    // splice notifications.
+    return new Proxy(data, {
+        set: (arr: any, prop: string | symbol, value: any) => {
+            const idx = typeof prop === "string" ? Number(prop) : NaN;
+
+            if (typeof prop !== "symbol" && Number.isInteger(idx) && idx >= 0) {
+                // splice() replaces the item in-place and creates the splice
+                // record that FAST's ArrayObserver delivers to repeat directives.
+                Array.prototype.splice.call(arr, idx, 1, value);
+            } else {
+                arr[prop] = value;
+            }
+
+            return true;
+        },
+    });
+}
+
+/**
+ * Extracts the definition name from a JSON Schema $ref property
+ * @param defName - The $ref string (e.g., "#/$defs/MyType")
+ * @returns The definition name (e.g., "MyType")
+ */
+function getDefFromRef(defName: string): string {
+    const splitName = defName.split("/");
+
+    return splitName[splitName.length - 1] as string;
+}
+
+/**
+ * Find a definition
+ * This may exist as a $ref at the root or as a $ref in any anyOf or not at all
+ * if the Observer Map has not been enabled on a child component
+ * @param schema - The JSON schema to find the ref in
+ * @returns The definition or null
+ * @public
+ */
+export function findDef(schema: JSONSchema | JSONSchemaDefinition): string | null {
+    const defStartingString = "#/$defs";
+
+    if (
+        schema[refPropertyName] &&
+        schema[refPropertyName].startsWith(defStartingString)
+    ) {
+        return getDefFromRef(schema[refPropertyName]);
+    }
+
+    if (schema.anyOf) {
+        const index = schema.anyOf.findIndex((anyOfItem: JSONSchema) => {
+            return (
+                !!anyOfItem[refPropertyName] &&
+                anyOfItem[refPropertyName].startsWith(defStartingString)
+            );
+        });
+
+        if (index > -1) {
+            const ref = schema.anyOf[index][refPropertyName];
+
+            if (ref.startsWith(defStartingString)) {
+                return getDefFromRef(ref);
+            }
+        }
+    }
+
+    return null;
+}
+
+/**
+ * Subscribe to a notifier on data that is an observed array
+ * @param data - The array being observed
+ * @param updateArrayObservables - The function to call to update the array item
+ */
+function assignSubscribeToObservableArray(
+    data: any,
+    updateArrayObservables: () => void,
+): void {
+    Observable.getNotifier(data).subscribe({
+        handleChange(subject, args) {
+            args.forEach((arg: any) => {
+                updateArrayObservables();
+            });
+        },
+    });
+}
+
+/**
+ * Assign observables to data
+ * @param schema - The schema
+ * @param rootSchema - The root schema mapping to the root property
+ * @param data - The data
+ * @param target - The target custom element
+ * @param rootProperty - The root property
+ * @returns
+ * @public
+ */
+export function assignObservables(
+    schema: JSONSchema | JSONSchemaDefinition,
+    rootSchema: JSONSchema,
+    data: any,
+    target: any,
+    rootProperty: string,
+): typeof Proxy {
+    const dataType = getDataType(data);
+    let proxiedData = data;
+
+    switch (dataType) {
+        case "array": {
+            const context = findDef(schema);
+
+            if (context) {
+                proxiedData = assignObservablesToArray(
+                    proxiedData,
+                    (rootSchema as JSONSchema)[defsPropertyName]?.[
+                        context
+                    ] as JSONSchemaDefinition,
+                    rootSchema,
+                    target,
+                    rootProperty,
+                );
+
+                if (!observedArraysMap.has(proxiedData)) {
+                    observedArraysMap.set(
+                        proxiedData,
+                        assignSubscribeToObservableArray(proxiedData, () =>
+                            assignObservablesToArray(
+                                proxiedData,
+                                (rootSchema as JSONSchema)[defsPropertyName]?.[
+                                    context
+                                ] as JSONSchemaDefinition,
+                                rootSchema,
+                                target,
+                                rootProperty,
+                            ),
+                        ),
+                    );
+                }
+            } else {
+                // Primitive array (items have no schema $ref): wrap in a proxy so that
+                // direct index assignments (e.g. arr[0] = value) use FAST's splice-based
+                // change tracking and keep repeat directives in sync.
+                proxiedData = assignObservablesToArray(
+                    proxiedData,
+                    schema,
+                    rootSchema,
+                    target,
+                    rootProperty,
+                );
+            }
+
+            break;
+        }
+        case "object": {
+            proxiedData = assignProxyToItemsInObject(
+                target,
+                rootProperty,
+                proxiedData,
+                schema,
+                rootSchema,
+            );
+            break;
+        }
+    }
+
+    return proxiedData;
+}
+
+/**
+ * Assign a proxy to items in an array
+ * @param proxiableItem - The array item to proxy
+ * @param originalItem - The original array item
+ * @param schema - The schema mapping to the items in the array
+ * @param rootSchema - The root schema assigned to the root property
+ */
+function assignProxyToItemsInArray(
+    proxiableItem: any,
+    originalItem: any,
+    schema: JSONSchema | JSONSchemaDefinition,
+    rootSchema: JSONSchema,
+): void {
+    const schemaProperties = getSchemaProperties(schema);
+
+    getObjectProperties(proxiableItem, schemaProperties).forEach(key => {
+        const childSchema = schemaProperties[key];
+
+        // Skip properties fully excluded from observation
+        if (isSchemaExcluded(childSchema)) {
+            return;
+        }
+
+        // Initialize the property as undefined if it doesn't exist
+        if (!(key in originalItem)) {
+            originalItem[key] = undefined;
+        }
+
+        // Assign the proxy first
+        originalItem[key] = assignProxyToItemsInObject(
+            proxiableItem,
+            key,
+            originalItem[key],
+            schemaProperties[key],
+            rootSchema,
+        );
+
+        // Then make the property observable
+        Observable.defineProperty(proxiableItem, key);
+    });
+}
+
+/**
+ * Get an objects properties as agreed upon between the schema and data
+ * @param data - The data
+ * @param schemaProperties - The schema properties
+ * @returns A list of strings the schema properties enumerate (includes properties not present in data)
+ */
+function getObjectProperties(data: any, schemaProperties: any): string[] {
+    const dataKeys = Object.keys(data);
+    const schemaPropertyKeys = Object.keys(schemaProperties ?? {});
+
+    // Return all schema properties that are either in the data or in the schema
+    // This ensures properties defined in schema but missing from data get initialized
+    const allKeys = new Set([...dataKeys, ...schemaPropertyKeys]);
+
+    return Array.from(allKeys).filter(function (key) {
+        return schemaPropertyKeys.indexOf(key) !== -1;
+    });
+}
+
+/**
+ * Assign a proxy to items in an object
+ * @param target - The target custom element
+ * @param rootProperty - The root property
+ * @param data - The data to proxy
+ * @param schema - The schema for the data
+ * @param rootSchema - The root schema for the root property
+ * @returns a Proxy
+ */
+function assignProxyToItemsInObject(
+    target: any,
+    rootProperty: string,
+    data: any,
+    schema: JSONSchema | JSONSchemaDefinition,
+    rootSchema: JSONSchema,
+): any | typeof Proxy {
+    const type = getDataType(data);
+    const schemaProperties = getSchemaProperties(schema);
+    let proxiedData = data;
+
+    if (type === "object" && schemaProperties) {
+        // navigate through all items in the object
+        getObjectProperties(proxiedData, schemaProperties).forEach(property => {
+            const childSchema = schemaProperties[property];
+
+            // Skip properties fully excluded from observation
+            if (isSchemaExcluded(childSchema)) {
+                return;
+            }
+
+            proxiedData[property] = assignProxyToItemsInObject(
+                target,
+                rootProperty,
+                proxiedData[property],
+                schemaProperties[property],
+                rootSchema,
+            );
+        });
+
+        // Assign a Proxy unless this level is fully excluded from observation
+        if (!isSchemaExcluded(schema)) {
+            proxiedData = assignProxy(
+                schema,
+                rootSchema,
+                target,
+                rootProperty,
+                proxiedData,
+            );
+
+            // Add this target to the object's target list
+            addTargetToObject(proxiedData, target, rootProperty);
+        }
+    } else if (type === "array") {
+        const context = findDef((schema as JSONSchema).items);
+
+        if (context) {
+            const definition = (rootSchema as JSONSchema)[defsPropertyName]?.[context];
+
+            if (definition?.type === "object") {
+                proxiedData = assignObservablesToArray(
+                    proxiedData,
+                    definition as JSONSchemaDefinition,
+                    rootSchema,
+                    target,
+                    rootProperty,
+                );
+
+                if (!observedArraysMap.has(proxiedData)) {
+                    observedArraysMap.set(
+                        proxiedData,
+                        assignSubscribeToObservableArray(proxiedData, () =>
+                            assignObservablesToArray(
+                                proxiedData,
+                                definition as JSONSchemaDefinition,
+                                rootSchema,
+                                target,
+                                rootProperty,
+                            ),
+                        ),
+                    );
+                }
+            }
+        }
+    }
+
+    return proxiedData;
+}
+
+/**
+ * Add a target to an object's target list
+ * @param object - The object to associate with the target
+ * @param target - The target custom element
+ * @param rootProperty - The root property name
+ */
+function addTargetToObject(object: any, target: any, rootProperty: string): void {
+    if (!objectTargetsMap.has(object)) {
+        objectTargetsMap.set(object, []);
+    }
+
+    const targets = objectTargetsMap.get(object) as ObservedTargetsAndProperties[];
+
+    targets.push({ target, rootProperty });
+}
+
+/**
+ * Get all targets for an object
+ * @param object - The object to get targets for
+ * @returns Array of target info objects
+ */
+function getTargetsForObject(object: any): ObservedTargetsAndProperties[] {
+    return objectTargetsMap.get(object) || [];
+}
+
+/**
+ * Notify any observables mapped to the object
+ * @param targetObject The object that is mapped to a target and rootProperty
+ */
+function notifyObservables(targetObject: any) {
+    getTargetsForObject(targetObject).forEach(
+        (targetItem: ObservedTargetsAndProperties) => {
+            // Trigger notification for property changes
+            Observable.notify(targetItem.target, targetItem.rootProperty);
+        },
+    );
+}
+
+/**
+ * Assign a proxy to an object
+ * @param schema - The current schema
+ * @param rootSchema - The root schema for the root property
+ * @param target - The target custom element
+ * @param rootProperty - The root property
+ * @param object - The object to assign the proxy to
+ * @returns Proxy object
+ * @public
+ */
+export function assignProxy(
+    schema: JSONSchema | JSONSchemaDefinition,
+    rootSchema: JSONSchema,
+    target: any,
+    rootProperty: string,
+    object: any,
+): typeof Proxy {
+    if (!object.$isProxy) {
+        const schemaProperties = getSchemaProperties(schema);
+
+        // Create a proxy for the object that triggers Observable.notify on mutations
+        const proxy = new Proxy(object, {
+            set: (obj: any, prop: string | symbol, value: any) => {
+                const currentValue = obj[prop];
+
+                if (deepEqual(currentValue, value)) {
+                    return true;
+                }
+
+                const propName = typeof prop === "string" ? prop : String(prop);
+                const childSchema = schemaProperties?.[propName];
+
+                // If the property is fully excluded, assign without proxying or notifying
+                if (isSchemaExcluded(childSchema)) {
+                    obj[prop] = value;
+                    return true;
+                }
+
+                obj[prop] = assignObservables(
+                    schema,
+                    rootSchema,
+                    value,
+                    target,
+                    rootProperty,
+                );
+
+                notifyObservables(proxy);
+
+                return true;
+            },
+            get: (target, key) => {
+                if (key !== "$isProxy") {
+                    return target[key];
+                }
+
+                return true;
+            },
+            deleteProperty: (obj: any, prop: string | symbol) => {
+                if (prop in obj) {
+                    const propName = typeof prop === "string" ? prop : String(prop);
+                    const childSchema = schemaProperties?.[propName];
+
+                    delete obj[prop];
+
+                    // Only suppress notification if fully excluded
+                    if (isSchemaExcluded(childSchema)) {
+                        return true;
+                    }
+
+                    notifyObservables(proxy);
+
+                    return true;
+                }
+                return false;
+            },
+        });
+
+        return proxy;
+    }
+
+    return object;
+}
+
+/**
+ * Determine if an object has an observable accessor for a backing field
+ * @param object - The object to check
+ * @param backingField - The backing field name
+ * @returns True if the object has an observable accessor for the backing field, false otherwise
+ */
+function hasObservableAccessor(object: any, backingField: string): boolean {
+    const accessors = Observable.getAccessors(object);
+
+    if (!accessors) {
+        return false;
+    }
+
+    return accessors.some((accessor: { name: string }) => accessor.name === backingField);
+}
+
+/**
+ * Determine if a key should be skipped during deep comparison
+ *
+ * @param object - The object to check
+ * @param key - The key to evaluate
+ * @returns True if the key should be skipped during comparison, false otherwise
+ */
+function shouldSkipKey(object: any, key: string): boolean {
+    if (key[0] !== "_" || key === "_") {
+        return false;
+    }
+
+    return hasObservableAccessor(object, key.slice(1));
+}
+
+/**
+ * Get comparable keys from an object, excluding those that should be skipped
+ *
+ * @param object - The object to extract keys from
+ * @returns An array of keys that should be compared
+ */
+function getComparableKeys(object: any): string[] {
+    const hasOwn = Object.prototype.hasOwnProperty;
+    const keys: string[] = [];
+
+    for (const key in object) {
+        if (!hasOwn.call(object, key) || shouldSkipKey(object, key)) {
+            continue;
+        }
+
+        keys.push(key);
+    }
+
+    return keys;
+}
+
+/**
+ * Deeply compares two objects for equality.
+ *
+ * @param obj1 - First object to compare
+ * @param obj2 - Second object to compare
+ * @returns True if the objects are deeply equal, false otherwise
+ * @public
+ */
+export function deepEqual(obj1: any, obj2: any): boolean {
+    if (Object.is(obj1, obj2)) {
+        return true;
+    }
+
+    if (obj1 == null || obj2 == null) {
+        return false;
+    }
+
+    const type1 = typeof obj1;
+    const type2 = typeof obj2;
+    if (type1 !== type2 || type1 !== "object") {
+        return false;
+    }
+
+    const isArray1 = Array.isArray(obj1);
+    const isArray2 = Array.isArray(obj2);
+    if (isArray1 !== isArray2) {
+        return false;
+    }
+
+    if (isArray1) {
+        const len = obj1.length;
+        if (len !== obj2.length) {
+            return false;
+        }
+        for (let i = 0; i < len; i++) {
+            if (!deepEqual(obj1[i], obj2[i])) {
+                return false;
+            }
+        }
+        return true;
+    }
+
+    const hasOwn = Object.prototype.hasOwnProperty;
+    const obj1Keys = getComparableKeys(obj1);
+    const obj2Keys = getComparableKeys(obj2);
+
+    if (obj1Keys.length !== obj2Keys.length) {
+        return false;
+    }
+
+    for (const key of obj1Keys) {
+        if (!hasOwn.call(obj2, key) || !deepEqual(obj1[key], obj2[key])) {
+            return false;
+        }
+    }
+
+    return true;
+}
+
+/**
+ * Checks if a value is a plain object (not an array, null, or other type).
+ *
+ * @param value - The value to check
+ * @returns True if the value is a plain object, false otherwise
+ * @public
+ */
+export function isPlainObject(value: any): value is Record<string, any> {
+    return !!value && typeof value === "object" && !Array.isArray(value);
+}
+
+/**
+ * Deeply merges the source object into the target object.
+ *
+ * @param target - The target object to merge into
+ * @param source - The source object to merge from
+ * @returns boolean indicating whether changes were made
+ * @public
+ */
+export function deepMerge(target: any, source: any): boolean {
+    const hasOwn = Object.prototype.hasOwnProperty;
+    let hasChanges = false;
+
+    for (const key in source as any) {
+        if (!hasOwn.call(source, key)) {
+            continue;
+        }
+
+        const sourceValue = (source as any)[key];
+
+        if (sourceValue === void 0) {
+            continue;
+        }
+
+        const targetValue = target[key];
+
+        if (deepEqual(targetValue, sourceValue)) {
+            continue;
+        }
+
+        hasChanges = true;
+
+        if (Array.isArray(sourceValue)) {
+            const isTargetArray = Array.isArray(targetValue);
+            const clonedItems = sourceValue.map((item: unknown) =>
+                isPlainObject(item) ? { ...item } : item,
+            );
+
+            if (isTargetArray) {
+                // Use splice to maintain observable array tracking
+                targetValue.splice(0, targetValue.length, ...clonedItems);
+            } else {
+                // Target isn't an array, replace it
+                target[key] = clonedItems;
+            }
+            continue;
+        }
+
+        if (isPlainObject(sourceValue)) {
+            const targetIsObject = isPlainObject(targetValue);
+            const nextTarget = targetIsObject ? { ...targetValue } : {};
+            const nestedChanged = deepMerge(nextTarget, sourceValue);
+
+            if (!targetIsObject) {
+                target[key] = nextTarget;
+                continue;
+            }
+
+            if (nestedChanged) {
+                target[key] = nextTarget;
+            }
+            continue;
+        }
+
+        target[key] = sourceValue;
+    }
+
+    return hasChanges;
+}
diff --git a/packages/fast-element/src/declarative/observer-map.spec.ts b/packages/fast-element/src/declarative/observer-map.spec.ts
index dbffa2e2af2..e0374fb82c6 100644
--- a/packages/fast-element/src/declarative/observer-map.spec.ts
+++ b/packages/fast-element/src/declarative/observer-map.spec.ts
@@ -1,6 +1,12 @@
 import { expect, test } from "@playwright/test";
+import {
+    defsPropertyName,
+    type JSONSchema,
+    Schema,
+    schemaRegistry,
+} from "../components/schema.js";
+import { Observable } from "../observation/observable.js";
 import { ObserverMap } from "./observer-map.js";
-import { defsPropertyName, type JSONSchema, Schema, schemaRegistry } from "./schema.js";
 
 const testElementName = "test-class";
 
@@ -47,6 +53,49 @@ test.describe("ObserverMap", async () => {
         expect(instance.someData.$isProxy).toBeTruthy();
     });
 
+    test("assigns observables to items spliced into nested arrays resolved through $defs", async () => {
+        const schemaMap = schemaRegistry.get(testElementName) as Map<string, JSONSchema>;
+        schemaMap.set("someData", {
+            $schema: "https://json-schema.org/draft/2019-09/schema",
+            $id: `https://fast.design/schemas/${testElementName}/someData.json`,
+            type: "object",
+            properties: {
+                items: {
+                    type: "array",
+                    items: {
+                        $ref: "#/$defs/Item",
+                    },
+                },
+            },
+            [defsPropertyName]: {
+                Item: {
+                    $fast_context: "items",
+                    $fast_parent_contexts: ["someData"],
+                    type: "object",
+                    properties: {
+                        name: { type: "string" },
+                    },
+                },
+            },
+        });
+
+        observerMap.defineProperties();
+
+        const instance = new TestClass();
+        instance.someData = {
+            items: [{ name: "first" }],
+        };
+
+        const secondItem = { name: "second" };
+        instance.someData.items.push(secondItem);
+
+        expect(
+            Observable.getAccessors(instance.someData.items[1]).some(
+                accessor => accessor.name === "name",
+            ),
+        ).toBe(true);
+    });
+
     test.describe("properties config", () => {
         test("should skip root properties not listed in config.properties", () => {
             const testName = "test-skip-unlisted";
diff --git a/packages/fast-element/src/declarative/observer-map.ts b/packages/fast-element/src/declarative/observer-map.ts
index 1d09bfbba49..b7e26c2bb35 100644
--- a/packages/fast-element/src/declarative/observer-map.ts
+++ b/packages/fast-element/src/declarative/observer-map.ts
@@ -1,8 +1,29 @@
-import type { FASTElementExtension } from "../components/fast-definitions.js";
+import { setDefinitionSchemaTransform } from "../components/definition-schema-transforms.js";
+import {
+    type FASTElementDefinition,
+    type FASTElementExtension,
+    hasFASTElementTemplateResolver,
+} from "../components/fast-definitions.js";
+import type { JSONSchema, Schema } from "../components/schema.js";
 import { Observable } from "../observation/observable.js";
-import { setDefinitionElementOptions } from "./definition-options.js";
-import type { JSONSchema, Schema } from "./schema.js";
-import { assignObservables, deepMerge } from "./utilities.js";
+import { assignObservables, deepMerge } from "./observer-map-utilities.js";
+
+export {
+    type AccessCachedPath,
+    type CachedPath,
+    type CachedPathCommon,
+    type CachedPathMap,
+    type ChildrenMap,
+    type DefaultCachedPath,
+    type EventCachedPath,
+    type JSONSchema,
+    type JSONSchemaCommon,
+    type JSONSchemaDefinition,
+    type RegisterPathConfig,
+    type RepeatCachedPath,
+    Schema,
+    schemaRegistry,
+} from "../components/schema.js";
 
 /**
  * A node in the observer-map path tree.
@@ -11,6 +32,7 @@ import { assignObservables, deepMerge } from "./utilities.js";
  * - `false` → do NOT observe this path or its descendants (unless overridden by children).
  * - `ObserverMapPathNode` → configure child paths individually;
  *       the node itself is observed if `$observe` is true (default when parent is observed).
+ * @public
  */
 export type ObserverMapPathEntry = boolean | ObserverMapPathNode;
 
@@ -22,6 +44,7 @@ export type ObserverMapPathEntry = boolean | ObserverMapPathNode;
  * that explicitly sets `$observe`. At the root level the default is `true`.
  *
  * Child property overrides are keyed by property name.
+ * @public
  */
 export interface ObserverMapPathNode {
     $observe?: boolean;
@@ -29,12 +52,21 @@ export interface ObserverMapPathNode {
 }
 
 /**
- * Configuration object for the observerMap element option.
+ * Configuration object for the observerMap extension.
+ * `schema` enables non-declarative/manual schema use.
  * When `properties` is omitted, every root property is observed. When
  * `properties` is present, only listed root properties participate in
  * observer-map observation.
+ * @public
  */
 export interface ObserverMapConfig {
+    /**
+     * The schema to use for observer-map configuration.
+     * Pass this for non-declarative/manual schema use. When omitted, the
+     * extension uses the schema on the FAST element definition.
+     */
+    schema?: Schema;
+
     /**
      * Per-root-property observation control.
      * Keys are root property names discovered in the template schema.
@@ -46,17 +78,48 @@ export interface ObserverMapConfig {
     };
 }
 
+const observerMapSchemaTransformKey = "observer-map";
+const observerMapSchemaTransformPriority = 1;
+
+function defineObserverMap(
+    definition: FASTElementDefinition,
+    schema: Schema,
+    config: ObserverMapConfig,
+): void {
+    new ObserverMap(definition.type.prototype, schema, config).defineProperties();
+}
+
 /**
- * Creates a FAST element extension that enables declarative observer mapping
- * for the resolved definition.
- * When called without arguments, observes every discovered root property.
+ * Creates a FAST element extension that enables schema-driven observer mapping
+ * for the resolved definition. When called without arguments, observes every
+ * discovered root property. The extension uses `config.schema`,
+ * `definition.schema`, or the schema generated by `declarativeTemplate()`.
  * @public
  */
-export function observerMap(option: ObserverMapConfig = {}): FASTElementExtension {
+export function observerMap(config: ObserverMapConfig = {}): FASTElementExtension {
     return definition => {
-        setDefinitionElementOptions(definition, {
-            observerMap: option,
-        });
+        const schema = config.schema ?? definition.schema;
+        const hasTemplateResolver = hasFASTElementTemplateResolver(definition);
+
+        if (schema && !hasTemplateResolver) {
+            defineObserverMap(definition, schema, config);
+            return;
+        }
+
+        if (!hasTemplateResolver) {
+            throw new Error(
+                "observerMap requires a schema. Pass observerMap({ schema }), provide a schema on the FASTElement definition, or use declarativeTemplate().",
+            );
+        }
+
+        setDefinitionSchemaTransform(
+            definition,
+            observerMapSchemaTransformKey,
+            ({ definition, schema }) => {
+                defineObserverMap(definition, config.schema ?? schema, config);
+            },
+            observerMapSchemaTransformPriority,
+        );
     };
 }
 
@@ -172,6 +235,7 @@ function stampObserveFalse(schema: any): void {
 /**
  * ObserverMap provides functionality for caching binding paths, extracting root properties,
  * and defining observable properties on class prototypes
+ * @public
  */
 export class ObserverMap {
     private schema: Schema;
diff --git a/packages/fast-element/src/declarative/runtime.ts b/packages/fast-element/src/declarative/runtime.ts
index 90117c2a7d3..749ab0e5069 100644
--- a/packages/fast-element/src/declarative/runtime.ts
+++ b/packages/fast-element/src/declarative/runtime.ts
@@ -1,12 +1,10 @@
 import { FAST } from "../platform.js";
-import { ensureHydrationRuntime } from "../hydration/runtime.js";
 import { debugMessages } from "./debug.js";
 
 let declarativeRuntimeInstalled = false;
 
 /**
- * Installs the declarative runtime: ensures hydration support is
- * available and registers declarative-specific debug messages.
+ * Installs the declarative runtime debug messages.
  * @internal
  */
 export function ensureDeclarativeRuntime(): void {
@@ -14,7 +12,6 @@ export function ensureDeclarativeRuntime(): void {
         return;
     }
 
-    ensureHydrationRuntime();
     FAST.addMessages(debugMessages);
     declarativeRuntimeInstalled = true;
 }
diff --git a/packages/fast-element/src/declarative/schema.spec.ts b/packages/fast-element/src/declarative/schema.spec.ts
index 013323c1c47..0ec57aa153b 100644
--- a/packages/fast-element/src/declarative/schema.spec.ts
+++ b/packages/fast-element/src/declarative/schema.spec.ts
@@ -1,5 +1,5 @@
 import { expect, test } from "@playwright/test";
-import { refPropertyName, Schema } from "./schema.js";
+import { refPropertyName, Schema } from "../components/schema.js";
 
 test.describe("Schema", async () => {
     test("should instantiate with a custom element name without throwing", async () => {
diff --git a/packages/fast-element/src/declarative/syntax.ts b/packages/fast-element/src/declarative/syntax.ts
index fce0881954a..b62a4ae33ca 100644
--- a/packages/fast-element/src/declarative/syntax.ts
+++ b/packages/fast-element/src/declarative/syntax.ts
@@ -17,24 +17,7 @@ interface Syntax {
     attributeDirectivePrefix: string;
 }
 
-/**
- * Default syntax for FAST declarative templates
- */
-export const {
-    attributeDirectivePrefix,
-    clientSideCloseExpression,
-    clientSideOpenExpression,
-    closeExpression,
-    eventArgAccessor,
-    executionContextAccessor,
-    openExpression,
-    repeatDirectiveClose,
-    repeatDirectiveOpen,
-    unescapedCloseExpression,
-    unescapedOpenExpression,
-    whenDirectiveClose,
-    whenDirectiveOpen,
-}: Syntax = {
+const defaultSyntax: Syntax = {
     attributeDirectivePrefix: "f-",
     clientSideCloseExpression: "}",
     clientSideOpenExpression: "{",
@@ -49,3 +32,28 @@ export const {
     whenDirectiveClose: "</f-when>",
     whenDirectiveOpen: "<f-when",
 };
+
+export const attributeDirectivePrefix = defaultSyntax.attributeDirectivePrefix;
+export const clientSideCloseExpression = defaultSyntax.clientSideCloseExpression;
+export const clientSideOpenExpression = defaultSyntax.clientSideOpenExpression;
+export const closeExpression = defaultSyntax.closeExpression;
+
+/**
+ * Event argument accessor for declarative event bindings.
+ * @public
+ */
+export const eventArgAccessor = defaultSyntax.eventArgAccessor;
+
+/**
+ * Execution context accessor for declarative event bindings.
+ * @public
+ */
+export const executionContextAccessor = defaultSyntax.executionContextAccessor;
+
+export const openExpression = defaultSyntax.openExpression;
+export const repeatDirectiveClose = defaultSyntax.repeatDirectiveClose;
+export const repeatDirectiveOpen = defaultSyntax.repeatDirectiveOpen;
+export const unescapedCloseExpression = defaultSyntax.unescapedCloseExpression;
+export const unescapedOpenExpression = defaultSyntax.unescapedOpenExpression;
+export const whenDirectiveClose = defaultSyntax.whenDirectiveClose;
+export const whenDirectiveOpen = defaultSyntax.whenDirectiveOpen;
diff --git a/packages/fast-element/src/declarative/template-bridge.pw.spec.ts b/packages/fast-element/src/declarative/template-bridge.pw.spec.ts
index dff5f8db25a..40a07193d9f 100644
--- a/packages/fast-element/src/declarative/template-bridge.pw.spec.ts
+++ b/packages/fast-element/src/declarative/template-bridge.pw.spec.ts
@@ -1,6 +1,9 @@
+import { fileURLToPath } from "node:url";
 import { expect, test } from "@playwright/test";
+import { build } from "esbuild";
 import { DeclarativeTemplateBridge } from "./template-bridge.js";
 
+const packageRoot = fileURLToPath(new URL("../../", import.meta.url));
 const pureDeclarativeEntrypointUrl = `/@fs${
     new URL("../../test/pure-declarative-main.ts", import.meta.url).pathname
 }`;
@@ -137,14 +140,14 @@ test.describe("DeclarativeTemplateBridge", () => {
 });
 
 test.describe("declarativeTemplate", () => {
-    test("keeps the declarative entrypoint pure until a declarative template is created", async ({
+    test("does not install hydration until enableHydration is called", async ({
         page,
     }) => {
         await page.goto("/");
 
         const result = await page.evaluate(async pureEntrypointUrl => {
             // @ts-expect-error: Client module.
-            const { html, isHydratable } = await import("/main.js");
+            const { enableHydration, html, isHydratable } = await import("/main.js");
 
             const beforeRuntimeTemplate = html`<span>before</span>`;
             const beforeImport = isHydratable(beforeRuntimeTemplate);
@@ -157,19 +160,84 @@ test.describe("declarativeTemplate", () => {
             const schema = new Schema("lazy-template");
             const { strings, values } = parser.parse("<span>after create</span>", schema);
             const declarativeTemplate = parser.createTemplate(strings, values);
+            const declarativeTemplateBeforeHydration = isHydratable(declarativeTemplate);
+
+            enableHydration();
 
             return {
                 beforeImport,
                 afterImport,
                 beforeRuntimeTemplateAfterCreate: isHydratable(beforeRuntimeTemplate),
-                declarativeTemplateIsHydratable: isHydratable(declarativeTemplate),
+                declarativeTemplateBeforeHydration,
+                declarativeTemplateAfterHydration: isHydratable(declarativeTemplate),
             };
         }, pureDeclarativeEntrypointUrl);
 
         expect(result.beforeImport).toBe(false);
         expect(result.afterImport).toBe(false);
+        expect(result.declarativeTemplateBeforeHydration).toBe(false);
         expect(result.beforeRuntimeTemplateAfterCreate).toBe(true);
-        expect(result.declarativeTemplateIsHydratable).toBe(true);
+        expect(result.declarativeTemplateAfterHydration).toBe(true);
+    });
+
+    test("does not export map helpers from declarative entrypoint", async ({ page }) => {
+        await page.goto("/");
+
+        const result = await page.evaluate(async pureEntrypointUrl => {
+            // @ts-expect-error: Client module.
+            const declarative = await import(pureEntrypointUrl);
+
+            return {
+                hasAttributeMap: "attributeMap" in declarative,
+                hasObserverMap: "observerMap" in declarative,
+            };
+        }, pureDeclarativeEntrypointUrl);
+
+        expect(result).toEqual({
+            hasAttributeMap: false,
+            hasObserverMap: false,
+        });
+    });
+
+    test("does not bundle map modules for plain declarativeTemplate", async () => {
+        const result = await build({
+            stdin: {
+                contents: `
+                    import { declarativeTemplate } from "./src/declarative/index.ts";
+                    export { declarativeTemplate };
+                `,
+                loader: "ts",
+                resolveDir: packageRoot,
+            },
+            bundle: true,
+            format: "esm",
+            metafile: true,
+            minify: true,
+            treeShaking: true,
+            write: false,
+        });
+
+        const mapBytes = Object.values(result.metafile!.outputs).reduce(
+            (total, output) => {
+                return (
+                    total +
+                    Object.entries(output.inputs).reduce((outputTotal, [input, data]) => {
+                        if (
+                            input.endsWith("src/declarative/attribute-map.ts") ||
+                            input.endsWith("src/declarative/observer-map.ts") ||
+                            input.endsWith("src/declarative/observer-map-utilities.ts")
+                        ) {
+                            return outputTotal + data.bytesInOutput;
+                        }
+
+                        return outputTotal;
+                    }, 0)
+                );
+            },
+            0,
+        );
+
+        expect(mapBytes).toBe(0);
     });
 
     test("resolves template-first markup, auto-defines <f-template>, and applies maps", async ({
@@ -182,11 +250,13 @@ test.describe("declarativeTemplate", () => {
             const {
                 FASTElement,
                 FASTElementDefinition,
-                attributeMap,
                 declarativeTemplate,
-                observerMap,
                 uniqueElementName,
             } = await import("/declarative-main.js");
+            // @ts-expect-error: Client module.
+            const { attributeMap, observerMap } = await import(
+                "/extension-subpaths-main.js"
+            );
 
             const elementName = uniqueElementName();
 
@@ -241,6 +311,9 @@ test.describe("declarativeTemplate", () => {
                 labelText: element.shadowRoot?.querySelector(".label")?.textContent ?? "",
                 nestedText:
                     element.shadowRoot?.querySelector(".nested")?.textContent ?? "",
+                schemaRootProperties: Array.from(
+                    definition.schema?.getRootProperties() ?? [],
+                ),
                 templateElementDefined: customElements.get("f-template") !== undefined,
             };
         });
@@ -250,6 +323,176 @@ test.describe("declarativeTemplate", () => {
         expect(result.hasLabelAccessor).toBe(true);
         expect(result.labelText).toBe("hello");
         expect(result.nestedText).toBe("after");
+        expect(result.schemaRootProperties).toEqual(
+            expect.arrayContaining(["label", "data"]),
+        );
+    });
+
+    test("preserves and augments an explicit schema before applying maps", async ({
+        page,
+    }) => {
+        await page.goto("/");
+
+        const result = await page.evaluate(async () => {
+            // @ts-expect-error: Client module.
+            const {
+                FASTElement,
+                FASTElementDefinition,
+                Schema,
+                declarativeTemplate,
+                uniqueElementName,
+            } = await import("/declarative-main.js");
+            // @ts-expect-error: Client module.
+            const { attributeMap, observerMap } = await import(
+                "/extension-subpaths-main.js"
+            );
+
+            const elementName = uniqueElementName();
+            const schema = new Schema(elementName);
+
+            document.body.insertAdjacentHTML(
+                "beforeend",
+                `<f-template name="${elementName}"><template><span class="label">{{label}}</span><span class="nested">{{data.value}}</span></template></f-template>`,
+            );
+
+            class TestElement extends FASTElement {
+                public data = {
+                    value: "before",
+                };
+
+                public updateValue() {
+                    this.data.value = "after";
+                }
+            }
+
+            await TestElement.define(
+                {
+                    name: elementName,
+                    schema,
+                    template: declarativeTemplate(),
+                },
+                [observerMap(), attributeMap()],
+            );
+
+            const definition = FASTElementDefinition.getByType(TestElement) as any;
+            const element = document.createElement(elementName) as any;
+
+            document.body.appendChild(element);
+            await new Promise(resolve => requestAnimationFrame(resolve));
+
+            element.setAttribute("label", "hello");
+            element.updateValue();
+
+            await new Promise(resolve =>
+                requestAnimationFrame(() => requestAnimationFrame(resolve)),
+            );
+
+            const labelDescriptor = Object.getOwnPropertyDescriptor(
+                Object.getPrototypeOf(element),
+                "label",
+            );
+
+            return {
+                hasLabelAccessor: typeof labelDescriptor?.get === "function",
+                labelText: element.shadowRoot?.querySelector(".label")?.textContent ?? "",
+                nestedText:
+                    element.shadowRoot?.querySelector(".nested")?.textContent ?? "",
+                sameSchema: definition.schema === schema,
+                schemaRootProperties: Array.from(schema.getRootProperties()),
+            };
+        });
+
+        expect(result.hasLabelAccessor).toBe(true);
+        expect(result.labelText).toBe("hello");
+        expect(result.nestedText).toBe("after");
+        expect(result.sameSchema).toBe(true);
+        expect(result.schemaRootProperties).toEqual(
+            expect.arrayContaining(["label", "data"]),
+        );
+    });
+
+    test("uses a native <f-template> publisher instead of a FASTElement", async ({
+        page,
+    }) => {
+        await page.goto("/");
+
+        const result = await page.evaluate(async () => {
+            // @ts-expect-error: Client module.
+            const {
+                FASTElement,
+                FASTElementDefinition,
+                declarativeTemplate,
+                uniqueElementName,
+            } = await import("/declarative-main.js");
+
+            const elementName = uniqueElementName();
+
+            document.body.insertAdjacentHTML(
+                "beforeend",
+                `<f-template name="${elementName}"><template><span>native</span></template></f-template>`,
+            );
+
+            class TestElement extends FASTElement {}
+
+            await TestElement.define({
+                name: elementName,
+                template: declarativeTemplate(),
+            });
+
+            const templateElement = document.querySelector("f-template")!;
+
+            return {
+                hasFastController: "$fastController" in templateElement,
+                hasFastDefinition:
+                    FASTElementDefinition.getForInstance(templateElement) !== void 0,
+                isHTMLElement: templateElement instanceof HTMLElement,
+            };
+        });
+
+        expect(result.isHTMLElement).toBe(true);
+        expect(result.hasFastController).toBe(false);
+        expect(result.hasFastDefinition).toBe(false);
+    });
+
+    test("allows nested templates inside the authored template", async ({ page }) => {
+        await page.goto("/");
+
+        const result = await page.evaluate(async () => {
+            // @ts-expect-error: Client module.
+            const { FASTElement, declarativeTemplate, uniqueElementName } = await import(
+                "/declarative-main.js"
+            );
+
+            const elementName = uniqueElementName();
+
+            document.body.insertAdjacentHTML(
+                "beforeend",
+                `<f-template name="${elementName}"><template><section><template id="nested"><span>nested</span></template><span class="label">{{label}}</span></section></template></f-template>`,
+            );
+
+            class TestElement extends FASTElement {
+                public label = "outer";
+            }
+
+            await TestElement.define({
+                name: elementName,
+                template: declarativeTemplate(),
+            });
+
+            const element = document.createElement(elementName);
+            document.body.appendChild(element);
+            await new Promise(resolve => requestAnimationFrame(resolve));
+
+            return {
+                hasNestedTemplate:
+                    element.shadowRoot?.querySelector("#nested") instanceof
+                    HTMLTemplateElement,
+                labelText: element.shadowRoot?.querySelector(".label")?.textContent ?? "",
+            };
+        });
+
+        expect(result.hasNestedTemplate).toBe(true);
+        expect(result.labelText).toBe("outer");
     });
 
     test("waits for definition-first markup inserted later", async ({ page }) => {
@@ -313,6 +556,106 @@ test.describe("declarativeTemplate", () => {
         expect(result.shadowText).toContain("late");
     });
 
+    test("resolves when a connected <f-template> changes its name", async ({ page }) => {
+        await page.goto("/");
+
+        const result = await page.evaluate(async () => {
+            // @ts-expect-error: Client module.
+            const { FASTElement, declarativeTemplate, uniqueElementName } = await import(
+                "/declarative-main.js"
+            );
+
+            const elementName = uniqueElementName();
+
+            document.body.insertAdjacentHTML(
+                "beforeend",
+                `<f-template name="old-${elementName}"><template><span>renamed</span></template></f-template>`,
+            );
+
+            class TestElement extends FASTElement {}
+
+            let resolved = false;
+            const definePromise = TestElement.define({
+                name: elementName,
+                template: declarativeTemplate(),
+            }).then(() => {
+                resolved = true;
+            });
+
+            await Promise.resolve();
+            await Promise.resolve();
+
+            const resolvedBeforeRename = resolved;
+            const templateElement = document.querySelector("f-template") as any;
+            templateElement.name = elementName;
+
+            await definePromise;
+
+            const element = document.createElement(elementName);
+            document.body.appendChild(element);
+            await new Promise(resolve => requestAnimationFrame(resolve));
+
+            return {
+                resolvedBeforeRename,
+                shadowText: element.shadowRoot?.textContent ?? "",
+            };
+        });
+
+        expect(result.resolvedBeforeRename).toBe(false);
+        expect(result.shadowText).toContain("renamed");
+    });
+
+    test("ignores disconnected <f-template> publishers until they reconnect", async ({
+        page,
+    }) => {
+        await page.goto("/");
+
+        const result = await page.evaluate(async () => {
+            // @ts-expect-error: Client module.
+            const { FASTElement, declarativeTemplate, uniqueElementName } = await import(
+                "/declarative-main.js"
+            );
+
+            const elementName = uniqueElementName();
+            const templateElement = document.createElement("f-template");
+
+            templateElement.setAttribute("name", elementName);
+            templateElement.innerHTML = "<template><span>reconnected</span></template>";
+            document.body.appendChild(templateElement);
+            templateElement.remove();
+
+            class TestElement extends FASTElement {}
+
+            let resolved = false;
+            const definePromise = TestElement.define({
+                name: elementName,
+                template: declarativeTemplate(),
+            }).then(() => {
+                resolved = true;
+            });
+
+            await Promise.resolve();
+            await Promise.resolve();
+
+            const resolvedBeforeReconnect = resolved;
+            document.body.appendChild(templateElement);
+
+            await definePromise;
+
+            const element = document.createElement(elementName);
+            document.body.appendChild(element);
+            await new Promise(resolve => requestAnimationFrame(resolve));
+
+            return {
+                resolvedBeforeReconnect,
+                shadowText: element.shadowRoot?.textContent ?? "",
+            };
+        });
+
+        expect(result.resolvedBeforeReconnect).toBe(false);
+        expect(result.shadowText).toContain("reconnected");
+    });
+
     test("rejects duplicate matching templates with a clear error", async ({ page }) => {
         await page.goto("/");
 
diff --git a/packages/fast-element/src/declarative/template-parser.ts b/packages/fast-element/src/declarative/template-parser.ts
index df4ffadb421..4df9c5e8993 100644
--- a/packages/fast-element/src/declarative/template-parser.ts
+++ b/packages/fast-element/src/declarative/template-parser.ts
@@ -1,3 +1,4 @@
+import type { Schema } from "../components/schema.js";
 import { children } from "../templating/children.js";
 import { elements } from "../templating/node-observation.js";
 import { ref } from "../templating/ref.js";
@@ -6,7 +7,6 @@ import { slotted } from "../templating/slotted.js";
 import { ViewTemplate } from "../templating/template.js";
 import { when } from "../templating/when.js";
 import { ensureDeclarativeRuntime } from "./runtime.js";
-import type { Schema } from "./schema.js";
 import {
     type AttributeDirective,
     type AttributeDirectiveBindingBehaviorConfig,
@@ -24,6 +24,7 @@ import {
 
 /**
  * The return type for {@link TemplateParser.parse}.
+ * @public
  */
 export interface ResolvedStringsAndValues {
     strings: Array<string>;
@@ -76,6 +77,7 @@ class StringsAccumulator {
  *
  * The parsing pipeline is fully synchronous — no promises are allocated
  * during template resolution.
+ * @public
  */
 export class TemplateParser {
     /**
@@ -299,7 +301,7 @@ export class TemplateParser {
     }
 
     /**
-     * Resolve an event binding (the "@" aspect).
+     * Resolve an event binding (the "\@" aspect).
      * @returns An object with the event binding function and the updated rootPropertyName.
      */
     private resolveEventBinding(
diff --git a/packages/fast-element/src/declarative/template.ts b/packages/fast-element/src/declarative/template.ts
index 1fe7b072491..ea0abbd426c 100644
--- a/packages/fast-element/src/declarative/template.ts
+++ b/packages/fast-element/src/declarative/template.ts
@@ -1,22 +1,14 @@
-import { attr } from "../components/attributes.js";
-import {
+import { getDefinitionSchemaTransforms } from "../components/definition-schema-transforms.js";
+import type {
     FASTElementDefinition,
-    type FASTElementTemplateResolver,
-    type TemplateLifecycleCallbacks,
+    FASTElementTemplateResolver,
+    TemplateLifecycleCallbacks,
 } from "../components/fast-definitions.js";
-import { FASTElement } from "../components/fast-element.js";
-import { enableHydration } from "../components/enable-hydration.js";
+import { Schema } from "../components/schema.js";
 import { FAST } from "../platform.js";
 import type { ElementViewTemplate } from "../templating/template.js";
-import { AttributeMap, type AttributeMapConfig } from "./attribute-map.js";
-import {
-    getDefinitionElementOptions,
-    mergeElementOptions,
-} from "./definition-options.js";
 import { Message } from "./interfaces.js";
-import { ObserverMap, type ObserverMapConfig } from "./observer-map.js";
 import { ensureDeclarativeRuntime } from "./runtime.js";
-import { Schema } from "./schema.js";
 import { declarativeTemplateBridge, type TemplatePublisher } from "./template-bridge.js";
 import { TemplateParser } from "./template-parser.js";
 import { transformInnerHTML } from "./utilities.js";
@@ -25,8 +17,14 @@ const templateElementName = "f-template";
 
 const ensuredTemplateElements = new WeakMap<CustomElementRegistry, Promise<void>>();
 
-function isTemplateElementConstructor(value: Function | undefined): boolean {
-    return value === TemplateElement || value?.prototype instanceof TemplateElement;
+type MutableFASTElementDefinition = FASTElementDefinition & {
+    lifecycleCallbacks?: TemplateLifecycleCallbacks;
+};
+
+function isTemplateElementConstructor(
+    value: CustomElementConstructor | undefined,
+): boolean {
+    return value === FTemplateElement || value?.prototype instanceof FTemplateElement;
 }
 
 async function ensureTemplateElementDefined(
@@ -38,21 +36,27 @@ async function ensureTemplateElementDefined(
         return ensured;
     }
 
-    const existing = registry.get(templateElementName);
-
-    const definitionPromise =
-        existing !== void 0
-            ? isTemplateElementConstructor(existing)
-                ? Promise.resolve()
-                : Promise.reject(
-                      new Error(
-                          "The <f-template> element is already defined in this registry by a different implementation.",
-                      ),
-                  )
-            : TemplateElement.define({
-                  name: templateElementName,
-                  registry,
-              }).then(() => void 0);
+    const definitionPromise = Promise.resolve().then(() => {
+        const existing = registry.get(templateElementName);
+
+        if (existing !== void 0) {
+            if (isTemplateElementConstructor(existing)) {
+                return;
+            }
+
+            throw new Error(
+                "The <f-template> element is already defined in this registry by a different implementation.",
+            );
+        }
+
+        const RegisteredTemplateElement = class extends FTemplateElement {
+            protected get registry(): CustomElementRegistry {
+                return registry;
+            }
+        };
+
+        registry.define(templateElementName, RegisteredTemplateElement);
+    });
 
     const pending = definitionPromise.catch(error => {
         ensuredTemplateElements.delete(registry);
@@ -82,61 +86,6 @@ function chainLifecycleCallback<TArgs extends unknown[]>(
     };
 }
 
-/**
- * Checks whether a map option (observerMap or attributeMap) is enabled.
- * An option is enabled when it is a plain configuration object.
- */
-function isMapOptionEnabled(
-    option: ObserverMapConfig | AttributeMapConfig | undefined,
-): boolean {
-    return typeof option === "object" && !Array.isArray(option);
-}
-
-type MutableFASTElementDefinition = FASTElementDefinition & {
-    lifecycleCallbacks?: TemplateLifecycleCallbacks;
-};
-
-/**
- * Element options the TemplateElement will use to update the registered element
- */
-export interface ElementOptions {
-    observerMap?: ObserverMapConfig;
-    attributeMap?: AttributeMapConfig;
-}
-
-/**
- * A dictionary of element options the TemplateElement will use to update the registered element
- */
-export interface ElementOptionsDictionary<ElementOptionsType = ElementOptions> {
-    [key: string]: ElementOptionsType;
-}
-
-/**
- * Lifecycle callbacks for template events.
- *
- * @remarks
- * This interface combines template lifecycle callbacks with
- * global hydration events. It is accepted by
- * {@link TemplateElement.config} for backward compatibility.
- * New code should prefer `enableHydration()` for global
- * hydration events and pass per-element callbacks directly to
- * {@link declarativeTemplate}.
- *
- * @deprecated Use `enableHydration()` and {@link declarativeTemplate} callbacks instead.
- * @public
- */
-export interface HydrationLifecycleCallbacks extends TemplateLifecycleCallbacks {
-    /**
-     * Called once when the first element enters the hydration pipeline.
-     */
-    hydrationStarted?(): void;
-
-    /**
-     * Called after all elements have completed hydration.
-     */
-    hydrationComplete?(): void;
-}
-
 /**
  * Returns a declarative template resolver that waits for the matching
  * `<f-template>` element and resolves it into a concrete `ViewTemplate`.
@@ -185,132 +134,58 @@ export function declarativeTemplate(
     };
 }
 
-/**
- * The <f-template> custom element that will provide view logic to the element.
- *
- * Acts as the bridge between declarative HTML templates and the FAST element
- * registry. Lifecycle orchestration (registration, options, callbacks) lives
- * here; template parsing is delegated to {@link TemplateParser}.
- */
-class TemplateElement extends FASTElement implements TemplatePublisher {
-    /**
-     * The name of the custom element this template will be applied to
-     */
-    @attr
-    public name?: string;
-
-    /**
-     * A dictionary of fallback custom element options
-     */
-    public static elementOptions: ElementOptionsDictionary = {};
-
-    /**
-     * Default element options
-     */
-    private static defaultElementOptions: ElementOptions = {};
-
-    /**
-     * Lifecycle callbacks configured via {@link TemplateElement.config}.
-     * @deprecated Prefer per-element callbacks via {@link declarativeTemplate}.
-     */
-    private static lifecycleCallbacks: HydrationLifecycleCallbacks = {};
-
-    /**
-     * Configure lifecycle callbacks for hydration events.
-     *
-     * @deprecated Use `enableHydration()` for global hydration events
-     * and pass per-element callbacks to {@link declarativeTemplate} instead.
-     *
-     * @param callbacks - Lifecycle callbacks to configure.
-     * @returns The {@link TemplateElement} class.
-     */
-    public static config(callbacks: HydrationLifecycleCallbacks) {
-        TemplateElement.lifecycleCallbacks = callbacks;
-
-        // Forward global hydration callbacks to ElementController
-        if (
-            callbacks.hydrationStarted ||
-            callbacks.hydrationComplete ||
-            callbacks.elementWillHydrate ||
-            callbacks.elementDidHydrate
-        ) {
-            enableHydration({
-                hydrationStarted: callbacks.hydrationStarted,
-                hydrationComplete: callbacks.hydrationComplete,
-            });
-        }
+class FTemplateElement extends HTMLElement implements TemplatePublisher {
+    public static readonly observedAttributes = ["name"];
 
-        return this;
+    protected get registry(): CustomElementRegistry {
+        return customElements;
     }
 
-    /**
-     * Set fallback options for custom elements.
-     *
-     * @param elementOptions - A dictionary of custom element options
-     * @returns The TemplateElement class.
-     */
-    public static options(elementOptions: ElementOptionsDictionary = {}) {
-        const result: ElementOptionsDictionary = {};
-
-        for (const key in elementOptions) {
-            const value = elementOptions[key];
-            result[key] = {
-                observerMap: value.observerMap,
-                attributeMap: value.attributeMap,
-            };
-        }
-
-        TemplateElement.elementOptions = result;
-
-        return this;
+    public get name(): string | undefined {
+        return this.getAttribute("name") ?? undefined;
     }
 
-    constructor() {
-        super();
-
-        if (
-            !TemplateElement.elementOptions ||
-            Object.keys(TemplateElement.elementOptions).length === 0
-        ) {
-            TemplateElement.options();
+    public set name(value: string | undefined) {
+        if (value == null) {
+            this.removeAttribute("name");
+            return;
         }
+
+        this.setAttribute("name", value);
     }
 
-    connectedCallback(): void {
-        super.connectedCallback();
+    public connectedCallback(): void {
         declarativeTemplateBridge.registerPublisher(this.registry, this.name, this);
     }
 
-    disconnectedCallback(): void {
+    public disconnectedCallback(): void {
         declarativeTemplateBridge.unregisterPublisher(this.registry, this.name, this);
-        super.disconnectedCallback();
     }
 
-    public nameChanged(
-        previousName: string | undefined,
-        nextName: string | undefined,
+    public attributeChangedCallback(
+        attributeName: string,
+        previousName: string | null,
+        nextName: string | null,
     ): void {
-        if (!this.$fastController.isConnected) {
+        if (attributeName !== "name" || !this.isConnected || previousName === nextName) {
             return;
         }
 
         declarativeTemplateBridge.movePublisher(
             this.registry,
-            previousName,
-            nextName,
+            previousName ?? undefined,
+            nextName ?? undefined,
             this,
         );
     }
 
-    /**
-     * Publish a concrete template for the supplied definition.
-     * @internal
-     */
     public publishTemplate(definition: FASTElementDefinition): ElementViewTemplate {
         ensureDeclarativeRuntime();
 
         const name = definition.name;
-        const templates = this.getElementsByTagName("template");
+        const templates = Array.from(this.children).filter(
+            (child): child is HTMLTemplateElement => child.tagName === "TEMPLATE",
+        );
 
         if (templates.length > 1) {
             throw FAST.error(Message.moreThanOneTemplateProvided, {
@@ -322,114 +197,19 @@ class TemplateElement extends FASTElement implements TemplatePublisher {
             throw FAST.error(Message.noTemplateProvided, { name });
         }
 
-        // Fire from definition-level callbacks (set by declarativeTemplate())
         definition.lifecycleCallbacks?.elementDidRegister?.(name);
-        // Fire from static callbacks (set by TemplateElement.config())
-        TemplateElement.lifecycleCallbacks.elementDidRegister?.(name);
-
         definition.lifecycleCallbacks?.templateWillUpdate?.(name);
-        TemplateElement.lifecycleCallbacks.templateWillUpdate?.(name);
 
-        const schema = new Schema(name);
+        const schema = definition.schema ?? new Schema(name);
+        definition.schema = schema;
         const innerHTML = transformInnerHTML(this.innerHTML);
         const parser = new TemplateParser();
         const { strings, values } = parser.parse(innerHTML, schema);
 
-        const elementOptions = this.getElementOptions(definition);
-
-        if (isMapOptionEnabled(elementOptions?.attributeMap)) {
-            const option = elementOptions!.attributeMap;
-            const config: AttributeMapConfig | undefined =
-                typeof option === "object" ? option : undefined;
-            const attributeMap = new AttributeMap(
-                definition.type.prototype,
-                schema,
-                definition,
-                config,
-            );
-
-            attributeMap.defineProperties();
-        }
-
-        if (isMapOptionEnabled(elementOptions?.observerMap)) {
-            const option = elementOptions!.observerMap;
-            const config =
-                typeof option === "object" && option !== null ? option : undefined;
-            const observerMap = new ObserverMap(
-                definition.type.prototype,
-                schema,
-                config,
-            );
-
-            observerMap.defineProperties();
+        for (const transform of getDefinitionSchemaTransforms(definition)) {
+            transform({ definition, schema });
         }
 
-        this.attachLifecycleCallbacks(definition);
-
         return parser.createTemplate(strings, values);
     }
-
-    private static setOptions(name: string): void {
-        if (!TemplateElement.elementOptions[name]) {
-            TemplateElement.elementOptions[name] = TemplateElement.defaultElementOptions;
-        }
-    }
-
-    private get registry(): CustomElementRegistry {
-        return FASTElementDefinition.getForInstance(this)?.registry ?? customElements;
-    }
-
-    private getElementOptions(
-        definition: FASTElementDefinition,
-    ): ElementOptions | undefined {
-        if (!TemplateElement.elementOptions?.[definition.name]) {
-            TemplateElement.setOptions(definition.name);
-        }
-
-        return mergeElementOptions(
-            TemplateElement.elementOptions[definition.name],
-            getDefinitionElementOptions(definition),
-        );
-    }
-
-    private attachLifecycleCallbacks(definition: FASTElementDefinition): void {
-        const defCallbacks = definition.lifecycleCallbacks;
-        const staticCallbacks = TemplateElement.lifecycleCallbacks;
-
-        const templateDidUpdate = chainLifecycleCallback(
-            defCallbacks?.templateDidUpdate,
-            staticCallbacks.templateDidUpdate,
-        );
-        const elementDidDefine = chainLifecycleCallback(
-            defCallbacks?.elementDidDefine,
-            staticCallbacks.elementDidDefine,
-        );
-        const elementWillHydrate = chainLifecycleCallback(
-            defCallbacks?.elementWillHydrate,
-            staticCallbacks.elementWillHydrate,
-        );
-        const elementDidHydrate = chainLifecycleCallback(
-            defCallbacks?.elementDidHydrate,
-            staticCallbacks.elementDidHydrate,
-        );
-
-        if (
-            !templateDidUpdate &&
-            !elementDidDefine &&
-            !elementWillHydrate &&
-            !elementDidHydrate
-        ) {
-            return;
-        }
-
-        (definition as MutableFASTElementDefinition).lifecycleCallbacks = {
-            ...defCallbacks,
-            templateDidUpdate,
-            elementDidDefine,
-            elementWillHydrate,
-            elementDidHydrate,
-        };
-    }
 }
-
-export { TemplateElement };
diff --git a/packages/fast-element/src/declarative/utilities.spec.ts b/packages/fast-element/src/declarative/utilities.spec.ts
index 4986a69ff44..7b4f9d29e15 100644
--- a/packages/fast-element/src/declarative/utilities.spec.ts
+++ b/packages/fast-element/src/declarative/utilities.spec.ts
@@ -1,5 +1,5 @@
 import { expect, test } from "@playwright/test";
-import { type JSONSchema, refPropertyName, Schema } from "./schema.js";
+import { type JSONSchema, refPropertyName, Schema } from "../components/schema.js";
 import {
     type AttributeDataBindingBehaviorConfig,
     type AttributeDirectiveBindingBehaviorConfig,
diff --git a/packages/fast-element/src/declarative/utilities.ts b/packages/fast-element/src/declarative/utilities.ts
index c9e357708ba..3bdb029f76b 100644
--- a/packages/fast-element/src/declarative/utilities.ts
+++ b/packages/fast-element/src/declarative/utilities.ts
@@ -1,13 +1,9 @@
-import { Observable } from "../observation/observable.js";
 import {
     defsPropertyName,
     fastContextMetaData,
     type JSONSchema,
-    type JSONSchemaDefinition,
-    refPropertyName,
     type Schema,
-    schemaRegistry,
-} from "./schema.js";
+} from "../components/schema.js";
 import {
     attributeDirectivePrefix,
     clientSideCloseExpression,
@@ -24,41 +20,88 @@ import {
     whenDirectiveOpen,
 } from "./syntax.js";
 
-type BehaviorType = "dataBinding" | "templateDirective";
+export {
+    assignObservables,
+    assignProxy,
+    deepEqual,
+    deepMerge,
+    findDef,
+    isPlainObject,
+} from "./observer-map-utilities.js";
 
-type TemplateDirective = "when" | "repeat";
+/**
+ * Declarative behavior type.
+ * @public
+ */
+export type BehaviorType = "dataBinding" | "templateDirective";
 
+/**
+ * Declarative attribute directive names.
+ * @public
+ */
 export type AttributeDirective = "children" | "slotted" | "ref";
 
-type DataBindingBindingType = "client" | "default" | "unescaped";
+/**
+ * Declarative data binding marker type.
+ * @public
+ */
+export type DataBindingBindingType = "client" | "default" | "unescaped";
 
-interface BehaviorConfig {
+/**
+ * Base behavior configuration.
+ * @public
+ */
+export interface BehaviorConfig {
     type: BehaviorType;
 }
 
+/**
+ * Declarative schema path type.
+ * @public
+ */
 export type PathType = "access" | "default" | "event" | "repeat";
 
+/**
+ * Content binding behavior configuration.
+ * @public
+ */
 export interface ContentDataBindingBehaviorConfig extends BaseDataBindingBehaviorConfig {
     subtype: "content";
 }
 
+/**
+ * Attribute binding behavior configuration.
+ * @public
+ */
 export interface AttributeDataBindingBehaviorConfig
     extends BaseDataBindingBehaviorConfig {
     subtype: "attribute";
     aspect: "@" | ":" | "?" | null;
 }
 
+/**
+ * Attribute directive binding behavior configuration.
+ * @public
+ */
 export interface AttributeDirectiveBindingBehaviorConfig
     extends BaseDataBindingBehaviorConfig {
     subtype: "attributeDirective";
     name: AttributeDirective;
 }
 
+/**
+ * Declarative data binding behavior configuration.
+ * @public
+ */
 export type DataBindingBehaviorConfig =
     | ContentDataBindingBehaviorConfig
     | AttributeDataBindingBehaviorConfig
     | AttributeDirectiveBindingBehaviorConfig;
 
+/**
+ * Base data binding behavior configuration.
+ * @public
+ */
 export interface BaseDataBindingBehaviorConfig extends BehaviorConfig {
     type: "dataBinding";
     bindingType: DataBindingBindingType;
@@ -68,6 +111,16 @@ export interface BaseDataBindingBehaviorConfig extends BehaviorConfig {
     closingEndIndex: number;
 }
 
+/**
+ * Declarative template directive names.
+ * @public
+ */
+export type TemplateDirective = "when" | "repeat";
+
+/**
+ * Template directive behavior configuration.
+ * @public
+ */
 export interface TemplateDirectiveBehaviorConfig extends BehaviorConfig {
     type: "templateDirective";
     name: TemplateDirective;
@@ -78,27 +131,32 @@ export interface TemplateDirectiveBehaviorConfig extends BehaviorConfig {
     closingTagEndIndex: number;
 }
 
+/**
+ * Map between child component attribute references and custom element names.
+ * @public
+ */
 export interface ChildrenMap {
     customElementName: string;
     attributeName: string;
 }
 
-interface ObservedTargetsAndProperties {
-    target: any;
-    rootProperty: string;
-}
-
+/**
+ * Prefix used for execution context paths.
+ * @public
+ */
 export const contextPrefixDot: string = `${executionContextAccessor}.`;
 
 export { eventArgAccessor, executionContextAccessor };
 
 /**
  * The type of a parsed event handler argument.
+ * @public
  */
 export type EventArgType = "event" | "context" | "binding";
 
 /**
  * A parsed event handler argument descriptor.
+ * @public
  */
 export interface ParsedEventArg {
     type: EventArgType;
@@ -121,6 +179,7 @@ export interface ParsedEventArg {
  * @param argsString - The raw arguments string from between the parentheses,
  *   e.g. `""`, `"$e"`, `"$c"`, or `"$e, $c"`.
  * @returns An array of {@link ParsedEventArg} descriptors.
+ * @public
  */
 export function parseEventArgs(argsString: string): ParsedEventArg[] {
     if (argsString.trim() === "") return [];
@@ -146,14 +205,26 @@ const startInnerHTMLDivLength = startInnerHTMLDiv.length;
 const endInnerHTMLDiv = `}}"></div>`;
 const endInnerHTMLDivLength = endInnerHTMLDiv.length;
 
-const LogicalOperator = {
+/**
+ * Logical operator tokens.
+ * @public
+ */
+export const LogicalOperator = {
     AND: "&&",
     OR: "||",
-};
+} as const;
 
-type LogicalOperator = (typeof LogicalOperator)[keyof typeof LogicalOperator];
+/**
+ * Logical operator token.
+ * @public
+ */
+export type LogicalOperator = (typeof LogicalOperator)[keyof typeof LogicalOperator];
 
-const ComparisonOperator = {
+/**
+ * Comparison operator tokens.
+ * @public
+ */
+export const ComparisonOperator = {
     ACCESS: "access",
     EQUALS: "==",
     GREATER_THAN: ">",
@@ -164,24 +235,27 @@ const ComparisonOperator = {
     NOT_EQUALS: "!=",
 } as const;
 
-type ComparisonOperator = (typeof ComparisonOperator)[keyof typeof ComparisonOperator];
+/**
+ * Comparison operator token.
+ * @public
+ */
+export type ComparisonOperator =
+    (typeof ComparisonOperator)[keyof typeof ComparisonOperator];
 
-const Operator = {
+/**
+ * Declarative expression operator tokens.
+ * @public
+ */
+export const Operator = {
     ...LogicalOperator,
     ...ComparisonOperator,
 } as const;
 
-type Operator = (typeof Operator)[keyof typeof Operator];
-
-/**
- * A map of proxied objects
- */
-const objectTargetsMap = new WeakMap<object, ObservedTargetsAndProperties[]>();
-
 /**
- * A map of arrays being observered
+ * Declarative expression operator token.
+ * @public
  */
-const observedArraysMap = new WeakMap<object, void>();
+export type Operator = (typeof Operator)[keyof typeof Operator];
 
 /**
  * Get the index of the next matching tag
@@ -190,6 +264,7 @@ const observedArraysMap = new WeakMap<object, void>();
  * @param closingTag - The closing tag
  * @param openingTagStartIndex - The opening tag start index derived from the innerHTML
  * @returns index
+ * @public
  */
 export function getIndexOfNextMatchingTag(
     openingTagStartSlice: string,
@@ -454,7 +529,9 @@ function getNextDataBindingBehavior(innerHTML: string): DataBindingBehaviorConfi
 /**
  * Get the next behavior
  * @param innerHTML - The innerHTML string to evaluate
+ * @param offset - The current offset in the original string.
  * @returns DataBindingBehaviorConfig | DirectiveBehaviorConfig | null - A configuration object or null
+ * @public
  */
 export function getNextBehavior(
     innerHTML: string,
@@ -556,8 +633,11 @@ type AccessibleObject = { [key: string]: AccessibleObject };
  * Create a function to resolve a value from an object using a path with dot syntax.
  * e.g. "foo.bar"
  * @param path - The dot syntax path to an objects property.
- * @param self - Where the first item in the path path refers to the item itself (used by repeat).
+ * @param contextPath - The current repeat context path.
+ * @param level - The current repeat nesting level.
+ * @param rootSchema - The root schema for resolving context paths.
  * @returns A function to access the value from a given path.
+ * @public
  */
 export function pathResolver(
     path: string,
@@ -640,6 +720,19 @@ function pathWithContextResolver(splitPath: string[], self: boolean): any {
     };
 }
 
+/**
+ * Creates a binding resolver and records the binding path in the schema.
+ * @param previousString - The previous literal string before the binding.
+ * @param rootPropertyName - The current root property name.
+ * @param path - The binding path to resolve.
+ * @param parentContext - The parent repeat context.
+ * @param type - The schema path type.
+ * @param schema - The schema to record paths in.
+ * @param currentContext - The current repeat context.
+ * @param level - The current repeat nesting level.
+ * @returns A function that resolves the binding path.
+ * @public
+ */
 export function bindingResolver(
     previousString: string | null,
     rootPropertyName: string | null,
@@ -683,6 +776,16 @@ export function bindingResolver(
     );
 }
 
+/**
+ * Creates a resolver for a chained expression and records its paths in the schema.
+ * @param rootPropertyName - The current root property name.
+ * @param expression - The expression to resolve.
+ * @param parentContext - The parent repeat context.
+ * @param level - The current repeat nesting level.
+ * @param schema - The schema to record paths in.
+ * @returns A function that resolves the expression.
+ * @public
+ */
 export function expressionResolver(
     rootPropertyName: string | null,
     expression: ChainedExpression,
@@ -723,13 +826,14 @@ export function expressionResolver(
  * Extracts all paths from a ChainedExpression, including nested expressions
  * @param chainedExpression - The chained expression to extract paths from
  * @returns A Set containing all unique paths found in the expression chain
+ * @public
  */
 export function extractPathsFromChainedExpression(
     chainedExpression: ChainedExpression,
 ): Set<string> {
     const paths = new Set<string>();
 
-    function processExpression(expr: Expression) {
+    function processExpression(expr: DeclarativeExpression) {
         // Check left operand (only add if it's not a literal value)
         if (typeof expr.left === "string" && !expr.leftIsValue) {
             paths.add(expr.left);
@@ -775,7 +879,11 @@ function isOperandValue(operand: string): {
     }
 }
 
-interface Expression {
+/**
+ * Declarative expression descriptor.
+ * @public
+ */
+export interface DeclarativeExpression {
     operator: Operator;
     left: string;
     leftIsValue: boolean | null;
@@ -783,9 +891,13 @@ interface Expression {
     rightIsValue: boolean | null;
 }
 
+/**
+ * Declarative chained expression descriptor.
+ * @public
+ */
 export interface ChainedExpression {
     operator?: LogicalOperator;
-    expression: Expression;
+    expression: DeclarativeExpression;
     next?: ChainedExpression;
 }
 
@@ -826,6 +938,7 @@ function evaluatePartsInExpressionChain(
  * Gets the expression chain as a configuration object
  * @param value - The binding string value
  * @returns - A configuration object containing information about the expression
+ * @public
  */
 export function getExpressionChain(value: string): ChainedExpression | void {
     // Decode HTML entities in the expression value first
@@ -870,7 +983,7 @@ export function getExpressionChain(value: string): ChainedExpression | void {
  * @param value - The binding string value to parse (e.g., "!condition", "foo == bar", "property")
  * @returns An Expression object containing the operator, operands, and whether operands are literal values
  */
-function getExpression(value: string): Expression {
+function getExpression(value: string): DeclarativeExpression {
     if (value[0] === Operator.NOT) {
         const left = value.slice(1);
         const operandValue = isOperandValue(left);
@@ -940,7 +1053,7 @@ function resolveExpression(
     c: any,
     level: number,
     contextPath: string | null,
-    expression: Expression,
+    expression: DeclarativeExpression,
     rootSchema: JSONSchema,
 ): any {
     const { operator, left, right, rightIsValue } = expression;
@@ -1049,8 +1162,9 @@ function resolveChainedExpression(
 /**
  * This is the transform utility for rationalizing declarative HTML syntax
  * with bindings in the ViewTemplate
- * @param innerHTML The innerHTML to transform
- * @param index The index to start the current slice of HTML to evaluate
+ * @param innerHTML - The innerHTML to transform.
+ * @param index - The index to start the current slice of HTML to evaluate.
+ * @public
  */
 export function transformInnerHTML(innerHTML: string, index = 0): string {
     const sliceToEvaluate = innerHTML.slice(index);
@@ -1101,10 +1215,13 @@ export function transformInnerHTML(innerHTML: string, index = 0): string {
 /**
  * Resolves boolean logic
  * used for f-when and boolean attributes
- * @param self - Where the first item in the path path refers to the item itself (used by repeat).
- * @param chainedExpression - The chained expression which includes the expression and the next expression
- * if there is another in the chain
+ * @param rootPropertyName - The current root property name.
+ * @param expression - The chained expression to resolve.
+ * @param parentContext - The parent repeat context.
+ * @param level - The current repeat nesting level.
+ * @param schema - The schema to record paths in.
  * @returns - A binding that resolves the chained expression logic
+ * @public
  */
 export function getBooleanBinding(
     rootPropertyName: string | null,
@@ -1123,585 +1240,6 @@ export function getBooleanBinding(
     return (x: boolean, c: any) => binding(x, c);
 }
 
-type DataType = "array" | "object" | "primitive";
-
-/**
- * Determines the data type of the provided data
- * @param data - The data to analyze
- * @returns "array" for arrays, "object" for non-null objects, "primitive" for other types
- */
-function getDataType(data: any): DataType {
-    if (Array.isArray(data)) return "array";
-    if (typeof data === "object" && data !== null) return "object";
-    return "primitive";
-}
-
-/**
- * Get properties from an anyOf array
- * @param anyOf - The anyOf array in a JSON schema
- * @returns The array item matching a ref if it exists
- */
-function getSchemaPropertiesFromAnyOf(anyOf: Array<any>): any | null {
-    let propertiesFromAnyOf: any | null = null;
-
-    for (const anyOfItem of anyOf) {
-        if (anyOfItem[refPropertyName]) {
-            const splitRef = anyOfItem[refPropertyName].split("/");
-            const customElement = splitRef.slice(-2)[0];
-            const attributeName = splitRef.slice(-1)[0].slice(0, -5);
-
-            if (schemaRegistry.has(customElement)) {
-                const customElementSchemaMap = schemaRegistry.get(customElement) as Map<
-                    string,
-                    JSONSchema
-                >;
-                propertiesFromAnyOf = customElementSchemaMap.get(attributeName);
-            }
-        }
-    }
-
-    return propertiesFromAnyOf;
-}
-
-/**
- * Gets a properties definition if one exists
- * @param schema - The JSON schema to get properties from
- * @returns A JSON schema with properties or null
- */
-function getSchemaProperties(schema: any): any | null {
-    if (schema?.properties) {
-        return schema.properties;
-    } else if (schema?.anyOf) {
-        return getSchemaPropertiesFromAnyOf(schema.anyOf);
-    }
-
-    return null;
-}
-
-/**
- * Checks whether a schema node (or any of its descendants) has observation enabled.
- * Returns false only when the node and ALL its descendants are stamped with `$observe: false`.
- */
-function hasObservedSchemaDescendant(schema: any): boolean {
-    if (schema?.$observe !== false) {
-        return true;
-    }
-
-    const props = getSchemaProperties(schema);
-
-    if (!props) {
-        return false;
-    }
-
-    return Object.keys(props).some(k => hasObservedSchemaDescendant(props[k]));
-}
-
-/**
- * Checks whether a schema node is fully excluded from observation.
- * A node is excluded when it is stamped `$observe: false` AND none of
- * its descendants are observed (no re-included leaves beneath it).
- */
-function isSchemaExcluded(schema: any): boolean {
-    return schema?.$observe === false && !hasObservedSchemaDescendant(schema);
-}
-
-/**
- * Assigns Observable properties to items in an array and sets up change notifications
- * @param proxiedData - The array data to make observable
- * @param schema - The schema defining the structure of array items
- * @param rootSchema - The root schema for the entire data structure
- * @param target - The target element
- * @param rootProperty - The root property name
- * @returns The array with observable properties and change notifications
- */
-function assignObservablesToArray(
-    proxiedData: any,
-    schema: JSONSchema | JSONSchemaDefinition,
-    rootSchema: JSONSchema,
-    target: any,
-    rootProperty: string,
-): any {
-    const schemaProperties = getSchemaProperties(schema);
-
-    // If the schema has no properties, the array contains primitives (e.g. string[])
-    // — observe the array for changes but skip per-item proxying.
-    const data = schemaProperties
-        ? proxiedData.map((item: any) => {
-              const originalItem = Object.assign({}, item);
-
-              assignProxyToItemsInArray(item, originalItem, schema, rootSchema);
-
-              return Object.assign(item, originalItem);
-          })
-        : proxiedData;
-
-    Observable.getNotifier(data).subscribe({
-        handleChange(subject, args) {
-            args.forEach((arg: any) => {
-                if (arg.addedCount > 0) {
-                    if (schemaProperties) {
-                        for (let i = arg.addedCount - 1; i >= 0; i--) {
-                            const item = subject[arg.index + i];
-                            const originalItem = Object.assign({}, item);
-
-                            assignProxyToItemsInArray(
-                                item,
-                                originalItem,
-                                schema,
-                                rootSchema,
-                            );
-
-                            Object.assign(item, originalItem);
-                        }
-                    }
-
-                    // Notify observers of the target object's root property
-                    Observable.notify(target, rootProperty);
-                }
-            });
-        },
-    });
-
-    if (schemaProperties !== null) {
-        return data;
-    }
-
-    // For primitive arrays, wrap in a Proxy so that direct index assignment
-    // (e.g. arr[0] = value) triggers FAST's splice-based change tracking and
-    // keeps repeat directives in sync. Object arrays are not wrapped because
-    // their items are individually proxied, and FAST's own push/splice/etc.
-    // already carry splice records — double-wrapping would produce duplicate
-    // splice notifications.
-    return new Proxy(data, {
-        set: (arr: any, prop: string | symbol, value: any) => {
-            const idx = typeof prop === "string" ? Number(prop) : NaN;
-
-            if (typeof prop !== "symbol" && Number.isInteger(idx) && idx >= 0) {
-                // splice() replaces the item in-place and creates the splice
-                // record that FAST's ArrayObserver delivers to repeat directives.
-                Array.prototype.splice.call(arr, idx, 1, value);
-            } else {
-                arr[prop] = value;
-            }
-
-            return true;
-        },
-    });
-}
-
-/**
- * Extracts the definition name from a JSON Schema $ref property
- * @param defName - The $ref string (e.g., "#/$defs/MyType")
- * @returns The definition name (e.g., "MyType")
- */
-function getDefFromRef(defName: string): string {
-    const splitName = defName.split("/");
-
-    return splitName[splitName.length - 1] as string;
-}
-
-/**
- * Find a definition
- * This may exist as a $ref at the root or as a $ref in any anyOf or not at all
- * if the Observer Map has not been enabled on a child component
- * @param schema - The JSON schema to find the ref in
- * @returns The definition or null
- */
-export function findDef(schema: JSONSchema | JSONSchemaDefinition): string | null {
-    const defStartingString = "#/$defs";
-
-    if (
-        schema[refPropertyName] &&
-        schema[refPropertyName].startsWith(defStartingString)
-    ) {
-        return getDefFromRef(schema[refPropertyName]);
-    }
-
-    if (schema.anyOf) {
-        const index = schema.anyOf.findIndex((anyOfItem: JSONSchema) => {
-            return (
-                !!anyOfItem[refPropertyName] &&
-                anyOfItem[refPropertyName].startsWith(defStartingString)
-            );
-        });
-
-        if (index > -1) {
-            const ref = schema.anyOf[index][refPropertyName];
-
-            if (ref.startsWith(defStartingString)) {
-                return getDefFromRef(ref);
-            }
-        }
-    }
-
-    return null;
-}
-
-/**
- * Subscribe to a notifier on data that is an observed array
- * @param data - The array being observed
- * @param updateArrayObservables - The function to call to update the array item
- */
-function assignSubscribeToObservableArray(
-    data: any,
-    updateArrayObservables: () => void,
-): void {
-    Observable.getNotifier(data).subscribe({
-        handleChange(subject, args) {
-            args.forEach((arg: any) => {
-                updateArrayObservables();
-            });
-        },
-    });
-}
-
-/**
- * Assign observables to data
- * @param schema - The schema
- * @param rootSchema - The root schema mapping to the root property
- * @param data - The data
- * @param target - The target custom element
- * @param rootProperty - The root property
- * @returns
- */
-export function assignObservables(
-    schema: JSONSchema | JSONSchemaDefinition,
-    rootSchema: JSONSchema,
-    data: any,
-    target: any,
-    rootProperty: string,
-): typeof Proxy {
-    const dataType = getDataType(data);
-    let proxiedData = data;
-
-    switch (dataType) {
-        case "array": {
-            const context = findDef(schema);
-
-            if (context) {
-                proxiedData = assignObservablesToArray(
-                    proxiedData,
-                    (rootSchema as JSONSchema)[defsPropertyName]?.[
-                        context
-                    ] as JSONSchemaDefinition,
-                    rootSchema,
-                    target,
-                    rootProperty,
-                );
-
-                if (!observedArraysMap.has(proxiedData)) {
-                    observedArraysMap.set(
-                        proxiedData,
-                        assignSubscribeToObservableArray(proxiedData, () =>
-                            assignObservablesToArray(
-                                proxiedData,
-                                (rootSchema as JSONSchema)[defsPropertyName]?.[
-                                    context
-                                ] as JSONSchemaDefinition,
-                                rootSchema,
-                                target,
-                                rootProperty,
-                            ),
-                        ),
-                    );
-                }
-            } else {
-                // Primitive array (items have no schema $ref): wrap in a proxy so that
-                // direct index assignments (e.g. arr[0] = value) use FAST's splice-based
-                // change tracking and keep repeat directives in sync.
-                proxiedData = assignObservablesToArray(
-                    proxiedData,
-                    schema,
-                    rootSchema,
-                    target,
-                    rootProperty,
-                );
-            }
-
-            break;
-        }
-        case "object": {
-            proxiedData = assignProxyToItemsInObject(
-                target,
-                rootProperty,
-                proxiedData,
-                schema,
-                rootSchema,
-            );
-            break;
-        }
-    }
-
-    return proxiedData;
-}
-
-/**
- * Assign a proxy to items in an array
- * @param proxiableItem - The array item to proxy
- * @param originalItem - The original array item
- * @param schema - The schema mapping to the items in the array
- * @param rootSchema - The root schema assigned to the root property
- */
-function assignProxyToItemsInArray(
-    proxiableItem: any,
-    originalItem: any,
-    schema: JSONSchema | JSONSchemaDefinition,
-    rootSchema: JSONSchema,
-): void {
-    const schemaProperties = getSchemaProperties(schema);
-
-    getObjectProperties(proxiableItem, schemaProperties).forEach(key => {
-        const childSchema = schemaProperties[key];
-
-        // Skip properties fully excluded from observation
-        if (isSchemaExcluded(childSchema)) {
-            return;
-        }
-
-        // Initialize the property as undefined if it doesn't exist
-        if (!(key in originalItem)) {
-            originalItem[key] = undefined;
-        }
-
-        // Assign the proxy first
-        originalItem[key] = assignProxyToItemsInObject(
-            proxiableItem,
-            key,
-            originalItem[key],
-            schemaProperties[key],
-            rootSchema,
-        );
-
-        // Then make the property observable
-        Observable.defineProperty(proxiableItem, key);
-    });
-}
-
-/**
- * Get an objects properties as agreed upon between the schema and data
- * @param data - The data
- * @param schemaProperties - The schema properties
- * @returns A list of strings the schema properties enumerate (includes properties not present in data)
- */
-function getObjectProperties(data: any, schemaProperties: any): string[] {
-    const dataKeys = Object.keys(data);
-    const schemaPropertyKeys = Object.keys(schemaProperties ?? {});
-
-    // Return all schema properties that are either in the data or in the schema
-    // This ensures properties defined in schema but missing from data get initialized
-    const allKeys = new Set([...dataKeys, ...schemaPropertyKeys]);
-
-    return Array.from(allKeys).filter(function (key) {
-        return schemaPropertyKeys.indexOf(key) !== -1;
-    });
-}
-
-/**
- * Assign a proxy to items in an object
- * @param target - The target custom element
- * @param rootProperty - The root property
- * @param data - The data to proxy
- * @param schema - The schema for the data
- * @param rootSchema - The root schema for the root property
- * @returns a Proxy
- */
-function assignProxyToItemsInObject(
-    target: any,
-    rootProperty: string,
-    data: any,
-    schema: JSONSchema | JSONSchemaDefinition,
-    rootSchema: JSONSchema,
-): any | typeof Proxy {
-    const type = getDataType(data);
-    const schemaProperties = getSchemaProperties(schema);
-    let proxiedData = data;
-
-    if (type === "object" && schemaProperties) {
-        // navigate through all items in the object
-        getObjectProperties(proxiedData, schemaProperties).forEach(property => {
-            const childSchema = schemaProperties[property];
-
-            // Skip properties fully excluded from observation
-            if (isSchemaExcluded(childSchema)) {
-                return;
-            }
-
-            proxiedData[property] = assignProxyToItemsInObject(
-                target,
-                rootProperty,
-                proxiedData[property],
-                schemaProperties[property],
-                rootSchema,
-            );
-        });
-
-        // Assign a Proxy unless this level is fully excluded from observation
-        if (!isSchemaExcluded(schema)) {
-            proxiedData = assignProxy(
-                schema,
-                rootSchema,
-                target,
-                rootProperty,
-                proxiedData,
-            );
-
-            // Add this target to the object's target list
-            addTargetToObject(proxiedData, target, rootProperty);
-        }
-    } else if (type === "array") {
-        const context = findDef((schema as JSONSchema).items);
-
-        if (context) {
-            const definition = (rootSchema as JSONSchema)[defsPropertyName]?.[context];
-
-            if (definition?.type === "object") {
-                proxiedData = assignObservablesToArray(
-                    proxiedData,
-                    definition as JSONSchemaDefinition,
-                    rootSchema,
-                    target,
-                    rootProperty,
-                );
-
-                if (!observedArraysMap.has(proxiedData)) {
-                    observedArraysMap.set(
-                        proxiedData,
-                        assignObservablesToArray(
-                            proxiedData,
-                            definition as JSONSchemaDefinition,
-                            rootSchema,
-                            target,
-                            rootProperty,
-                        ),
-                    );
-                }
-            }
-        }
-    }
-
-    return proxiedData;
-}
-
-/**
- * Add a target to an object's target list
- * @param object - The object to associate with the target
- * @param target - The target custom element
- * @param rootProperty - The root property name
- */
-function addTargetToObject(object: any, target: any, rootProperty: string): void {
-    if (!objectTargetsMap.has(object)) {
-        objectTargetsMap.set(object, []);
-    }
-
-    const targets = objectTargetsMap.get(object) as ObservedTargetsAndProperties[];
-
-    targets.push({ target, rootProperty });
-}
-
-/**
- * Get all targets for an object
- * @param object - The object to get targets for
- * @returns Array of target info objects
- */
-function getTargetsForObject(object: any): ObservedTargetsAndProperties[] {
-    return objectTargetsMap.get(object) || [];
-}
-
-/**
- * Notify any observables mapped to the object
- * @param targetObject The object that is mapped to a target and rootProperty
- */
-function notifyObservables(targetObject: any) {
-    getTargetsForObject(targetObject).forEach(
-        (targetItem: ObservedTargetsAndProperties) => {
-            // Trigger notification for property changes
-            Observable.notify(targetItem.target, targetItem.rootProperty);
-        },
-    );
-}
-
-/**
- * Assign a proxy to an object
- * @param schema - The current schema
- * @param rootSchema - The root schema for the root property
- * @param target - The target custom element
- * @param rootProperty - The root property
- * @param object - The object to assign the proxy to
- * @returns Proxy object
- */
-export function assignProxy(
-    schema: JSONSchema | JSONSchemaDefinition,
-    rootSchema: JSONSchema,
-    target: any,
-    rootProperty: string,
-    object: any,
-): typeof Proxy {
-    if (!object.$isProxy) {
-        const schemaProperties = getSchemaProperties(schema);
-
-        // Create a proxy for the object that triggers Observable.notify on mutations
-        const proxy = new Proxy(object, {
-            set: (obj: any, prop: string | symbol, value: any) => {
-                const currentValue = obj[prop];
-
-                if (deepEqual(currentValue, value)) {
-                    return true;
-                }
-
-                const propName = typeof prop === "string" ? prop : String(prop);
-                const childSchema = schemaProperties?.[propName];
-
-                // If the property is fully excluded, assign without proxying or notifying
-                if (isSchemaExcluded(childSchema)) {
-                    obj[prop] = value;
-                    return true;
-                }
-
-                obj[prop] = assignObservables(
-                    schema,
-                    rootSchema,
-                    value,
-                    target,
-                    rootProperty,
-                );
-
-                notifyObservables(proxy);
-
-                return true;
-            },
-            get: (target, key) => {
-                if (key !== "$isProxy") {
-                    return target[key];
-                }
-
-                return true;
-            },
-            deleteProperty: (obj: any, prop: string | symbol) => {
-                if (prop in obj) {
-                    const propName = typeof prop === "string" ? prop : String(prop);
-                    const childSchema = schemaProperties?.[propName];
-
-                    delete obj[prop];
-
-                    // Only suppress notification if fully excluded
-                    if (isSchemaExcluded(childSchema)) {
-                        return true;
-                    }
-
-                    notifyObservables(proxy);
-
-                    return true;
-                }
-                return false;
-            },
-        });
-
-        return proxy;
-    }
-
-    return object;
-}
-
 /**
  * Get the root property name
  * @param rootPropertyName - The root property
@@ -1709,6 +1247,7 @@ export function assignProxy(
  * @param context - The context created by a repeat
  * @param type - The type of path binding
  * @returns
+ * @public
  */
 export function getRootPropertyName(
     rootPropertyName: string | null,
@@ -1725,6 +1264,7 @@ export function getRootPropertyName(
  * Get details of bindings to the attributes of child custom elements
  * @param previousString - The previous string before the binding
  * @returns null, or a custom element name and attribute name
+ * @public
  */
 export function getChildrenMap(previousString: string | null): ChildrenMap | null {
     if (
@@ -1787,191 +1327,3 @@ function getAttributeName(previousString: string): string {
 
     return attributeName;
 }
-
-/**
- * Determine if an object has an observable accessor for a backing field
- * @param object - The object to check
- * @param backingField - The backing field name
- * @returns True if the object has an observable accessor for the backing field, false otherwise
- */
-function hasObservableAccessor(object: any, backingField: string): boolean {
-    const accessors = Observable.getAccessors(object);
-
-    if (!accessors) {
-        return false;
-    }
-
-    return accessors.some((accessor: { name: string }) => accessor.name === backingField);
-}
-
-/**
- * Determine if a key should be skipped during deep comparison
- *
- * @param object - The object to check
- * @param key - The key to evaluate
- * @returns True if the key should be skipped during comparison, false otherwise
- */
-function shouldSkipKey(object: any, key: string): boolean {
-    if (key[0] !== "_" || key === "_") {
-        return false;
-    }
-
-    return hasObservableAccessor(object, key.slice(1));
-}
-
-/**
- * Get comparable keys from an object, excluding those that should be skipped
- *
- * @param object - The object to extract keys from
- * @returns An array of keys that should be compared
- */
-function getComparableKeys(object: any): string[] {
-    const hasOwn = Object.prototype.hasOwnProperty;
-    const keys: string[] = [];
-
-    for (const key in object) {
-        if (!hasOwn.call(object, key) || shouldSkipKey(object, key)) {
-            continue;
-        }
-
-        keys.push(key);
-    }
-
-    return keys;
-}
-
-/**
- * Deeply compares two objects for equality.
- *
- * @param obj1 - First object to compare
- * @param obj2 - Second object to compare
- * @returns True if the objects are deeply equal, false otherwise
- */
-export function deepEqual(obj1: any, obj2: any): boolean {
-    if (Object.is(obj1, obj2)) {
-        return true;
-    }
-
-    if (obj1 == null || obj2 == null) {
-        return false;
-    }
-
-    const type1 = typeof obj1;
-    const type2 = typeof obj2;
-    if (type1 !== type2 || type1 !== "object") {
-        return false;
-    }
-
-    const isArray1 = Array.isArray(obj1);
-    const isArray2 = Array.isArray(obj2);
-    if (isArray1 !== isArray2) {
-        return false;
-    }
-
-    if (isArray1) {
-        const len = obj1.length;
-        if (len !== obj2.length) {
-            return false;
-        }
-        for (let i = 0; i < len; i++) {
-            if (!deepEqual(obj1[i], obj2[i])) {
-                return false;
-            }
-        }
-        return true;
-    }
-
-    const hasOwn = Object.prototype.hasOwnProperty;
-    const obj1Keys = getComparableKeys(obj1);
-    const obj2Keys = getComparableKeys(obj2);
-
-    if (obj1Keys.length !== obj2Keys.length) {
-        return false;
-    }
-
-    for (const key of obj1Keys) {
-        if (!hasOwn.call(obj2, key) || !deepEqual(obj1[key], obj2[key])) {
-            return false;
-        }
-    }
-
-    return true;
-}
-
-/**
- * Checks if a value is a plain object (not an array, null, or other type).
- *
- * @param value - The value to check
- * @returns True if the value is a plain object, false otherwise
- */
-export function isPlainObject(value: any): value is Record<string, any> {
-    return !!value && typeof value === "object" && !Array.isArray(value);
-}
-
-/**
- * Deeply merges the source object into the target object.
- *
- * @param target - The target object to merge into
- * @param source - The source object to merge from
- * @returns boolean indicating whether changes were made
- */
-export function deepMerge(target: any, source: any): boolean {
-    const hasOwn = Object.prototype.hasOwnProperty;
-    let hasChanges = false;
-
-    for (const key in source as any) {
-        if (!hasOwn.call(source, key)) {
-            continue;
-        }
-
-        const sourceValue = (source as any)[key];
-
-        if (sourceValue === void 0) {
-            continue;
-        }
-
-        const targetValue = target[key];
-
-        if (deepEqual(targetValue, sourceValue)) {
-            continue;
-        }
-
-        hasChanges = true;
-
-        if (Array.isArray(sourceValue)) {
-            const isTargetArray = Array.isArray(targetValue);
-            const clonedItems = sourceValue.map((item: unknown) =>
-                isPlainObject(item) ? { ...item } : item,
-            );
-
-            if (isTargetArray) {
-                // Use splice to maintain observable array tracking
-                targetValue.splice(0, targetValue.length, ...clonedItems);
-            } else {
-                // Target isn't an array, replace it
-                target[key] = clonedItems;
-            }
-            continue;
-        }
-
-        if (isPlainObject(sourceValue)) {
-            const targetIsObject = isPlainObject(targetValue);
-            const nextTarget = targetIsObject ? { ...targetValue } : {};
-            const nestedChanged = deepMerge(nextTarget, sourceValue);
-
-            if (!targetIsObject) {
-                target[key] = nextTarget;
-                continue;
-            }
-
-            if (nestedChanged) {
-                target[key] = nextTarget;
-            }
-            continue;
-        }
-
-        target[key] = sourceValue;
-    }
-
-    return hasChanges;
-}
diff --git a/packages/fast-element/src/di/di.ts b/packages/fast-element/src/di/di.ts
index 74a3eb77005..f47da1245a0 100644
--- a/packages/fast-element/src/di/di.ts
+++ b/packages/fast-element/src/di/di.ts
@@ -522,7 +522,7 @@ export interface InterfaceConfiguration {
 
     /**
      * When true, the dependency will be re-resolved when FASTElement connection changes.
-     * If the resolved value changes due to connection change, a {@link @microsoft/fast-element#Observable | notification }
+     * If the resolved value changes due to connection change, an observable notification
      * will be emitted for the property, with the previous and next values provided to any subscriber.
      */
     respectConnection?: boolean;
@@ -581,7 +581,7 @@ function createContext<K extends Key>(
         };
     }
 
-    Interface.toString = function toString(): string {
+    Interface.toString = function interfaceToString(): string {
         return `DIContext<${Interface.name}>`;
     };
 
@@ -1944,7 +1944,7 @@ export class ContainerImpl implements DOMContainer {
             ) {
                 const newResolver = handler.resolvers.get(keyAsValue);
 
-                if (newResolver != void 0) {
+                if (newResolver !== void 0) {
                     return newResolver;
                 }
 
diff --git a/packages/fast-element/src/directives/children.ts b/packages/fast-element/src/directives/children.ts
new file mode 100644
index 00000000000..aa8ee3e237c
--- /dev/null
+++ b/packages/fast-element/src/directives/children.ts
@@ -0,0 +1,8 @@
+export {
+    type ChildListDirectiveOptions,
+    ChildrenDirective,
+    type ChildrenDirectiveOptions,
+    children,
+    type SubtreeDirectiveOptions,
+} from "../templating/children.js";
+export type { CaptureType } from "../templating/template.js";
diff --git a/packages/fast-element/src/directives/node-observation.ts b/packages/fast-element/src/directives/node-observation.ts
new file mode 100644
index 00000000000..fb7ae593cdd
--- /dev/null
+++ b/packages/fast-element/src/directives/node-observation.ts
@@ -0,0 +1,7 @@
+export {
+    type ElementsFilter,
+    elements,
+    type NodeBehaviorOptions,
+    NodeObservationDirective,
+} from "../templating/node-observation.js";
+export type { CaptureType } from "../templating/template.js";
diff --git a/packages/fast-element/src/directives/ref.ts b/packages/fast-element/src/directives/ref.ts
new file mode 100644
index 00000000000..cb48e0dff1f
--- /dev/null
+++ b/packages/fast-element/src/directives/ref.ts
@@ -0,0 +1,2 @@
+export { RefDirective, ref } from "../templating/ref.js";
+export type { CaptureType } from "../templating/template.js";
diff --git a/packages/fast-element/src/directives/repeat.ts b/packages/fast-element/src/directives/repeat.ts
new file mode 100644
index 00000000000..510897d3162
--- /dev/null
+++ b/packages/fast-element/src/directives/repeat.ts
@@ -0,0 +1,9 @@
+export type { Binding } from "../binding/binding.js";
+export type { Expression } from "../observation/observable.js";
+export {
+    RepeatBehavior,
+    RepeatDirective,
+    type RepeatOptions,
+    repeat,
+} from "../templating/repeat.js";
+export type { CaptureType, ViewTemplate } from "../templating/template.js";
diff --git a/packages/fast-element/src/directives/slotted.ts b/packages/fast-element/src/directives/slotted.ts
new file mode 100644
index 00000000000..a72e84073e5
--- /dev/null
+++ b/packages/fast-element/src/directives/slotted.ts
@@ -0,0 +1,6 @@
+export {
+    SlottedDirective,
+    type SlottedDirectiveOptions,
+    slotted,
+} from "../templating/slotted.js";
+export type { CaptureType } from "../templating/template.js";
diff --git a/packages/fast-element/src/directives/when.ts b/packages/fast-element/src/directives/when.ts
new file mode 100644
index 00000000000..bd95b5832a0
--- /dev/null
+++ b/packages/fast-element/src/directives/when.ts
@@ -0,0 +1,3 @@
+export type { ExecutionContext, Expression } from "../observation/observable.js";
+export type { CaptureType, SyntheticViewTemplate } from "../templating/template.js";
+export { when } from "../templating/when.js";
diff --git a/packages/fast-element/src/dom-policy.ts b/packages/fast-element/src/dom-policy.ts
index 8b8ce7984f4..7bc35d597a5 100644
--- a/packages/fast-element/src/dom-policy.ts
+++ b/packages/fast-element/src/dom-policy.ts
@@ -455,7 +455,7 @@ export type DOMPolicyOptions = {
 const DOMPolicy = Object.freeze({
     /**
      * Creates a new DOM Policy object.
-     * @param options The options to use in creating the policy.
+     * @param options - The options to use in creating the policy.
      * @returns The newly created DOMPolicy.
      */
     create(options: DOMPolicyOptions = {}): Readonly<IDOMPolicy> {
diff --git a/packages/fast-element/src/html.ts b/packages/fast-element/src/html.ts
new file mode 100644
index 00000000000..f8f63a8dafd
--- /dev/null
+++ b/packages/fast-element/src/html.ts
@@ -0,0 +1,14 @@
+export type { Binding } from "./binding/binding.js";
+export type { DOMPolicy } from "./dom.js";
+export type { Expression } from "./observation/observable.js";
+export {
+    type ElementViewTemplate,
+    type HTMLTemplateCompilationResult,
+    type HTMLTemplateTag,
+    html,
+    InlineTemplateDirective,
+    type SyntheticViewTemplate,
+    type TemplateValue,
+    ViewTemplate,
+} from "./templating/template.js";
+export { type ElementView, HTMLView, type SyntheticView } from "./templating/view.js";
diff --git a/packages/fast-element/src/hydration.ts b/packages/fast-element/src/hydration.ts
index dc773ea598c..a9ef628458c 100644
--- a/packages/fast-element/src/hydration.ts
+++ b/packages/fast-element/src/hydration.ts
@@ -1,3 +1,55 @@
 export type { HydrationOptions } from "./components/enable-hydration.js";
-export { enableHydration } from "./components/enable-hydration.js";
-export { deferHydrationAttribute } from "./components/enable-hydration.js";
+export {
+    deferHydrationAttribute,
+    enableHydration,
+} from "./components/enable-hydration.js";
+export { isHydratable } from "./components/hydration.js";
+export { HydrationTracker } from "./components/hydration-tracker.js";
+export type {
+    DOMAspect,
+    DOMPolicy,
+    DOMSink,
+} from "./dom.js";
+export type {
+    ViewBehaviorBoundaries,
+    ViewBoundaries,
+} from "./hydration/target-builder.js";
+export type { Disposable } from "./interfaces.js";
+export type {
+    ExecutionContext,
+    ExpressionController,
+    SourceLifetime,
+} from "./observation/observable.js";
+export type {
+    ContentTemplate,
+    ContentView,
+    HydratableContentTemplate,
+} from "./templating/html-binding-directive.js";
+export type {
+    ViewBehavior,
+    ViewBehaviorFactory,
+    ViewBehaviorTargets,
+    ViewController,
+} from "./templating/html-directive.js";
+export type {
+    HydratableView,
+    HydratableViewController,
+    ViewNodes,
+} from "./templating/hydration-view.js";
+export {
+    HydrationBindingError,
+    HydrationStage,
+} from "./templating/hydration-view.js";
+export type {
+    CaptureType,
+    ElementViewTemplate,
+    HydratableElementViewTemplate,
+    HydratableSyntheticViewTemplate,
+    SyntheticViewTemplate,
+} from "./templating/template.js";
+export type {
+    DefaultExecutionContext,
+    ElementView,
+    SyntheticView,
+    View,
+} from "./templating/view.js";
diff --git a/packages/fast-element/src/hydration/target-builder.ts b/packages/fast-element/src/hydration/target-builder.ts
index b86a4f580c4..be6d04cf20f 100644
--- a/packages/fast-element/src/hydration/target-builder.ts
+++ b/packages/fast-element/src/hydration/target-builder.ts
@@ -32,6 +32,7 @@ export class HydrationTargetElementError extends Error {
 
 /**
  * Represents the DOM boundaries controlled by a view
+ * @public
  */
 export interface ViewBoundaries {
     first: Node;
@@ -41,6 +42,7 @@ export interface ViewBoundaries {
 /**
  * Stores relationships between a {@link ViewBehaviorFactory} and
  * the {@link ViewBoundaries} the factory created.
+ * @public
  */
 export interface ViewBehaviorBoundaries {
     [factoryId: string]: ViewBoundaries;
diff --git a/packages/fast-element/src/index.ts b/packages/fast-element/src/index.ts
index 988fa1cacbe..6422c0b9c99 100644
--- a/packages/fast-element/src/index.ts
+++ b/packages/fast-element/src/index.ts
@@ -1,30 +1,33 @@
 // Kernel
 
-// Binding
-export { Binding, type BindingDirective } from "./binding/binding.js";
-export { normalizeBinding } from "./binding/normalize.js";
-export { oneTime } from "./binding/one-time.js";
-export { listener, oneWay } from "./binding/one-way.js";
-export type {
-    AttributeMode,
-    DecoratorAttributeConfiguration,
-    ValueConverter,
-} from "./components/attributes.js";
 // Components
 export {
     AttributeConfiguration,
     AttributeDefinition,
+    type AttributeMode,
     attr,
     booleanConverter,
+    type DecoratorAttributeConfiguration,
     nullableBooleanConverter,
     nullableNumberConverter,
-} from "./components/attributes.js";
+    type ValueConverter,
+} from "./attr.js";
+// Binding
+export { Binding, type BindingDirective } from "./binding/binding.js";
+export { normalizeBinding } from "./binding/normalize.js";
+export { oneTime } from "./binding/one-time.js";
+export { listener, oneWay } from "./binding/one-way.js";
+export { Signal, signal } from "./binding/signal.js";
+export {
+    type TwoWayBindingOptions,
+    TwoWaySettings,
+    twoWay,
+} from "./binding/two-way.js";
 export type { ElementControllerStrategy } from "./components/element-controller.js";
 export {
     ElementController,
     Stages,
 } from "./components/element-controller.js";
-export { enableHydration } from "./components/enable-hydration.js";
 export type {
     FASTElementExtension,
     FASTElementTemplateResolver,
@@ -38,13 +41,43 @@ export {
     type TemplateLifecycleCallbacks,
 } from "./components/fast-definitions.js";
 export { customElement, FASTElement } from "./components/fast-element.js";
-export { isHydratable } from "./components/hydration.js";
+export { enableDebug } from "./debug.js";
+// Directives
+export {
+    type ChildListDirectiveOptions,
+    ChildrenDirective,
+    type ChildrenDirectiveOptions,
+    children,
+    type SubtreeDirectiveOptions,
+} from "./directives/children.js";
 export {
-    type HydrationOptions,
-    HydrationTracker,
-} from "./components/hydration-tracker.js";
-// DOM
-export { DOM, DOMAspect, type DOMPolicy, type DOMSink } from "./dom.js";
+    type ElementsFilter,
+    elements,
+    type NodeBehaviorOptions,
+    NodeObservationDirective,
+} from "./directives/node-observation.js";
+export { RefDirective, ref } from "./directives/ref.js";
+export {
+    RepeatBehavior,
+    RepeatDirective,
+    type RepeatOptions,
+    repeat,
+} from "./directives/repeat.js";
+export {
+    SlottedDirective,
+    type SlottedDirectiveOptions,
+    slotted,
+} from "./directives/slotted.js";
+export { when } from "./directives/when.js";
+export * from "./dom.js";
+export {
+    type DOMAspectGuards,
+    type DOMElementGuards,
+    type DOMGuards,
+    DOMPolicy,
+    type DOMPolicyOptions,
+    type DOMSinkGuards,
+} from "./dom-policy.js";
 export type {
     Callable,
     Class,
@@ -52,6 +85,17 @@ export type {
     Disposable,
     TrustedTypesPolicy,
 } from "./interfaces.js";
+export {
+    ArrayObserver,
+    type LengthObserver,
+    lengthOf,
+    Sort,
+    type SortObserver,
+    Splice,
+    SpliceStrategy,
+    SpliceStrategySupport,
+    sortedCount,
+} from "./observation/arrays.js";
 // Observation
 export {
     type Notifier,
@@ -59,89 +103,93 @@ export {
     type Subscriber,
     SubscriberSet,
 } from "./observation/notifier.js";
+export type {
+    Accessor,
+    Expression,
+    ExpressionController,
+    ExpressionNotifier,
+    ExpressionObserver,
+    ObservationRecord,
+} from "./observation/observable.js";
 export {
-    type Accessor,
     ExecutionContext,
-    type Expression,
-    type ExpressionController,
-    type ExpressionNotifier,
-    type ExpressionObserver,
     Observable,
-    type ObservationRecord,
     observable,
     SourceLifetime,
     volatile,
 } from "./observation/observable.js";
 export { type UpdateQueue, Updates } from "./observation/update-queue.js";
 export { emptyArray, FAST } from "./platform.js";
-
-// Type-only re-exports for types referenced by root public signatures
+export {
+    type AccessCachedPath,
+    type CachedPath,
+    type CachedPathCommon,
+    type CachedPathMap,
+    type ChildrenMap,
+    type DefaultCachedPath,
+    type EventCachedPath,
+    type JSONSchema,
+    type JSONSchemaCommon,
+    type JSONSchemaDefinition,
+    type RegisterPathConfig,
+    type RepeatCachedPath,
+    Schema,
+    schemaRegistry,
+} from "./schema.js";
+export * from "./state/exports.js";
+// Styles
+export { type CSSTemplateTag, type CSSValue, css } from "./styles/css.js";
+export {
+    CSSDirective,
+    type CSSDirectiveDefinition,
+    cssDirective,
+} from "./styles/css-directive.js";
 export type {
     ComposableStyles,
     ConstructibleStyleStrategy,
-    ElementStyles,
 } from "./styles/element-styles.js";
+export { ElementStyles } from "./styles/element-styles.js";
 export type { HostBehavior, HostController } from "./styles/host.js";
 export type { StyleStrategy, StyleTarget } from "./styles/style-strategy.js";
-export type { Splice, Sort } from "./observation/arrays.js";
-
-export type {
-    ChildListDirectiveOptions,
-    ChildrenDirectiveOptions,
-    SubtreeDirectiveOptions,
-} from "./templating/children.js";
 // Templating
-export { ChildrenDirective, children } from "./templating/children.js";
-export type { CompilationStrategy } from "./templating/compiler.js";
-export { Compiler } from "./templating/compiler.js";
-export type {
-    ContentTemplate,
-    ContentView,
+export { type CompilationStrategy, Compiler } from "./templating/compiler.js";
+export {
+    type ContentTemplate,
+    type ContentView,
+    HTMLBindingDirective,
 } from "./templating/html-binding-directive.js";
-export { HTMLBindingDirective } from "./templating/html-binding-directive.js";
-export type {
-    AddViewBehaviorFactory,
-    Aspected,
-    CompiledViewBehaviorFactory,
-    HTMLDirectiveDefinition,
-    PartialHTMLDirectiveDefinition,
-    ViewBehavior,
-    ViewBehaviorFactory,
-    ViewBehaviorTargets,
-    ViewController,
-} from "./templating/html-directive.js";
 export {
+    type AddViewBehaviorFactory,
+    type Aspected,
+    type CompiledViewBehaviorFactory,
     HTMLDirective,
+    type HTMLDirectiveDefinition,
     htmlDirective,
+    type PartialHTMLDirectiveDefinition,
     StatelessAttachedAttributeDirective,
+    type ViewBehavior,
+    type ViewBehaviorFactory,
+    type ViewBehaviorTargets,
+    type ViewController,
 } from "./templating/html-directive.js";
 export { Markup, Parser } from "./templating/markup.js";
-export type {
-    ElementsFilter,
-    NodeBehaviorOptions,
-} from "./templating/node-observation.js";
-export { elements, NodeObservationDirective } from "./templating/node-observation.js";
-export { RefDirective, ref } from "./templating/ref.js";
 export { RenderBehavior, RenderDirective, render } from "./templating/render.js";
-export type { RepeatOptions } from "./templating/repeat.js";
-export { RepeatBehavior, RepeatDirective, repeat } from "./templating/repeat.js";
-export type { SlottedDirectiveOptions } from "./templating/slotted.js";
-export { SlottedDirective, slotted } from "./templating/slotted.js";
-export type {
-    CaptureType,
-    ElementViewTemplate,
-    HTMLTemplateCompilationResult,
-    HTMLTemplateTag,
-    SyntheticViewTemplate,
-    TemplateValue,
+export {
+    type CaptureType,
+    type ElementViewTemplate,
+    type HTMLTemplateCompilationResult,
+    type HTMLTemplateTag,
+    html,
+    InlineTemplateDirective,
+    type SyntheticViewTemplate,
+    type TemplateValue,
+    ViewTemplate,
 } from "./templating/template.js";
-export { html, InlineTemplateDirective, ViewTemplate } from "./templating/template.js";
-export type {
-    ElementView,
-    SyntheticView,
-    View,
+export {
+    DefaultExecutionContext,
+    type ElementView,
+    HTMLView,
+    type SyntheticView,
+    type View,
 } from "./templating/view.js";
-export type { HydratableView } from "./templating/hydration-view.js";
-export { HTMLView } from "./templating/view.js";
-export { HydrationBindingError } from "./templating/hydration-view.js";
-export { when } from "./templating/when.js";
+export * from "./utilities.js";
diff --git a/packages/fast-element/src/observable.ts b/packages/fast-element/src/observable.ts
index c6d717ac630..9b74f91cb2c 100644
--- a/packages/fast-element/src/observable.ts
+++ b/packages/fast-element/src/observable.ts
@@ -1,7 +1,3 @@
-/**
- * Observable exports for easy access to the Observable API
- */
-
 export type { Notifier, Subscriber } from "./observation/notifier.js";
 export { PropertyChangeNotifier, SubscriberSet } from "./observation/notifier.js";
 export type {
@@ -17,5 +13,4 @@ export {
     Observable,
     observable,
     SourceLifetime,
-    volatile,
 } from "./observation/observable.js";
diff --git a/packages/fast-element/src/observation/arrays.ts b/packages/fast-element/src/observation/arrays.ts
index bd375c549d9..4483e7ef38f 100644
--- a/packages/fast-element/src/observation/arrays.ts
+++ b/packages/fast-element/src/observation/arrays.ts
@@ -991,7 +991,7 @@ export const ArrayObserver = Object.freeze({
      * Enables the array observation mechanism.
      * @remarks
      * Array observation is enabled automatically when using the
-     * {@link RepeatDirective}, so calling this API manually is
+     * `RepeatDirective`, so calling this API manually is
      * not typically necessary.
      */
     enable(): void {
diff --git a/packages/fast-element/src/render.ts b/packages/fast-element/src/render.ts
new file mode 100644
index 00000000000..a768f5e058e
--- /dev/null
+++ b/packages/fast-element/src/render.ts
@@ -0,0 +1,13 @@
+export type { Binding, BindingDirective } from "./binding/binding.js";
+export type { Subscriber } from "./observation/notifier.js";
+export type { Expression, ExpressionObserver } from "./observation/observable.js";
+export type { ContentTemplate } from "./templating/html-binding-directive.js";
+export type {
+    AddViewBehaviorFactory,
+    HTMLDirective,
+    ViewBehavior,
+    ViewBehaviorFactory,
+    ViewController,
+} from "./templating/html-directive.js";
+export { RenderBehavior, RenderDirective, render } from "./templating/render.js";
+export type { CaptureType } from "./templating/template.js";
diff --git a/packages/fast-element/src/schema.ts b/packages/fast-element/src/schema.ts
new file mode 100644
index 00000000000..6f3dee2a210
--- /dev/null
+++ b/packages/fast-element/src/schema.ts
@@ -0,0 +1,16 @@
+export {
+    type AccessCachedPath,
+    type CachedPath,
+    type CachedPathCommon,
+    type CachedPathMap,
+    type ChildrenMap,
+    type DefaultCachedPath,
+    type EventCachedPath,
+    type JSONSchema,
+    type JSONSchemaCommon,
+    type JSONSchemaDefinition,
+    type RegisterPathConfig,
+    type RepeatCachedPath,
+    Schema,
+    schemaRegistry,
+} from "./components/schema.js";
diff --git a/packages/fast-element/src/state/state.ts b/packages/fast-element/src/state/state.ts
index a5ff402def2..ac61df24bd8 100644
--- a/packages/fast-element/src/state/state.ts
+++ b/packages/fast-element/src/state/state.ts
@@ -53,7 +53,7 @@ export type State<T> = ReadonlyState<T> & {
 
     /**
      * Sets the current state value.
-     * @param value The new state value.
+     * @param value - The new state value.
      */
     set(value: T): void;
 
@@ -230,7 +230,7 @@ export type ComputedBuilder = {
     on: {
         /**
          * Provides a setup callback for the computation.
-         * @param callback The callback to run to setup the computation.
+         * @param callback - The callback to run to setup the computation.
          */
         setup(callback: ComputedSetupCallback): void;
     };
diff --git a/packages/fast-element/src/styles.ts b/packages/fast-element/src/styles.ts
index 3eb3e035ce4..5e5d8b1ccd9 100644
--- a/packages/fast-element/src/styles.ts
+++ b/packages/fast-element/src/styles.ts
@@ -1,4 +1,9 @@
-export { type CSSTemplateTag, type CSSValue, css } from "./styles/css.js";
+export type { Constructable } from "./interfaces.js";
+export type {
+    ExecutionContext,
+    ExpressionController,
+    SourceLifetime,
+} from "./observation/observable.js";
 export {
     CSSDirective,
     type CSSDirectiveDefinition,
@@ -9,11 +14,5 @@ export {
     type ConstructibleStyleStrategy,
     ElementStyles,
 } from "./styles/element-styles.js";
-export type { Constructable } from "./interfaces.js";
-export type {
-    ExecutionContext,
-    ExpressionController,
-    SourceLifetime,
-} from "./observation/observable.js";
 export type { HostBehavior, HostController } from "./styles/host.js";
 export type { StyleStrategy, StyleTarget } from "./styles/style-strategy.js";
diff --git a/packages/fast-element/src/styles/css-directive.ts b/packages/fast-element/src/styles/css-directive.ts
index 8e62d80f149..0411414a15b 100644
--- a/packages/fast-element/src/styles/css-directive.ts
+++ b/packages/fast-element/src/styles/css-directive.ts
@@ -3,7 +3,7 @@ import { createTypeRegistry } from "../platform.js";
 import type { ComposableStyles } from "./element-styles.js";
 
 /**
- * Directive for use in {@link css}.
+ * Directive for use in CSS templates.
  *
  * @public
  */
diff --git a/packages/fast-element/src/templating.ts b/packages/fast-element/src/templating.ts
new file mode 100644
index 00000000000..d64afc43a65
--- /dev/null
+++ b/packages/fast-element/src/templating.ts
@@ -0,0 +1,45 @@
+export type { Binding, BindingDirective } from "./binding/binding.js";
+export type { DOMAspect, DOMPolicy } from "./dom.js";
+export type {
+    ExecutionContext,
+    ExpressionController,
+    SourceLifetime,
+} from "./observation/observable.js";
+export { type CompilationStrategy, Compiler } from "./templating/compiler.js";
+export {
+    type ContentTemplate,
+    type ContentView,
+    HTMLBindingDirective,
+} from "./templating/html-binding-directive.js";
+export {
+    type AddViewBehaviorFactory,
+    type Aspected,
+    type CompiledViewBehaviorFactory,
+    HTMLDirective,
+    type HTMLDirectiveDefinition,
+    htmlDirective,
+    type PartialHTMLDirectiveDefinition,
+    StatelessAttachedAttributeDirective,
+    type ViewBehavior,
+    type ViewBehaviorFactory,
+    type ViewBehaviorTargets,
+    type ViewController,
+} from "./templating/html-directive.js";
+export { Markup, Parser } from "./templating/markup.js";
+export { RenderBehavior, RenderDirective, render } from "./templating/render.js";
+export {
+    type CaptureType,
+    type ElementViewTemplate,
+    type HTMLTemplateCompilationResult,
+    type HTMLTemplateTag,
+    InlineTemplateDirective,
+    type SyntheticViewTemplate,
+    type TemplateValue,
+    ViewTemplate,
+} from "./templating/template.js";
+export {
+    type ElementView,
+    HTMLView,
+    type SyntheticView,
+    type View,
+} from "./templating/view.js";
diff --git a/packages/fast-element/src/templating/TEMPLATE-BINDINGS.md b/packages/fast-element/src/templating/TEMPLATE-BINDINGS.md
index d0da02ad58c..862acb27fc0 100644
--- a/packages/fast-element/src/templating/TEMPLATE-BINDINGS.md
+++ b/packages/fast-element/src/templating/TEMPLATE-BINDINGS.md
@@ -274,13 +274,15 @@ When a page is server-side rendered (SSR) with Declarative Shadow DOM, the HTML
 
 ### Enabling Hydration
 
-Hydration is an opt-in, tree-shakeable feature. Importing `install-hydratable-view-templates.ts` patches `ViewTemplate.prototype` with:
+Hydration is an opt-in feature. Calling `enableHydration()` patches
+`ViewTemplate.prototype` with:
 1. A `Hydratable` symbol — marks the template as hydration-capable (checked via `isHydratable()`).
 2. A `hydrate(firstChild, lastChild, hostBindingTarget?)` method — creates a `HydrationView` instead of an `HTMLView`.
 
 ```typescript
-// This import enables hydration for all ViewTemplate instances
-import "@microsoft/fast-element/install-hydratable-view-templates";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
+
+enableHydration();
 ```
 
 ### Hydration Marker Format
diff --git a/packages/fast-element/src/templating/html-binding-directive.ts b/packages/fast-element/src/templating/html-binding-directive.ts
index 2166e6bca7d..5df23824c49 100644
--- a/packages/fast-element/src/templating/html-binding-directive.ts
+++ b/packages/fast-element/src/templating/html-binding-directive.ts
@@ -16,8 +16,8 @@ import {
     type ViewBehaviorFactory,
     type ViewController,
 } from "./html-directive.js";
-import { Markup } from "./markup.js";
 import { HydrationStage } from "./hydration-view.js";
+import { Markup } from "./markup.js";
 
 type UpdateTarget = (
     this: HTMLBindingDirective,
@@ -70,6 +70,10 @@ export interface ContentTemplate {
     create(): ContentView;
 }
 
+/**
+ * A template capable of hydrating content from existing DOM nodes.
+ * @beta
+ */
 export interface HydratableContentTemplate extends ContentTemplate {
     /**
      * Hydrates a content view from first/last nodes.
diff --git a/packages/fast-element/src/templating/hydration-view.ts b/packages/fast-element/src/templating/hydration-view.ts
index e83c47f5909..3b620af0fde 100644
--- a/packages/fast-element/src/templating/hydration-view.ts
+++ b/packages/fast-element/src/templating/hydration-view.ts
@@ -6,11 +6,7 @@ import {
     targetFactory,
     type ViewBehaviorBoundaries,
 } from "../hydration/target-builder.js";
-import {
-    type ExecutionContext,
-    Observable,
-    SourceLifetime,
-} from "../observation/observable.js";
+import { type ExecutionContext, SourceLifetime } from "../observation/observable.js";
 import { makeSerializationNoop } from "../platform.js";
 import type { ViewTemplate } from "../templating/template.js";
 import type {
@@ -37,11 +33,23 @@ export interface HydratableView<TSource = any, TParent = any>
     readonly hydrationStage: keyof typeof HydrationStage;
 }
 
+/**
+ * A view controller that can hydrate existing DOM nodes.
+ * @beta
+ */
+export type HydratableViewController<TSource = any, TParent = any> = HydratableView<
+    TSource,
+    TParent
+> &
+    ViewController<TSource, TParent>;
+
+/** @public */
 export interface ViewNodes {
     first: Node;
     last: Node;
 }
 
+/** @public */
 export const HydrationStage = {
     unhydrated: "unhydrated",
     hydrating: "hydrating",
diff --git a/packages/fast-element/src/templating/template.ts b/packages/fast-element/src/templating/template.ts
index ae3d5184017..0fff9d84cb5 100644
--- a/packages/fast-element/src/templating/template.ts
+++ b/packages/fast-element/src/templating/template.ts
@@ -43,6 +43,10 @@ export interface ElementViewTemplate<TSource = any, TParent = any> {
     ): ElementView<TSource, TParent>;
 }
 
+/**
+ * A template capable of hydrating an element view from existing DOM nodes.
+ * @beta
+ */
 export interface HydratableElementViewTemplate<TSource = any, TParent = any>
     extends ElementViewTemplate<TSource, TParent> {
     hydrate(
@@ -76,6 +80,10 @@ export interface SyntheticViewTemplate<TSource = any, TParent = any> {
     inline(): CaptureType;
 }
 
+/**
+ * A template capable of hydrating a synthetic view from existing DOM nodes.
+ * @beta
+ */
 export interface HydratableSyntheticViewTemplate<TSource = any, TParent = any>
     extends SyntheticViewTemplate {
     hydrate(firstChild: Node, lastChild: Node): SyntheticView<TSource, TParent>;
diff --git a/packages/fast-element/src/templating/view.ts b/packages/fast-element/src/templating/view.ts
index 67c9a2e3776..06054083301 100644
--- a/packages/fast-element/src/templating/view.ts
+++ b/packages/fast-element/src/templating/view.ts
@@ -118,6 +118,10 @@ export function removeNodeSequence(firstNode: Node, lastNode: Node): void {
     parent.removeChild(lastNode);
 }
 
+/**
+ * The default execution context for template views.
+ * @public
+ */
 export class DefaultExecutionContext<TParent> implements ExecutionContext<TParent> {
     /**
      * The index of the current item within a repeat context.
diff --git a/packages/fast-element/src/updates.ts b/packages/fast-element/src/updates.ts
new file mode 100644
index 00000000000..579a38df86e
--- /dev/null
+++ b/packages/fast-element/src/updates.ts
@@ -0,0 +1 @@
+export { type UpdateQueue, Updates } from "./observation/update-queue.js";
diff --git a/packages/fast-element/src/volatile.ts b/packages/fast-element/src/volatile.ts
new file mode 100644
index 00000000000..6bfb3c58000
--- /dev/null
+++ b/packages/fast-element/src/volatile.ts
@@ -0,0 +1,2 @@
+export type { Accessor } from "./observation/observable.js";
+export { volatile } from "./observation/observable.js";
diff --git a/packages/fast-element/test/declarative-main.ts b/packages/fast-element/test/declarative-main.ts
index c4eb07b15c7..d83efd52032 100644
--- a/packages/fast-element/test/declarative-main.ts
+++ b/packages/fast-element/test/declarative-main.ts
@@ -1,2 +1,6 @@
-export * from "../src/declarative.js";
-export * from "./main.js";
+export {
+    declarativeTemplate,
+    Schema,
+    TemplateParser,
+} from "../src/declarative/index.js";
+export { FASTElement, FASTElementDefinition, uniqueElementName } from "./main.js";
diff --git a/packages/fast-element/test/declarative/fixtures/README.md b/packages/fast-element/test/declarative/fixtures/README.md
index 055efab1e9a..c1a051cccf9 100644
--- a/packages/fast-element/test/declarative/fixtures/README.md
+++ b/packages/fast-element/test/declarative/fixtures/README.md
@@ -27,21 +27,26 @@ Fixtures are auto-discovered by the Vite config in `../vite.config.ts`. To add a
 
 ## Hydration readiness
 
-Each fixture's `main.ts` must track when hydration completes so that Playwright tests can wait for the element to be fully interactive before asserting. The standard pattern is:
+Fixtures that exercise prerendered Declarative Shadow DOM should enable
+hydration explicitly and set a global flag in the `hydrationComplete()` callback
+so Playwright tests can wait for the element to be fully interactive before
+asserting. The standard pattern is:
 
-1. **In `main.ts`**, set a global flag inside the `hydrationComplete()` lifecycle callback:
+1. **In `main.ts`**, call `enableHydration()` before elements connect:
 
     ```ts
-    TemplateElement.config({
+    import { enableHydration } from "@microsoft/fast-element/hydration.js";
+
+    enableHydration({
         hydrationComplete() {
             (window as any).hydrationCompleted = true;
         },
-    }).define({
-        name: "f-template",
     });
     ```
 
-    If the fixture already uses `.options()` or `.config()`, chain `.config()` after `.options()` and include `hydrationComplete` in the callback object.
+    Per-element callbacks belong on `declarativeTemplate(callbacks)`. Map
+    behavior belongs in define extensions such as `attributeMap()` and
+    `observerMap()`.
 
 2. **In the spec file**, create the wait **before** navigation so the listener is registered before the page starts loading:
 
diff --git a/packages/fast-element/test/declarative/fixtures/WRITING_FIXTURES.md b/packages/fast-element/test/declarative/fixtures/WRITING_FIXTURES.md
index 6d04730fb9b..98ee5e987f0 100644
--- a/packages/fast-element/test/declarative/fixtures/WRITING_FIXTURES.md
+++ b/packages/fast-element/test/declarative/fixtures/WRITING_FIXTURES.md
@@ -162,16 +162,16 @@ The component definition file registers custom elements and configures the templ
 
 1. Define element classes extending `FASTElement`.
 2. Call `define()` on the element class with `template: declarativeTemplate()`.
-3. Use `TemplateElement.config()` or `TemplateElement.options()` only when the
-   fixture needs lifecycle callbacks or compatibility fallback options —
-   `declarativeTemplate()` registers `<f-template>` automatically.
+3. Use `declarativeTemplate(callbacks)` for per-element lifecycle callbacks,
+   `enableHydration()` for hydration callbacks, and define extensions such as
+   `attributeMap()` / `observerMap()` for schema behavior.
+   `declarativeTemplate()` registers FAST's internal `<f-template>` publisher
+   automatically.
 
 ### Import paths
 
 > **Important:** All imports in `main.ts` must use package names (for example
-> `@microsoft/fast-element`,
-> `@microsoft/fast-element/declarative.js`, or
-> `@microsoft/fast-element/declarative/utilities.js`), **not** relative paths.
+> `@microsoft/fast-element`), **not** relative paths.
 > Relative imports will break the WebUI integration tests because fixtures are
 > copied to a different directory structure during the integration build. The
 > same applies to any other paths referenced in `main.ts`.
@@ -179,7 +179,11 @@ The component definition file registers custom elements and configures the templ
 ### Basic pattern
 
 ```typescript
-import { attr, FASTElement, observable } from "@microsoft/fast-element";
+import {
+    FASTElement,
+    attr,
+    observable,
+} from "@microsoft/fast-element";
 import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
 
 class MyElement extends FASTElement {
@@ -224,7 +228,8 @@ For fixtures that test deeply nested property reactivity, prefer the
 definition-scoped `observerMap()` extension:
 
 ```typescript
-import { declarativeTemplate, observerMap } from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
 
 MyElement.define(
     {
diff --git a/packages/fast-element/test/declarative/fixtures/bindings/attribute/main.ts b/packages/fast-element/test/declarative/fixtures/bindings/attribute/main.ts
index 96fde6910df..2dc72505e5c 100644
--- a/packages/fast-element/test/declarative/fixtures/bindings/attribute/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/bindings/attribute/main.ts
@@ -1,8 +1,8 @@
-import { attr, FASTElement, observable } from "@microsoft/fast-element";
-import {
-    declarativeTemplate,
-    TemplateElement,
-} from "@microsoft/fast-element/declarative.js";
+import { attr } from "@microsoft/fast-element/attr.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
+import { observable } from "@microsoft/fast-element/observable.js";
 
 class TestElement extends FASTElement {
     @attr
@@ -34,7 +34,7 @@ TestElementExpression.define({
     template: declarativeTemplate(),
 });
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         (window as any).hydrationCompleted = true;
     },
diff --git a/packages/fast-element/test/declarative/fixtures/bindings/content/main.ts b/packages/fast-element/test/declarative/fixtures/bindings/content/main.ts
index 98adf961aa5..c19c2b511d1 100644
--- a/packages/fast-element/test/declarative/fixtures/bindings/content/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/bindings/content/main.ts
@@ -1,8 +1,7 @@
-import { attr, FASTElement } from "@microsoft/fast-element";
-import {
-    declarativeTemplate,
-    TemplateElement,
-} from "@microsoft/fast-element/declarative.js";
+import { attr } from "@microsoft/fast-element/attr.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 
 class TestElement extends FASTElement {
     @attr
@@ -21,7 +20,7 @@ TestElementUnescaped.define({
     template: declarativeTemplate(),
 });
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         (window as any).hydrationCompleted = true;
     },
diff --git a/packages/fast-element/test/declarative/fixtures/bindings/dot-syntax/main.ts b/packages/fast-element/test/declarative/fixtures/bindings/dot-syntax/main.ts
index 84a59f407aa..bc9219396b0 100644
--- a/packages/fast-element/test/declarative/fixtures/bindings/dot-syntax/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/bindings/dot-syntax/main.ts
@@ -1,8 +1,7 @@
-import { FASTElement } from "@microsoft/fast-element";
-import {
-    declarativeTemplate,
-    TemplateElement,
-} from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
 
 class TestElement extends FASTElement {
     public object: any = {
@@ -45,16 +44,15 @@ class TestElement extends FASTElement {
         this.object.a.b2.c = "Pluto";
     };
 }
-TestElement.define({
-    name: "test-element",
-    template: declarativeTemplate(),
-});
-
-TemplateElement.options({
-    "test-element": {
-        observerMap: {},
+TestElement.define(
+    {
+        name: "test-element",
+        template: declarativeTemplate(),
     },
-}).config({
+    [observerMap()],
+);
+
+enableHydration({
     hydrationComplete() {
         (window as any).hydrationCompleted = true;
     },
diff --git a/packages/fast-element/test/declarative/fixtures/bindings/event/main.ts b/packages/fast-element/test/declarative/fixtures/bindings/event/main.ts
index 1bf475de51b..ac58d8d0f9d 100644
--- a/packages/fast-element/test/declarative/fixtures/bindings/event/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/bindings/event/main.ts
@@ -1,8 +1,7 @@
-import { attr, FASTElement } from "@microsoft/fast-element";
-import {
-    declarativeTemplate,
-    TemplateElement,
-} from "@microsoft/fast-element/declarative.js";
+import { attr } from "@microsoft/fast-element/attr.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 
 class TestElement extends FASTElement {
     @attr
@@ -37,7 +36,7 @@ TestElement.define({
     template: declarativeTemplate(),
 });
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         (window as any).hydrationCompleted = true;
     },
diff --git a/packages/fast-element/test/declarative/fixtures/bindings/host/main.ts b/packages/fast-element/test/declarative/fixtures/bindings/host/main.ts
index ba8ad2c3d4a..5c073490935 100644
--- a/packages/fast-element/test/declarative/fixtures/bindings/host/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/bindings/host/main.ts
@@ -1,8 +1,8 @@
-import { attr, FASTElement, observable } from "@microsoft/fast-element";
-import {
-    declarativeTemplate,
-    TemplateElement,
-} from "@microsoft/fast-element/declarative.js";
+import { attr } from "@microsoft/fast-element/attr.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
+import { observable } from "@microsoft/fast-element/observable.js";
 
 // Test 1: Element with single host event binding and content attribute binding
 class HostEventElement extends FASTElement {
@@ -215,7 +215,7 @@ HostPermPropFirst.define({
     template: declarativeTemplate(),
 });
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         (window as any).hydrationCompleted = true;
     },
diff --git a/packages/fast-element/test/declarative/fixtures/directives/children/main.ts b/packages/fast-element/test/declarative/fixtures/directives/children/main.ts
index 33c3dd8fc1d..58cc8dbb0a7 100644
--- a/packages/fast-element/test/declarative/fixtures/directives/children/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/directives/children/main.ts
@@ -1,8 +1,7 @@
-import { FASTElement, observable } from "@microsoft/fast-element";
-import {
-    declarativeTemplate,
-    TemplateElement,
-} from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
+import { observable } from "@microsoft/fast-element/observable.js";
 
 class TestElement extends FASTElement {
     @observable
@@ -16,7 +15,7 @@ TestElement.define({
     template: declarativeTemplate(),
 });
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         (window as any).hydrationCompleted = true;
     },
diff --git a/packages/fast-element/test/declarative/fixtures/directives/ref/main.ts b/packages/fast-element/test/declarative/fixtures/directives/ref/main.ts
index 0f36cf517bd..e4c4375f6b3 100644
--- a/packages/fast-element/test/declarative/fixtures/directives/ref/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/directives/ref/main.ts
@@ -1,8 +1,6 @@
-import { FASTElement } from "@microsoft/fast-element";
-import {
-    declarativeTemplate,
-    TemplateElement,
-} from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 
 class TestElement extends FASTElement {
     public video: HTMLVideoElement | null = null;
@@ -12,7 +10,7 @@ TestElement.define({
     template: declarativeTemplate(),
 });
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         (window as any).hydrationCompleted = true;
     },
diff --git a/packages/fast-element/test/declarative/fixtures/directives/repeat/main.ts b/packages/fast-element/test/declarative/fixtures/directives/repeat/main.ts
index ccfc1652608..f7bb77bd331 100644
--- a/packages/fast-element/test/declarative/fixtures/directives/repeat/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/directives/repeat/main.ts
@@ -1,9 +1,10 @@
-import { attr, FASTElement, observable } from "@microsoft/fast-element";
-import { deepMerge } from "@microsoft/fast-element/declarative/utilities.js";
-import {
-    declarativeTemplate,
-    TemplateElement,
-} from "@microsoft/fast-element/declarative.js";
+import { attr } from "@microsoft/fast-element/attr.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { deepMerge } from "@microsoft/fast-element/declarative-utilities.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
+import { observable } from "@microsoft/fast-element/observable.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
 
 export class TestElement extends FASTElement {
     @observable
@@ -46,10 +47,13 @@ export class TestElementIntervalUpdates extends FASTElement {
     }
 }
 
-TestElementIntervalUpdates.define({
-    name: "test-element-interval-updates",
-    template: declarativeTemplate(),
-});
+TestElementIntervalUpdates.define(
+    {
+        name: "test-element-interval-updates",
+        template: declarativeTemplate(),
+    },
+    [observerMap()],
+);
 
 export class TestElementNoItemRepeatBinding extends FASTElement {
     @observable
@@ -91,19 +95,15 @@ export class TestElementWithObserverMap extends FASTElement {
     @attr
     item_parent: string = "Bat";
 }
-TestElementWithObserverMap.define({
-    name: "test-element-with-observer-map",
-    template: declarativeTemplate(),
-});
-
-TemplateElement.options({
-    "test-element-interval-updates": {
-        observerMap: {},
+TestElementWithObserverMap.define(
+    {
+        name: "test-element-with-observer-map",
+        template: declarativeTemplate(),
     },
-    "test-element-with-observer-map": {
-        observerMap: {},
-    },
-}).config({
+    [observerMap()],
+);
+
+enableHydration({
     hydrationComplete() {
         (window as any).hydrationCompleted = true;
     },
diff --git a/packages/fast-element/test/declarative/fixtures/directives/slotted/main.ts b/packages/fast-element/test/declarative/fixtures/directives/slotted/main.ts
index 7784732eb34..8ef5e17c0da 100644
--- a/packages/fast-element/test/declarative/fixtures/directives/slotted/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/directives/slotted/main.ts
@@ -1,8 +1,7 @@
-import { FASTElement, observable } from "@microsoft/fast-element";
-import {
-    declarativeTemplate,
-    TemplateElement,
-} from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
+import { observable } from "@microsoft/fast-element/observable.js";
 
 class TestElement extends FASTElement {
     @observable
@@ -23,7 +22,7 @@ TestElement.define({
     template: declarativeTemplate(),
 });
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         (window as any).hydrationCompleted = true;
     },
diff --git a/packages/fast-element/test/declarative/fixtures/directives/when/main.ts b/packages/fast-element/test/declarative/fixtures/directives/when/main.ts
index c2d0c976375..b893b92b487 100644
--- a/packages/fast-element/test/declarative/fixtures/directives/when/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/directives/when/main.ts
@@ -1,8 +1,8 @@
-import { attr, FASTElement, observable } from "@microsoft/fast-element";
-import {
-    declarativeTemplate,
-    TemplateElement,
-} from "@microsoft/fast-element/declarative.js";
+import { attr } from "@microsoft/fast-element/attr.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
+import { observable } from "@microsoft/fast-element/observable.js";
 
 class TestElementMultiple extends FASTElement {
     @attr()
@@ -165,7 +165,7 @@ NestedWhenElement.define({
     template: declarativeTemplate(),
 });
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         (window as any).hydrationCompleted = true;
     },
diff --git a/packages/fast-element/test/declarative/fixtures/ecosystem/README.md b/packages/fast-element/test/declarative/fixtures/ecosystem/README.md
index 7d4a1af0c05..5ab0e0c9ff1 100644
--- a/packages/fast-element/test/declarative/fixtures/ecosystem/README.md
+++ b/packages/fast-element/test/declarative/fixtures/ecosystem/README.md
@@ -7,5 +7,5 @@ performance monitoring.
 | Fixture | Description |
 |---|---|
 | `errors` | Error handling and edge cases in template rendering. |
-| `lifecycle-callbacks` | `TemplateElement` lifecycle callbacks such as `elementDidRegister`, `hydrationComplete`, etc. |
+| `lifecycle-callbacks` | `declarativeTemplate()` and `enableHydration()` lifecycle callbacks such as `elementDidRegister`, `elementDidHydrate`, and `hydrationComplete`. |
 | `performance-metrics` | Performance monitoring and measurements during the component lifecycle. |
diff --git a/packages/fast-element/test/declarative/fixtures/ecosystem/declarative-no-hydration/main.ts b/packages/fast-element/test/declarative/fixtures/ecosystem/declarative-no-hydration/main.ts
index 81ffe9c5cf0..10d394721ea 100644
--- a/packages/fast-element/test/declarative/fixtures/ecosystem/declarative-no-hydration/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/ecosystem/declarative-no-hydration/main.ts
@@ -1,5 +1,7 @@
-import { attr, FASTElement, observable } from "@microsoft/fast-element";
+import { attr } from "@microsoft/fast-element/attr.js";
 import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { observable } from "@microsoft/fast-element/observable.js";
 
 // No enableHydration() — test declarative template without hydration
 
diff --git a/packages/fast-element/test/declarative/fixtures/ecosystem/errors/main.ts b/packages/fast-element/test/declarative/fixtures/ecosystem/errors/main.ts
index 2e7864cc543..36bd89a2c17 100644
--- a/packages/fast-element/test/declarative/fixtures/ecosystem/errors/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/ecosystem/errors/main.ts
@@ -1,5 +1,8 @@
-import { FASTElement } from "@microsoft/fast-element";
+import { enableDebug } from "@microsoft/fast-element/debug.js";
 import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+
+enableDebug();
 
 class TestElementNoTemplate extends FASTElement {}
 FASTElement.define(TestElementNoTemplate, {
diff --git a/packages/fast-element/test/declarative/fixtures/ecosystem/lifecycle-callbacks/main.ts b/packages/fast-element/test/declarative/fixtures/ecosystem/lifecycle-callbacks/main.ts
index b0b2d0df6f8..354bde3e75e 100644
--- a/packages/fast-element/test/declarative/fixtures/ecosystem/lifecycle-callbacks/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/ecosystem/lifecycle-callbacks/main.ts
@@ -1,6 +1,9 @@
-import { attr, FASTElement, observable } from "@microsoft/fast-element";
-import { declarativeTemplate, TemplateElement } from "@microsoft/fast-element/declarative.js";
+import { attr } from "@microsoft/fast-element/attr.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
 import { enableHydration } from "@microsoft/fast-element/hydration.js";
+import { observable } from "@microsoft/fast-element/observable.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
 
 // Track lifecycle callbacks for testing
 export const lifecycleEvents: Array<{ callback: string; name?: string }> = [];
@@ -60,10 +63,13 @@ class ComplexElement extends FASTElement {
     }
 }
 
-ComplexElement.define({
-    name: "complex-element",
-    template: declarativeTemplate(lifecycleCallbacks),
-});
+ComplexElement.define(
+    {
+        name: "complex-element",
+        template: declarativeTemplate(lifecycleCallbacks),
+    },
+    [observerMap()],
+);
 
 // Nested element
 class NestedElement extends FASTElement {
@@ -124,12 +130,5 @@ DeferredChildElement.define({
     template: declarativeTemplate(lifecycleCallbacks),
 });
 
-// Define templates
-TemplateElement.options({
-    "complex-element": {
-        observerMap: {},
-    },
-});
-
 // Make lifecycleEvents available globally for testing
 (window as any).lifecycleEvents = lifecycleEvents;
diff --git a/packages/fast-element/test/declarative/fixtures/ecosystem/performance-metrics/main.ts b/packages/fast-element/test/declarative/fixtures/ecosystem/performance-metrics/main.ts
index a8584d1bec0..78b13405a56 100644
--- a/packages/fast-element/test/declarative/fixtures/ecosystem/performance-metrics/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/ecosystem/performance-metrics/main.ts
@@ -1,6 +1,8 @@
-import { attr, FASTElement, volatile } from "@microsoft/fast-element";
+import { attr } from "@microsoft/fast-element/attr.js";
 import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
 import { enableHydration } from "@microsoft/fast-element/hydration.js";
+import { volatile } from "@microsoft/fast-element/volatile.js";
 
 let markSequence = 0;
 
diff --git a/packages/fast-element/test/declarative/fixtures/extensions/attribute-map-naming-strategy-camel-case/main.ts b/packages/fast-element/test/declarative/fixtures/extensions/attribute-map-naming-strategy-camel-case/main.ts
index 13bf72b1425..45af40f1d8c 100644
--- a/packages/fast-element/test/declarative/fixtures/extensions/attribute-map-naming-strategy-camel-case/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/extensions/attribute-map-naming-strategy-camel-case/main.ts
@@ -1,8 +1,7 @@
-import { attr, FASTElement } from "@microsoft/fast-element";
-import {
-    declarativeTemplate,
-    TemplateElement,
-} from "@microsoft/fast-element/declarative.js";
+import { attr } from "@microsoft/fast-element/attr.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 
 class TestCamelCase extends FASTElement {
     @attr({ attribute: "foo-bar" })
@@ -31,7 +30,7 @@ TestCamelCaseNoDash.define({
     template: declarativeTemplate(),
 });
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         (window as any).hydrationCompleted = true;
     },
diff --git a/packages/fast-element/test/declarative/fixtures/extensions/attribute-map-naming-strategy/main.ts b/packages/fast-element/test/declarative/fixtures/extensions/attribute-map-naming-strategy/main.ts
index 83810ead438..7c82870080b 100644
--- a/packages/fast-element/test/declarative/fixtures/extensions/attribute-map-naming-strategy/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/extensions/attribute-map-naming-strategy/main.ts
@@ -1,8 +1,6 @@
-import { FASTElement } from "@microsoft/fast-element";
-import {
-    attributeMap,
-    declarativeTemplate,
-} from "@microsoft/fast-element/declarative.js";
+import { attributeMap } from "@microsoft/fast-element/attribute-map.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
 
 class NamingStrategyTestElement extends FASTElement {}
 
diff --git a/packages/fast-element/test/declarative/fixtures/extensions/attribute-map/main.ts b/packages/fast-element/test/declarative/fixtures/extensions/attribute-map/main.ts
index e29297d2ff9..218c8a7560b 100644
--- a/packages/fast-element/test/declarative/fixtures/extensions/attribute-map/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/extensions/attribute-map/main.ts
@@ -1,8 +1,7 @@
-import { attr, FASTElement } from "@microsoft/fast-element";
-import {
-    attributeMap,
-    declarativeTemplate,
-} from "@microsoft/fast-element/declarative.js";
+import { attr } from "@microsoft/fast-element/attr.js";
+import { attributeMap } from "@microsoft/fast-element/attribute-map.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
 
 class AttributeMapTestElement extends FASTElement {
     public setFoo() {
diff --git a/packages/fast-element/test/declarative/fixtures/extensions/observer-map-config-object/main.ts b/packages/fast-element/test/declarative/fixtures/extensions/observer-map-config-object/main.ts
index 924398281f6..6ce8b4c00ad 100644
--- a/packages/fast-element/test/declarative/fixtures/extensions/observer-map-config-object/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/extensions/observer-map-config-object/main.ts
@@ -1,9 +1,7 @@
-import { FASTElement } from "@microsoft/fast-element";
-import {
-    attributeMap,
-    declarativeTemplate,
-    observerMap,
-} from "@microsoft/fast-element/declarative.js";
+import { attributeMap } from "@microsoft/fast-element/attribute-map.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
 
 class ConfigObserverMapTestElement extends FASTElement {
     public data: any = {
diff --git a/packages/fast-element/test/declarative/fixtures/extensions/observer-map-deep-merge/main.ts b/packages/fast-element/test/declarative/fixtures/extensions/observer-map-deep-merge/main.ts
index 76df0c4e8ec..315240bb91a 100644
--- a/packages/fast-element/test/declarative/fixtures/extensions/observer-map-deep-merge/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/extensions/observer-map-deep-merge/main.ts
@@ -1,10 +1,9 @@
-import { FASTElement, observable } from "@microsoft/fast-element";
-import { deepMerge } from "@microsoft/fast-element/declarative/utilities.js";
-import {
-    declarativeTemplate,
-    observerMap,
-    TemplateElement,
-} from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { deepMerge } from "@microsoft/fast-element/declarative-utilities.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
+import { observable } from "@microsoft/fast-element/observable.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
 
 interface Product {
     id: number;
@@ -352,7 +351,7 @@ class DeepMergeTestElement extends FASTElement {
     }
 }
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         (window as any).hydrationCompleted = true;
     },
diff --git a/packages/fast-element/test/declarative/fixtures/extensions/observer-map-properties/main.ts b/packages/fast-element/test/declarative/fixtures/extensions/observer-map-properties/main.ts
index 0a06ec43880..1bace0393ed 100644
--- a/packages/fast-element/test/declarative/fixtures/extensions/observer-map-properties/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/extensions/observer-map-properties/main.ts
@@ -1,5 +1,6 @@
-import { FASTElement } from "@microsoft/fast-element";
-import { declarativeTemplate, observerMap } from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
 
 class SelectiveObsElement extends FASTElement {
     public user = {
diff --git a/packages/fast-element/test/declarative/fixtures/extensions/observer-map/main.ts b/packages/fast-element/test/declarative/fixtures/extensions/observer-map/main.ts
index 053d9063a76..f5f8286c45c 100644
--- a/packages/fast-element/test/declarative/fixtures/extensions/observer-map/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/extensions/observer-map/main.ts
@@ -1,9 +1,9 @@
-import { attr, FASTElement, Observable, observable } from "@microsoft/fast-element";
-import {
-    declarativeTemplate,
-    observerMap,
-    TemplateElement,
-} from "@microsoft/fast-element/declarative.js";
+import { attr } from "@microsoft/fast-element/attr.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
+import { Observable, observable } from "@microsoft/fast-element/observable.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
 
 class ObserverMapTestElement extends FASTElement {
     public users: any[] = [
@@ -473,8 +473,7 @@ ObserverMapSimpleArrayTestElement.define(
     [observerMap()],
 );
 
-// Enable ObserverMap via definition-scoped extensions for this test
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         (window as any).hydrationCompleted = true;
     },
diff --git a/packages/fast-element/test/declarative/fixtures/scenarios/nested-elements/main.ts b/packages/fast-element/test/declarative/fixtures/scenarios/nested-elements/main.ts
index 0add897aab8..29f73c3b190 100644
--- a/packages/fast-element/test/declarative/fixtures/scenarios/nested-elements/main.ts
+++ b/packages/fast-element/test/declarative/fixtures/scenarios/nested-elements/main.ts
@@ -1,9 +1,42 @@
-import { attr, FASTElement, observable } from "@microsoft/fast-element";
-import { deepMerge } from "@microsoft/fast-element/declarative/utilities.js";
-import {
-    declarativeTemplate,
-    TemplateElement,
-} from "@microsoft/fast-element/declarative.js";
+import { attr } from "@microsoft/fast-element/attr.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { deepMerge } from "@microsoft/fast-element/declarative-utilities.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
+import { observable } from "@microsoft/fast-element/observable.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+
+(window as any).messages = [];
+
+const lifecycleCallbacks = {
+    elementDidDefine(name: string) {
+        (window as any).messages.push(
+            `Element did define: ${name} [${performance.now()}]`,
+        );
+    },
+    elementDidRegister(name: string) {
+        (window as any).messages.push(
+            `Element did register: ${name} [${performance.now()}]`,
+        );
+    },
+    templateDidUpdate(name: string) {
+        (window as any).messages.push(
+            `Template did update: ${name} [${performance.now()}]`,
+        );
+    },
+    templateWillUpdate(name: string) {
+        (window as any).messages.push(
+            `Template will update: ${name} [${performance.now()}]`,
+        );
+    },
+};
+
+enableHydration({
+    hydrationComplete() {
+        (window as any).messages.push(`Hydration complete [${performance.now()}]`);
+        (window as any).hydrationCompleted = true;
+    },
+});
 
 // Mock data sources - simulating fetched data
 const mockDataSources = {
@@ -133,7 +166,7 @@ export class TestElementRepeatEvent extends FASTElement {
 }
 TestElementRepeatEvent.define({
     name: "test-element-repeat-event",
-    template: declarativeTemplate(),
+    template: declarativeTemplate(lifecycleCallbacks),
 });
 
 export class TestWhenInRepeat extends FASTElement {
@@ -148,64 +181,34 @@ export class TestWhenInRepeat extends FASTElement {
         this.clickedItemName = (e.currentTarget as HTMLButtonElement).textContent!;
     }
 }
-TestWhenInRepeat.define({
-    name: "test-when-in-repeat",
-    template: declarativeTemplate(),
-});
-
-ItemList.define({
-    name: "parent-element",
-    template: declarativeTemplate(),
-});
-
-Item.define({
-    name: "child-element",
-    template: declarativeTemplate(),
-});
-
-GrandChildItem.define({
-    name: "grand-child-element",
-    template: declarativeTemplate(),
-});
-
-(window as any).messages = [];
-
-TemplateElement.options({
-    "parent-element": {
-        observerMap: {},
-    },
-    "child-element": {
-        observerMap: {},
-    },
-    "grand-child-element": {
-        observerMap: {},
-    },
-    "test-when-in-repeat": {
-        observerMap: {},
-    },
-}).config({
-    elementDidDefine(name: string) {
-        (window as any).messages.push(
-            `Element did define: ${name} [${performance.now()}]`,
-        );
-    },
-    elementDidRegister(name: string) {
-        (window as any).messages.push(
-            `Element did register: ${name} [${performance.now()}]`,
-        );
+TestWhenInRepeat.define(
+    {
+        name: "test-when-in-repeat",
+        template: declarativeTemplate(lifecycleCallbacks),
     },
-    hydrationComplete() {
-        (window as any).messages.push(`Hydration complete [${performance.now()}]`);
-        (window as any).hydrationCompleted = true;
+    [observerMap()],
+);
+
+ItemList.define(
+    {
+        name: "parent-element",
+        template: declarativeTemplate(lifecycleCallbacks),
     },
-    templateDidUpdate(name: string) {
-        (window as any).messages.push(
-            `Template did update: ${name} [${performance.now()}]`,
-        );
+    [observerMap()],
+);
+
+Item.define(
+    {
+        name: "child-element",
+        template: declarativeTemplate(lifecycleCallbacks),
     },
-    templateWillUpdate(name: string) {
-        (window as any).messages.push(
-            `Template will update: ${name} [${performance.now()}]`,
-        );
+    [observerMap()],
+);
+
+GrandChildItem.define(
+    {
+        name: "grand-child-element",
+        template: declarativeTemplate(lifecycleCallbacks),
     },
-});
+    [observerMap()],
+);
diff --git a/packages/fast-element/test/extension-subpaths-main.ts b/packages/fast-element/test/extension-subpaths-main.ts
new file mode 100644
index 00000000000..4e50f4721b1
--- /dev/null
+++ b/packages/fast-element/test/extension-subpaths-main.ts
@@ -0,0 +1,9 @@
+export {
+    AttributeMap,
+    attributeMap,
+} from "@microsoft/fast-element/attribute-map.js";
+export {
+    ObserverMap,
+    observerMap,
+} from "@microsoft/fast-element/observer-map.js";
+export { Schema } from "../src/components/schema.js";
diff --git a/packages/fast-element/test/pure-declarative-main.ts b/packages/fast-element/test/pure-declarative-main.ts
index fc2f4ca81b4..f8a4faebe40 100644
--- a/packages/fast-element/test/pure-declarative-main.ts
+++ b/packages/fast-element/test/pure-declarative-main.ts
@@ -1 +1 @@
-export * from "../src/declarative.js";
+export { Schema, TemplateParser } from "../src/declarative/index.js";
diff --git a/packages/fast-element/test/tsconfig.json b/packages/fast-element/test/tsconfig.json
index 4709e0753ad..f6e7893c0ab 100644
--- a/packages/fast-element/test/tsconfig.json
+++ b/packages/fast-element/test/tsconfig.json
@@ -5,13 +5,39 @@
         "rootDir": "..",
         "paths": {
             "@microsoft/fast-element": ["../src"],
-            "@microsoft/fast-element/declarative.js": ["../src/declarative.ts"],
-            "@microsoft/fast-element/declarative/utilities.js": [
+            "@microsoft/fast-element/fast-element.js": [
+                "../src/components/fast-element.ts"
+            ],
+            "@microsoft/fast-element/declarative.js": ["../src/declarative/index.ts"],
+            "@microsoft/fast-element/declarative-utilities.js": [
                 "../src/declarative/utilities.ts"
             ],
             "@microsoft/fast-element/arrays.js": ["../src/arrays.ts"],
             "@microsoft/fast-element/hydration.js": ["../src/hydration.ts"],
-            "@microsoft/fast-element/styles.js": ["../src/styles.ts"]
+            "@microsoft/fast-element/styles.js": ["../src/styles.ts"],
+            "@microsoft/fast-element/updates.js": ["../src/updates.ts"],
+            "@microsoft/fast-element/observable.js": ["../src/observable.ts"],
+            "@microsoft/fast-element/volatile.js": ["../src/volatile.ts"],
+            "@microsoft/fast-element/attr.js": ["../src/attr.ts"],
+            "@microsoft/fast-element/css.js": ["../src/css.ts"],
+            "@microsoft/fast-element/html.js": ["../src/html.ts"],
+            "@microsoft/fast-element/array-observer.js": ["../src/array-observer.ts"],
+            "@microsoft/fast-element/children.js": ["../src/directives/children.ts"],
+            "@microsoft/fast-element/ref.js": ["../src/directives/ref.ts"],
+            "@microsoft/fast-element/slotted.js": ["../src/directives/slotted.ts"],
+            "@microsoft/fast-element/when.js": ["../src/directives/when.ts"],
+            "@microsoft/fast-element/repeat.js": ["../src/directives/repeat.ts"],
+            "@microsoft/fast-element/attribute-map.js": [
+                "../src/declarative/attribute-map.ts"
+            ],
+            "@microsoft/fast-element/observer-map.js": [
+                "../src/declarative/observer-map.ts"
+            ],
+            "@microsoft/fast-element/two-way.js": ["../src/binding/two-way.ts"],
+            "@microsoft/fast-element/signal.js": ["../src/binding/signal.ts"],
+            "@microsoft/fast-element/node-observation.js": [
+                "../src/directives/node-observation.ts"
+            ]
         }
     },
     "include": ["**/*.ts"]
diff --git a/packages/fast-router/README.md b/packages/fast-router/README.md
index 0114f946223..5bda03e0cb0 100644
--- a/packages/fast-router/README.md
+++ b/packages/fast-router/README.md
@@ -102,7 +102,9 @@ export class AppRouterConfiguration extends RouterConfiguration<RouteSettings> {
 #### Using the Configuration with a Router
 
 ```ts
-import { FASTElement, customElement, html, css } from '@microsoft/fast-element';
+import { FASTElement, customElement } from '@microsoft/fast-element/fast-element.js';
+import { css } from '@microsoft/fast-element/css.js';
+import { html } from '@microsoft/fast-element/html.js';
 import { FASTRouter } from '@microsoft/fast-router';
 import { AppRouterConfiguration } from './routes';
 
@@ -132,4 +134,4 @@ const styles = css`
 export class MainApplication extends FASTElement {
   routerConfiguration = new AppRouterConfiguration();
 }
-```
\ No newline at end of file
+```
diff --git a/packages/fast-router/docs/api-report.api.md b/packages/fast-router/docs/api-report.api.md
index 97870effcd1..78383f2a91e 100644
--- a/packages/fast-router/docs/api-report.api.md
+++ b/packages/fast-router/docs/api-report.api.md
@@ -4,15 +4,15 @@
 
 ```ts
 
-import { AddViewBehaviorFactory } from '@microsoft/fast-element';
+import { AddViewBehaviorFactory } from '@microsoft/fast-element/templating.js';
 import type { ComposableStyles } from '@microsoft/fast-element/styles.js';
 import { Constructable } from '@microsoft/fast-element';
-import { ExecutionContext } from '@microsoft/fast-element';
+import type { ExecutionContext } from '@microsoft/fast-element';
 import { FASTElement } from '@microsoft/fast-element';
-import { ViewBehavior } from '@microsoft/fast-element';
-import { ViewBehaviorFactory } from '@microsoft/fast-element';
-import { ViewController } from '@microsoft/fast-element';
-import { ViewTemplate } from '@microsoft/fast-element';
+import { ViewBehavior } from '@microsoft/fast-element/templating.js';
+import { ViewBehaviorFactory } from '@microsoft/fast-element/templating.js';
+import { ViewController } from '@microsoft/fast-element/templating.js';
+import type { ViewTemplate } from '@microsoft/fast-element/templating.js';
 
 // Warning: (ae-internal-missing-underscore) The name "childRouteParameter" should be prefixed with an underscore because the declaration is marked as @internal
 //
diff --git a/packages/fast-router/src/commands.ts b/packages/fast-router/src/commands.ts
index 6b841c267b2..cf4e2d22873 100644
--- a/packages/fast-router/src/commands.ts
+++ b/packages/fast-router/src/commands.ts
@@ -1,24 +1,29 @@
+import { FASTElementDefinition } from "@microsoft/fast-element";
+import { html } from "@microsoft/fast-element/html.js";
 import {
-    CompiledViewBehaviorFactory,
-    FASTElementDefinition,
-    html,
+    type CompiledViewBehaviorFactory,
     HTMLView,
-    ViewBehaviorFactory,
+    type ViewBehaviorFactory,
     ViewTemplate,
-} from "@microsoft/fast-element";
-import { RenderOperation, Router } from "./router.js";
-import { RouterConfiguration } from "./configuration.js";
-import { FASTElementLayout, Layout, RouteView, Transition } from "./view.js";
-import {
+} from "@microsoft/fast-element/templating.js";
+import type { RouterConfiguration } from "./configuration.js";
+import { type NavigationContributor, navigationContributor } from "./contributors.js";
+import { Route } from "./navigation.js";
+import type { NavigationCommitPhase, NavigationPhase } from "./phases.js";
+import type { RecognizedRoute } from "./recognizer.js";
+import type { RenderOperation, Router } from "./router.js";
+import type {
     ElementFallbackRouteDefinition,
     ElementRouteDefinition,
     TemplateFallbackRouteDefinition,
     TemplateRouteDefinition,
 } from "./routes.js";
-import { Route } from "./navigation.js";
-import { RecognizedRoute } from "./recognizer.js";
-import { navigationContributor, NavigationContributor } from "./contributors.js";
-import { NavigationCommitPhase, NavigationPhase } from "./phases.js";
+import {
+    FASTElementLayout,
+    type Layout,
+    type RouteView,
+    type Transition,
+} from "./view.js";
 
 /**
  * @beta
@@ -26,7 +31,7 @@ import { NavigationCommitPhase, NavigationPhase } from "./phases.js";
 export interface NavigationCommand {
     createContributor(
         router: Router,
-        route: RecognizedRoute
+        route: RecognizedRoute,
     ): Promise<NavigationContributor>;
 }
 
@@ -66,13 +71,13 @@ export class Redirect implements NavigationCommand {
                 const path =
                     (await config.generateRouteFromName(
                         redirect,
-                        phase.route.allParams
+                        phase.route.allParams,
                     )) ||
                     (await config.generateRouteFromPath(redirect, phase.route.allParams));
 
                 if (path === null) {
                     throw new Error(
-                        `Invalid redirect. Name or path not found: ${redirect}`
+                        `Invalid redirect. Name or path not found: ${redirect}`,
                     );
                 }
 
@@ -114,7 +119,7 @@ class RenderContributor {
     constructor(
         private router: Router,
         private route: RecognizedRoute,
-        private command: Render
+        private command: Render,
     ) {}
 
     async construct(phase: NavigationPhase) {
@@ -147,7 +152,7 @@ export class Render implements RenderCommand {
 
     constructor(
         private owner: RouterConfiguration,
-        public createView: () => Promise<RouteView>
+        public createView: () => Promise<RouteView>,
     ) {}
 
     public get transition(): Transition {
@@ -176,7 +181,7 @@ export class Render implements RenderCommand {
             | ElementRouteDefinition
             | TemplateRouteDefinition
             | ElementFallbackRouteDefinition
-            | TemplateFallbackRouteDefinition
+            | TemplateFallbackRouteDefinition,
     ): Render {
         let createView: () => Promise<RouteView>;
 
@@ -218,7 +223,7 @@ export class Render implements RenderCommand {
                                 factory = factoryFromElementName(def.name);
                             } else {
                                 throw new Error(
-                                    "Invalid value for element in route config."
+                                    "Invalid value for element in route config.",
                                 );
                             }
                         }
diff --git a/packages/fast-router/src/contributors.ts b/packages/fast-router/src/contributors.ts
index 57bf36dbefe..decf6be528c 100644
--- a/packages/fast-router/src/contributors.ts
+++ b/packages/fast-router/src/contributors.ts
@@ -1,18 +1,18 @@
 import {
-    AddViewBehaviorFactory,
+    type AddViewBehaviorFactory,
     HTMLDirective,
     Markup,
-    ViewBehavior,
-    ViewBehaviorFactory,
-    ViewController,
-} from "@microsoft/fast-element";
-import {
+    type ViewBehavior,
+    type ViewBehaviorFactory,
+    type ViewController,
+} from "@microsoft/fast-element/templating.js";
+import type {
     NavigationCommitPhaseHook,
     NavigationPhaseHook,
     NavigationPhaseName,
 } from "./phases.js";
 import { Router } from "./router.js";
-import { RouterExecutionContext } from "./view.js";
+import type { RouterExecutionContext } from "./view.js";
 
 /**
  * @beta
@@ -28,7 +28,7 @@ export type NavigationContributor<TSettings = any> = Partial<
  */
 export function isNavigationPhaseContributor<T extends NavigationPhaseName>(
     object: any,
-    phase: T
+    phase: T,
 ): object is Record<T, NavigationPhaseHook> {
     return phase in object;
 }
@@ -103,9 +103,9 @@ class NavigationContributorBehavior implements ViewBehavior {
  * @beta
  */
 export function navigationContributor(
-    options?: ContributorOptions
+    options?: ContributorOptions,
 ): NavigationContributorDirective {
     return new NavigationContributorDirective(
-        Object.assign({}, defaultOptions, options) as Required<ContributorOptions>
+        Object.assign({}, defaultOptions, options) as Required<ContributorOptions>,
     );
 }
diff --git a/packages/fast-router/src/routes.ts b/packages/fast-router/src/routes.ts
index 1b1ee433dc6..56dc80b99da 100644
--- a/packages/fast-router/src/routes.ts
+++ b/packages/fast-router/src/routes.ts
@@ -1,18 +1,19 @@
-import { Constructable, FASTElement, ViewTemplate } from "@microsoft/fast-element";
+import type { Constructable, FASTElement } from "@microsoft/fast-element";
+import type { ViewTemplate } from "@microsoft/fast-element/templating.js";
+import { Ignore, type NavigationCommand, Redirect, Render } from "./commands.js";
+import type { RouterConfiguration } from "./configuration.js";
+import type { Route } from "./navigation.js";
+import { QueryString } from "./query-string.js";
 import {
     ConfigurableRoute,
     Endpoint,
     RecognizedRoute,
-    RouteParameterConverter,
-    RouteParameterConverterContext,
-    RouteRecognizer,
+    type RouteParameterConverter,
+    type RouteParameterConverterContext,
+    type RouteRecognizer,
 } from "./recognizer.js";
-import { Ignore, NavigationCommand, Redirect, Render } from "./commands.js";
-import { Layout, Transition } from "./view.js";
-import { RouterConfiguration } from "./configuration.js";
-import { Router } from "./router.js";
-import { QueryString } from "./query-string.js";
-import { Route } from "./navigation.js";
+import type { Router } from "./router.js";
+import type { Layout, Transition } from "./view.js";
 
 /**
  * @internal
@@ -192,7 +193,7 @@ export type RouteMatch<TSettings = any> = {
 
 function getFallbackCommand(
     config: RouterConfiguration,
-    definition: FallbackRouteDefinition
+    definition: FallbackRouteDefinition,
 ): NavigationCommand {
     if ("command" in definition) {
         return definition.command;
@@ -236,8 +237,8 @@ const booleanConverter = (name: string, value: any) => {
 const defaultConverters = {
     number: (name: string, value: any) => (value === void 0 ? NaN : parseFloat(value)),
     float: (name: string, value: any) => (value === void 0 ? NaN : parseFloat(value)),
-    int: (name: string, value: any) => (value === void 0 ? NaN : parseInt(value)),
-    integer: (name: string, value: any) => (value === void 0 ? NaN : parseInt(value)),
+    int: (name: string, value: any) => (value === void 0 ? NaN : parseInt(value, 10)),
+    integer: (name: string, value: any) => (value === void 0 ? NaN : parseInt(value, 10)),
     Date: (name: string, value: any) =>
         value === void 0 ? new Date(Date.now()) : new Date(value),
     boolean: booleanConverter,
@@ -289,7 +290,7 @@ export class RouteCollection<TSettings = any> {
                         const childTitle = (x as HasTitle).title || "";
                         (childRoute as HasTitle).title = titleBuilder.joinTitles(
                             parentTitle,
-                            childTitle
+                            childTitle,
                         );
                     }
 
@@ -335,7 +336,7 @@ export class RouteCollection<TSettings = any> {
     }
 
     public fallback(
-        definitionOrCallback: FallbackRouteDefinition<TSettings> | DefinitionCallback
+        definitionOrCallback: FallbackRouteDefinition<TSettings> | DefinitionCallback,
     ) {
         const owner = this.owner;
 
@@ -361,10 +362,10 @@ export class RouteCollection<TSettings = any> {
             normalizedConverter = (
                 name: string,
                 value: string | undefined,
-                context: RouteParameterConverterContext
+                context: RouteParameterConverterContext,
             ) => {
                 const obj = this.owner.construct(
-                    converter as Constructable<RouteParameterConverterObject>
+                    converter as Constructable<RouteParameterConverterObject>,
                 );
 
                 return obj.convert(name, value, context);
@@ -396,11 +397,11 @@ export class RouteCollection<TSettings = any> {
                         new ConfigurableRoute("*", "", false),
                         [],
                         [],
-                        this.fallbackSettings
+                        this.fallbackSettings,
                     ),
                     {},
                     {},
-                    queryParams
+                    queryParams,
                 ),
                 command: this.fallbackCommand,
             };
diff --git a/packages/fast-router/src/view.ts b/packages/fast-router/src/view.ts
index c980ad225a5..286374c2f97 100644
--- a/packages/fast-router/src/view.ts
+++ b/packages/fast-router/src/view.ts
@@ -1,11 +1,9 @@
-import {
-    ExecutionContext,
-    html,
-    ViewTemplate,
-} from "@microsoft/fast-element";
+import type { ExecutionContext } from "@microsoft/fast-element";
+import { html } from "@microsoft/fast-element/html.js";
 import type { ComposableStyles } from "@microsoft/fast-element/styles.js";
 import { ElementStyles } from "@microsoft/fast-element/styles.js";
-import { isFASTElementHost, Router } from "./router.js";
+import type { ViewTemplate } from "@microsoft/fast-element/templating.js";
+import { isFASTElementHost, type Router } from "./router.js";
 
 /**
  * @beta
@@ -41,17 +39,17 @@ export const Transition = Object.freeze({
         async begin(
             host: HTMLElement,
             prev: RouteView | null,
-            next: RouteView
+            next: RouteView,
         ): Promise<void> {},
         async rollback(
             host: HTMLElement,
             prev: RouteView | null,
-            next: RouteView
+            next: RouteView,
         ): Promise<void> {},
         async commit(
             host: HTMLElement,
             prev: RouteView | null,
-            next: RouteView
+            next: RouteView,
         ): Promise<void> {},
     } as Transition),
 });
@@ -73,7 +71,7 @@ export class FASTElementLayout implements Layout {
     constructor(
         private readonly template: ViewTemplate | null = null,
         styles: ComposableStyles | ComposableStyles[] | undefined = undefined,
-        private runBeforeCommit = true
+        private runBeforeCommit = true,
     ) {
         this.styles = ElementStyles.normalize(styles) ?? null;
     }
@@ -110,6 +108,6 @@ export const Layout = Object.freeze({
     default: new FASTElementLayout(
         html`
             <slot></slot>
-        `
+        `,
     ) as Readonly<Layout>,
 });
diff --git a/packages/fast-test-harness/DESIGN.md b/packages/fast-test-harness/DESIGN.md
index 1828daa97f3..89f10fb72ec 100644
--- a/packages/fast-test-harness/DESIGN.md
+++ b/packages/fast-test-harness/DESIGN.md
@@ -73,7 +73,7 @@ test("renders element", async ({ fastPage }) => {
 | `src/fixtures/assertions.ts` | Custom Playwright assertion `toHaveCustomState` |
 | `src/ssr/render.ts` | SSR rendering helpers: `renderFixture`, `renderTemplate`, `renderPreloadLinks` |
 | `src/ssr/assets.ts` | Asset resolution helpers: `readAsset`, `resolveAssetUrl` |
-| `src/ssr/entry-client.ts` | SSR hydration entry point — defines `<f-template>` for the browser |
+| `src/ssr/entry-client.ts` | SSR client entrypoint that enables FAST Element hydration |
 | `server.mjs` | Express + Vite dev server — serves CSR pages and handles SSR fixture generation |
 | `start.mjs` | CLI entry point (`fast-test-harness` bin) — calls `startServer()` |
 | `playwright.config.ts` | Shared Playwright configuration (browsers, web server, test matching) |
@@ -174,7 +174,7 @@ The harness does **not** contain the SSR entry files itself — they live in the
 | `test/index.html` | Consumer | CSR entry page — loads the component registration script |
 | `test/ssr.html` | Consumer | SSR template with comment placeholders (`<!--fixture-->`, `<!--templates-->`, etc.) |
 | `test/src/entry-server.ts` | Consumer | Exports a `render(queryObj)` function that returns `{ template, fixture, preloadLinks }` |
-| `test/src/entry-client.ts` | Consumer | Registers components for DSD hydration in the browser |
+| `test/src/entry-client.ts` | Consumer | Calls `enableHydration()` when SSR content should hydrate and registers components in the browser |
 | `test/vite.config.ts` | Consumer | Vite configuration (can import the shared one from this package) |
 
 The `startServer(cwd, root, configFile)` function accepts overrides for each path:
diff --git a/packages/fast-test-harness/README.md b/packages/fast-test-harness/README.md
index 879865f79a1..d0c3138d743 100644
--- a/packages/fast-test-harness/README.md
+++ b/packages/fast-test-harness/README.md
@@ -123,11 +123,15 @@ setTheme(lightTheme);
 </html>
 ```
 
-**`entry-client.ts`** registers components for DSD hydration using `define`:
+**`entry-client.ts`** enables hydration and registers components. Component
+definition modules should use `template: declarativeTemplate()`; this
+automatically defines FAST's internal `<f-template>` publisher, so there is no
+manual `TemplateElement.define()` step.
 
 ```ts
-import { TemplateElement } from "@microsoft/fast-element/declarative.js";
-TemplateElement.define({ name: "f-template" });
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
+
+enableHydration();
 
 // Load all define-async modules
 const modules = import.meta.glob("../../src/*/define-async.{ts,js}");
@@ -213,6 +217,7 @@ await startServer(process.cwd(), "./test", "./test/vite.config.ts");
 |-----------|----------|
 | `@microsoft/fast-test-harness` | `test`, `expect`, `CSRFixture`, `SSRFixture`, `readAsset`, `resolveAssetUrl`, `renderFixture`, `renderTemplate` |
 | `@microsoft/fast-test-harness/server.mjs` | `startServer`, `app` |
+| `@microsoft/fast-test-harness/ssr/entry-client.js` | Enables FAST Element hydration for SSR pages |
 | `@microsoft/fast-test-harness/ssr/render.js` | `renderFixture`, `renderTemplate`, `renderPreloadLinks` |
 | `@microsoft/fast-test-harness/ssr/assets.js` | `readAsset`, `resolveAssetUrl` |
 | `@microsoft/fast-test-harness/public/*` | Static assets (base CSS) |
diff --git a/packages/fast-test-harness/src/ssr/entry-client.ts b/packages/fast-test-harness/src/ssr/entry-client.ts
index 9d74140dfb4..1a7c6a14d4e 100644
--- a/packages/fast-test-harness/src/ssr/entry-client.ts
+++ b/packages/fast-test-harness/src/ssr/entry-client.ts
@@ -1,3 +1,3 @@
-import { TemplateElement } from "@microsoft/fast-element/declarative.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 
-TemplateElement.define({ name: "f-template" });
+enableHydration();
diff --git a/sites/benchmarks/src/scenarios/all/element.ts b/sites/benchmarks/src/scenarios/all/element.ts
index 29d57422db9..414819988b9 100644
--- a/sites/benchmarks/src/scenarios/all/element.ts
+++ b/sites/benchmarks/src/scenarios/all/element.ts
@@ -1,9 +1,6 @@
-import {
-    attr,
-    FASTElement,
-    html,
-    nullableNumberConverter,
-} from "@microsoft/fast-element";
+import { attr, nullableNumberConverter } from "@microsoft/fast-element/attr.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { html } from "@microsoft/fast-element/html.js";
 import {
     BenchElement as AttrReflectBenchElement,
     template as attrReflectTemplate,
diff --git a/sites/benchmarks/src/scenarios/all/hydration/main.ts b/sites/benchmarks/src/scenarios/all/hydration/main.ts
index b4de90e6383..a02235b78a5 100644
--- a/sites/benchmarks/src/scenarios/all/hydration/main.ts
+++ b/sites/benchmarks/src/scenarios/all/hydration/main.ts
@@ -1,16 +1,18 @@
-import { TemplateElement } from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 import { signalDone } from "../../harness.js";
 import { BenchElement } from "../element.js";
 
 BenchElement.define({
     name: "all-bench-element",
+    template: declarativeTemplate(),
 });
 
 performance.mark("bench-start");
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         performance.mark("bench-end");
         signalDone();
     },
-}).define({ name: "f-template" });
+});
diff --git a/sites/benchmarks/src/scenarios/attr-reflect/element.ts b/sites/benchmarks/src/scenarios/attr-reflect/element.ts
index c3ead39418e..cff745bffd6 100644
--- a/sites/benchmarks/src/scenarios/attr-reflect/element.ts
+++ b/sites/benchmarks/src/scenarios/attr-reflect/element.ts
@@ -1,10 +1,6 @@
-import {
-    attr,
-    FASTElement,
-    html,
-    nullableNumberConverter,
-} from "@microsoft/fast-element";
-
+import { attr, nullableNumberConverter } from "@microsoft/fast-element/attr.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { html } from "@microsoft/fast-element/html.js";
 export class BenchElement extends FASTElement {
     @attr
     label?: string;
diff --git a/sites/benchmarks/src/scenarios/attr-reflect/hydration/main.ts b/sites/benchmarks/src/scenarios/attr-reflect/hydration/main.ts
index b118d62d883..2ada1c4e43e 100644
--- a/sites/benchmarks/src/scenarios/attr-reflect/hydration/main.ts
+++ b/sites/benchmarks/src/scenarios/attr-reflect/hydration/main.ts
@@ -1,16 +1,18 @@
-import { TemplateElement } from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 import { signalDone } from "../../harness.js";
 import { BenchElement } from "../element.js";
 
 BenchElement.define({
     name: "attr-reflect-bench-element",
+    template: declarativeTemplate(),
 });
 
 performance.mark("bench-start");
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         performance.mark("bench-end");
         signalDone();
     },
-}).define({ name: "f-template" });
+});
diff --git a/sites/benchmarks/src/scenarios/basic/element.ts b/sites/benchmarks/src/scenarios/basic/element.ts
index 986d1346b2e..b7ae2a32e8e 100644
--- a/sites/benchmarks/src/scenarios/basic/element.ts
+++ b/sites/benchmarks/src/scenarios/basic/element.ts
@@ -1,5 +1,5 @@
-import { FASTElement, html } from "@microsoft/fast-element";
-
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { html } from "@microsoft/fast-element/html.js";
 export class BenchElement extends FASTElement {}
 
 export const template = html`
diff --git a/sites/benchmarks/src/scenarios/basic/hydration/main.ts b/sites/benchmarks/src/scenarios/basic/hydration/main.ts
index 89f235bdcbc..43a158f597c 100644
--- a/sites/benchmarks/src/scenarios/basic/hydration/main.ts
+++ b/sites/benchmarks/src/scenarios/basic/hydration/main.ts
@@ -1,16 +1,18 @@
-import { TemplateElement } from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 import { signalDone } from "../../harness.js";
 import { BenchElement } from "../element.js";
 
 BenchElement.define({
     name: "basic-bench-element",
+    template: declarativeTemplate(),
 });
 
 performance.mark("bench-start");
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         performance.mark("bench-end");
         signalDone();
     },
-}).define({ name: "f-template" });
+});
diff --git a/sites/benchmarks/src/scenarios/bind-event/element.ts b/sites/benchmarks/src/scenarios/bind-event/element.ts
index 098b12d4ad4..c0cdd4d35e8 100644
--- a/sites/benchmarks/src/scenarios/bind-event/element.ts
+++ b/sites/benchmarks/src/scenarios/bind-event/element.ts
@@ -1,5 +1,6 @@
-import { attr, FASTElement, html } from "@microsoft/fast-element";
-
+import { attr } from "@microsoft/fast-element/attr.js";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { html } from "@microsoft/fast-element/html.js";
 export class BenchElement extends FASTElement {
     @attr count: string = "0";
 
diff --git a/sites/benchmarks/src/scenarios/bind-event/hydration/main.ts b/sites/benchmarks/src/scenarios/bind-event/hydration/main.ts
index 3ac7c188751..94092664bf7 100644
--- a/sites/benchmarks/src/scenarios/bind-event/hydration/main.ts
+++ b/sites/benchmarks/src/scenarios/bind-event/hydration/main.ts
@@ -1,16 +1,18 @@
-import { TemplateElement } from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 import { signalDone } from "../../harness.js";
 import { BenchElement } from "../element.js";
 
 BenchElement.define({
     name: "bind-event-bench-element",
+    template: declarativeTemplate(),
 });
 
 performance.mark("bench-start");
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         performance.mark("bench-end");
         signalDone();
     },
-}).define({ name: "f-template" });
+});
diff --git a/sites/benchmarks/src/scenarios/dot-syntax/csr/main.ts b/sites/benchmarks/src/scenarios/dot-syntax/csr/main.ts
index 8aaa7da10d7..b02144dfeb5 100644
--- a/sites/benchmarks/src/scenarios/dot-syntax/csr/main.ts
+++ b/sites/benchmarks/src/scenarios/dot-syntax/csr/main.ts
@@ -1,14 +1,15 @@
-import { TemplateElement } from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
 import { runBenchmark } from "../../harness.js";
 import { BenchElement } from "../element.js";
 
-BenchElement.define({
-    name: "dot-syntax-bench-element",
-});
-
-TemplateElement.options({
-    "dot-syntax-bench-element": { observerMap: "all" },
-}).define({ name: "f-template" });
+BenchElement.define(
+    {
+        name: "dot-syntax-bench-element",
+        template: declarativeTemplate(),
+    },
+    [observerMap()],
+);
 
 await customElements.whenDefined("dot-syntax-bench-element");
 
diff --git a/sites/benchmarks/src/scenarios/dot-syntax/hydration/main.ts b/sites/benchmarks/src/scenarios/dot-syntax/hydration/main.ts
index 50a1efd62ee..347bca3bd2d 100644
--- a/sites/benchmarks/src/scenarios/dot-syntax/hydration/main.ts
+++ b/sites/benchmarks/src/scenarios/dot-syntax/hydration/main.ts
@@ -1,20 +1,22 @@
-import { TemplateElement } from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
 import { signalDone } from "../../harness.js";
 import { BenchElement } from "../element.js";
 
-BenchElement.define({
-    name: "dot-syntax-bench-element",
-});
+BenchElement.define(
+    {
+        name: "dot-syntax-bench-element",
+        template: declarativeTemplate(),
+    },
+    [observerMap()],
+);
 
 performance.mark("bench-start");
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         performance.mark("bench-end");
         signalDone();
     },
-})
-    .options({
-        "dot-syntax-bench-element": { observerMap: "all" },
-    })
-    .define({ name: "f-template" });
+});
diff --git a/sites/benchmarks/src/scenarios/ref-slotted/element.ts b/sites/benchmarks/src/scenarios/ref-slotted/element.ts
index a9c88edec0c..0d4217006fe 100644
--- a/sites/benchmarks/src/scenarios/ref-slotted/element.ts
+++ b/sites/benchmarks/src/scenarios/ref-slotted/element.ts
@@ -1,5 +1,7 @@
-import { FASTElement, html, ref, slotted } from "@microsoft/fast-element";
-
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { html } from "@microsoft/fast-element/html.js";
+import { ref } from "@microsoft/fast-element/ref.js";
+import { slotted } from "@microsoft/fast-element/slotted.js";
 export class BenchElement extends FASTElement {
     heading!: HTMLHeadingElement;
     slottedItems!: Element[];
diff --git a/sites/benchmarks/src/scenarios/ref-slotted/hydration/main.ts b/sites/benchmarks/src/scenarios/ref-slotted/hydration/main.ts
index c99504dbd17..d1a30a95791 100644
--- a/sites/benchmarks/src/scenarios/ref-slotted/hydration/main.ts
+++ b/sites/benchmarks/src/scenarios/ref-slotted/hydration/main.ts
@@ -1,16 +1,18 @@
-import { TemplateElement } from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 import { signalDone } from "../../harness.js";
 import { BenchElement } from "../element.js";
 
 BenchElement.define({
     name: "ref-slotted-bench-element",
+    template: declarativeTemplate(),
 });
 
 performance.mark("bench-start");
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         performance.mark("bench-end");
         signalDone();
     },
-}).define({ name: "f-template" });
+});
diff --git a/sites/benchmarks/src/scenarios/repeat/element.ts b/sites/benchmarks/src/scenarios/repeat/element.ts
index 32ab036c8ed..1f126e88730 100644
--- a/sites/benchmarks/src/scenarios/repeat/element.ts
+++ b/sites/benchmarks/src/scenarios/repeat/element.ts
@@ -1,4 +1,6 @@
-import { FASTElement, html, repeat } from "@microsoft/fast-element";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { html } from "@microsoft/fast-element/html.js";
+import { repeat } from "@microsoft/fast-element/repeat.js";
 
 const items = Array.from({ length: 20 }, (_, i) => `Item ${i}`);
 
diff --git a/sites/benchmarks/src/scenarios/repeat/hydration/main.ts b/sites/benchmarks/src/scenarios/repeat/hydration/main.ts
index 3b6355b9c9b..d27e3680b9c 100644
--- a/sites/benchmarks/src/scenarios/repeat/hydration/main.ts
+++ b/sites/benchmarks/src/scenarios/repeat/hydration/main.ts
@@ -1,16 +1,18 @@
-import { TemplateElement } from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 import { signalDone } from "../../harness.js";
 import { BenchElement } from "../element.js";
 
 BenchElement.define({
     name: "repeat-bench-element",
+    template: declarativeTemplate(),
 });
 
 performance.mark("bench-start");
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         performance.mark("bench-end");
         signalDone();
     },
-}).define({ name: "f-template" });
+});
diff --git a/sites/benchmarks/src/scenarios/when/element.ts b/sites/benchmarks/src/scenarios/when/element.ts
index bd9f59a65e0..a2effac41ad 100644
--- a/sites/benchmarks/src/scenarios/when/element.ts
+++ b/sites/benchmarks/src/scenarios/when/element.ts
@@ -1,5 +1,7 @@
-import { FASTElement, html, observable, when } from "@microsoft/fast-element";
-
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { html } from "@microsoft/fast-element/html.js";
+import { observable } from "@microsoft/fast-element/observable.js";
+import { when } from "@microsoft/fast-element/when.js";
 export class BenchElement extends FASTElement {
     @observable show = true;
 }
diff --git a/sites/benchmarks/src/scenarios/when/hydration/main.ts b/sites/benchmarks/src/scenarios/when/hydration/main.ts
index 8349c0a1de5..800d3da9977 100644
--- a/sites/benchmarks/src/scenarios/when/hydration/main.ts
+++ b/sites/benchmarks/src/scenarios/when/hydration/main.ts
@@ -1,16 +1,18 @@
-import { TemplateElement } from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 import { signalDone } from "../../harness.js";
 import { BenchElement } from "../element.js";
 
 BenchElement.define({
     name: "when-bench-element",
+    template: declarativeTemplate(),
 });
 
 performance.mark("bench-start");
 
-TemplateElement.config({
+enableHydration({
     hydrationComplete() {
         performance.mark("bench-end");
         signalDone();
     },
-}).define({ name: "f-template" });
+});
diff --git a/sites/website/scripts/generate-docs.cjs b/sites/website/scripts/generate-docs.cjs
index 9d0c8615cff..68d32bd34b9 100644
--- a/sites/website/scripts/generate-docs.cjs
+++ b/sites/website/scripts/generate-docs.cjs
@@ -148,6 +148,8 @@ async function convertDocFiles(dir, docFiles, pkg, exportPath) {
                         : line.replace(/\]\(\.\/([^)]+)\.md\)/g, `](../$1/)`);
                 }
 
+                line = line.replace(/[ \t]+$/u, "");
+
                 if (!skip) {
                     output.push(line);
                 }
@@ -248,14 +250,14 @@ async function buildAPIMarkdown() {
 
     const docFiles = await fs.readdir(markdownAPIDir);
 
-    convertDocFiles(markdownAPIDir, docFiles);
+    await convertDocFiles(markdownAPIDir, docFiles);
 
     for (const pkg of packages) {
         for (const pkgExport of pkg.exports) {
             const exportDir = `${markdownAPIDir}/${pkg.main}/${pkgExport}`;
             const exportDocFiles = await fs.readdir(exportDir);
 
-            convertDocFiles(
+            await convertDocFiles(
                 exportDir,
                 exportDocFiles,
                 `@microsoft/${pkg.main}`,
diff --git a/sites/website/src/docs/3.x/advanced/dependency-injection.md b/sites/website/src/docs/3.x/advanced/dependency-injection.md
index 8bbcfbe0285..765f08ca53c 100644
--- a/sites/website/src/docs/3.x/advanced/dependency-injection.md
+++ b/sites/website/src/docs/3.x/advanced/dependency-injection.md
@@ -134,4 +134,4 @@ MyComponent.define({
     name: "my-component",
     template: html`<div>${x => x.status}</div>`
 });
-```
\ No newline at end of file
+```
diff --git a/sites/website/src/docs/3.x/advanced/path-exports.md b/sites/website/src/docs/3.x/advanced/path-exports.md
new file mode 100644
index 00000000000..89f81cce322
--- /dev/null
+++ b/sites/website/src/docs/3.x/advanced/path-exports.md
@@ -0,0 +1,61 @@
+---
+id: path-exports
+title: Path Exports
+layout: 3x
+eleventyNavigation:
+  key: path-exports3x
+  parent: advanced3x
+  title: Path Exports
+navigationOptions:
+  activeKey: path-exports3x
+description: Package path exports for @microsoft/fast-element.
+keywords:
+  - exports
+  - path exports
+  - package exports
+---
+
+# Path Exports
+
+`@microsoft/fast-element` exposes its implementation APIs from the root export. Path exports are also available when you want to import a focused entrypoint directly. Declarative, hydration, context, and dependency injection APIs are path-only and should be imported from their listed paths.
+
+This table is generated from the `exports` field in `@microsoft/fast-element/package.json`.
+
+| Import path | Provides | Runtime target | Types |
+|---|---|---|---|
+| `@microsoft/fast-element` | Root implementation export for FAST Element APIs. | `./dist/esm/index.js` | `./dist/dts/index.d.ts` |
+| `@microsoft/fast-element/debug.js` | Debug message helpers. | `./dist/esm/debug.js` | `./dist/dts/debug.d.ts` |
+| `@microsoft/fast-element/fast-element.js` | FASTElement and the customElement decorator. | `./dist/esm/components/fast-element.js` | `./dist/dts/components/fast-element.d.ts` |
+| `@microsoft/fast-element/declarative.js` | Path-only declarative template APIs. | `./dist/esm/declarative/index.js` | `./dist/dts/declarative/index.d.ts` |
+| `@microsoft/fast-element/declarative-utilities.js` | Declarative parser and observer-map utilities. | `./dist/esm/declarative/utilities.js` | `./dist/dts/declarative/utilities.d.ts` |
+| `@microsoft/fast-element/attribute-map.js` | Schema-driven attribute map extension. | `./dist/esm/declarative/attribute-map.js` | `./dist/dts/declarative/attribute-map.d.ts` |
+| `@microsoft/fast-element/observer-map.js` | Schema-driven observer map extension. | `./dist/esm/declarative/observer-map.js` | `./dist/dts/declarative/observer-map.d.ts` |
+| `@microsoft/fast-element/hydration.js` | Path-only opt-in hydration APIs. | `./dist/esm/hydration.js` | `./dist/dts/hydration.d.ts` |
+| `@microsoft/fast-element/binding.js` | Binding directives and binding helpers. | `./dist/esm/binding.js` | `./dist/dts/binding.d.ts` |
+| `@microsoft/fast-element/two-way.js` | Two-way binding helper. | `./dist/esm/binding/two-way.js` | `./dist/dts/binding/two-way.d.ts` |
+| `@microsoft/fast-element/signal.js` | Signal binding helper. | `./dist/esm/binding/signal.js` | `./dist/dts/binding/signal.d.ts` |
+| `@microsoft/fast-element/render.js` | Render directive APIs. | `./dist/esm/render.js` | `./dist/dts/render.d.ts` |
+| `@microsoft/fast-element/utilities.js` | DOM utility helpers. | `./dist/esm/utilities.js` | `./dist/dts/utilities.d.ts` |
+| `@microsoft/fast-element/state.js` | State and watch helpers. | `./dist/esm/state/exports.js` | `./dist/dts/state/exports.d.ts` |
+| `@microsoft/fast-element/context.js` | Path-only context protocol APIs. | `./dist/esm/context.js` | `./dist/dts/context.d.ts` |
+| `@microsoft/fast-element/di.js` | Path-only dependency injection APIs. | `./dist/esm/di/di.js` | `./dist/dts/di/di.d.ts` |
+| `@microsoft/fast-element/dom.js` | DOM abstraction and DOM aspect APIs. | `./dist/esm/dom.js` | `./dist/dts/dom.d.ts` |
+| `@microsoft/fast-element/dom-policy.js` | Trusted Types DOM policy helpers. | `./dist/esm/dom-policy.js` | `./dist/dts/dom-policy.d.ts` |
+| `@microsoft/fast-element/updates.js` | DOM update queue APIs. | `./dist/esm/updates.js` | `./dist/dts/updates.d.ts` |
+| `@microsoft/fast-element/arrays.js` | Array observation helpers. | `./dist/esm/arrays.js` | `./dist/dts/arrays.d.ts` |
+| `@microsoft/fast-element/array-observer.js` | ArrayObserver. | `./dist/esm/array-observer.js` | `./dist/dts/array-observer.d.ts` |
+| `@microsoft/fast-element/schema.js` | Schema and schema registry APIs. | `./dist/esm/schema.js` | `./dist/dts/schema.d.ts` |
+| `@microsoft/fast-element/observable.js` | Observable and observable decorator APIs. | `./dist/esm/observable.js` | `./dist/dts/observable.d.ts` |
+| `@microsoft/fast-element/volatile.js` | Volatile observable decorator. | `./dist/esm/volatile.js` | `./dist/dts/volatile.d.ts` |
+| `@microsoft/fast-element/attr.js` | Attribute decorator and attribute definition APIs. | `./dist/esm/attr.js` | `./dist/dts/attr.d.ts` |
+| `@microsoft/fast-element/css.js` | CSS template tag APIs. | `./dist/esm/css.js` | `./dist/dts/css.d.ts` |
+| `@microsoft/fast-element/html.js` | HTML template tag APIs. | `./dist/esm/html.js` | `./dist/dts/html.d.ts` |
+| `@microsoft/fast-element/templating.js` | Advanced templating APIs. | `./dist/esm/templating.js` | `./dist/dts/templating.d.ts` |
+| `@microsoft/fast-element/children.js` | children directive. | `./dist/esm/directives/children.js` | `./dist/dts/directives/children.d.ts` |
+| `@microsoft/fast-element/node-observation.js` | Node observation directive APIs. | `./dist/esm/directives/node-observation.js` | `./dist/dts/directives/node-observation.d.ts` |
+| `@microsoft/fast-element/ref.js` | ref directive. | `./dist/esm/directives/ref.js` | `./dist/dts/directives/ref.d.ts` |
+| `@microsoft/fast-element/slotted.js` | slotted directive. | `./dist/esm/directives/slotted.js` | `./dist/dts/directives/slotted.d.ts` |
+| `@microsoft/fast-element/when.js` | when directive. | `./dist/esm/directives/when.js` | `./dist/dts/directives/when.d.ts` |
+| `@microsoft/fast-element/repeat.js` | repeat directive. | `./dist/esm/directives/repeat.js` | `./dist/dts/directives/repeat.d.ts` |
+| `@microsoft/fast-element/styles.js` | Element style APIs. | `./dist/esm/styles.js` | `./dist/dts/styles.d.ts` |
+| `@microsoft/fast-element/package.json` | Package metadata. | `./package.json` | n/a |
diff --git a/sites/website/src/docs/3.x/advanced/reactivity.md b/sites/website/src/docs/3.x/advanced/reactivity.md
index 9e3b95ee8d7..1c3b592502a 100644
--- a/sites/website/src/docs/3.x/advanced/reactivity.md
+++ b/sites/website/src/docs/3.x/advanced/reactivity.md
@@ -191,7 +191,7 @@ In addition to watching properties and arrays, you can also watch volatile prope
 **Example: Subscribing to a Volatile Property**
 
 ```ts
-import { Observable, defaultExecutionContext } from '@microsoft/fast-element';
+import { ExecutionContext, Observable } from '@microsoft/fast-element';
 
 const myObject = new MyClass();
 const handler = {
@@ -201,7 +201,7 @@ const handler = {
   }
 };
 const bindingObserver = Observable.binding(myObject.computedValue, handler);
-bindingObserver.observe(myObject, defaultExecutionContext);
+bindingObserver.observe(myObject, ExecutionContext.default);
 
 // Call this to dismantle the observer
 bindingObserver.disconnect();
@@ -213,9 +213,11 @@ To inspect which observable objects and properties were accessed from a `Binding
 
 **Example: Getting observation records**
 ```ts
+import { ExecutionContext, Observable } from '@microsoft/fast-element';
+
 const binding = (x: MyClass) => x.someBoolean ? x.valueA : x.valueB;
 const bindingObserver = Observable.binding(binding);
-const value = bindingObserver.observe({}, defaultExecutionContext);
+const value = bindingObserver.observe({}, ExecutionContext.default);
 
 for (const record of bindingObserver.records()) {
   // Do something with the binding's observable dependencies
diff --git a/sites/website/src/docs/3.x/advanced/working-with-custom-elements.md b/sites/website/src/docs/3.x/advanced/working-with-custom-elements.md
index f21d6767e7b..0cdec4a2c59 100644
--- a/sites/website/src/docs/3.x/advanced/working-with-custom-elements.md
+++ b/sites/website/src/docs/3.x/advanced/working-with-custom-elements.md
@@ -66,8 +66,7 @@ const template = html<MyProgress>`
 
 **Example:**
 ```ts
-import { attr, FASTElement } from '@microsoft/fast-element';
-import { css } from "@microsoft/fast-element/styles.js";
+import { attr, css, FASTElement } from '@microsoft/fast-element';
 
 class MyComponent extends FASTElement {
   private dynamicCSS = css`
@@ -100,8 +99,7 @@ class MyComponent extends FASTElement {
 For external signals such as [matchMedia()](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia), keep the listener on the element and toggle a separate stylesheet through the same controller APIs. `css` templates stay static, so move runtime conditions into the element rather than binding them inside the stylesheet:
 
 ```ts
-import { FASTElement } from "@microsoft/fast-element";
-import { css } from "@microsoft/fast-element/styles.js";
+import { css, FASTElement } from "@microsoft/fast-element";
 
 const darkStyles = css`
   :host {
diff --git a/sites/website/src/docs/3.x/advanced/working-without-decorators.md b/sites/website/src/docs/3.x/advanced/working-without-decorators.md
index 013fbc04c61..63fc90664ca 100644
--- a/sites/website/src/docs/3.x/advanced/working-without-decorators.md
+++ b/sites/website/src/docs/3.x/advanced/working-without-decorators.md
@@ -17,8 +17,7 @@ Most of our documented examples include the use of TypeScript decorators. Howeve
 When defining your component, you may pass in attributes in the same configuration object as the name, template, and styles:
 
 ```javascript
-import { FASTElement, html } from '@microsoft/fast-element';
-import { css } from "@microsoft/fast-element/styles.js";
+import { css, FASTElement, html } from '@microsoft/fast-element';
 
 export class MyElement extends FASTElement {
   // component logic
@@ -39,8 +38,7 @@ MyElement.define({
 This accepts the same configuration options as the `@attr` so for example to bind a property name that is different from an attribute name:
 
 ```javascript
-import { FASTElement, html } from '@microsoft/fast-element';
-import { css } from "@microsoft/fast-element/styles.js";
+import { css, FASTElement, html } from '@microsoft/fast-element';
 
 export class MyElement extends FASTElement {
   constructor() {
@@ -73,8 +71,7 @@ In the above example we are setting the `currentCount` in the constructor and no
 If you need to add a converter to your attribute:
 
 ```javascript
-import { FASTElement, html } from '@microsoft/fast-element';
-import { css } from "@microsoft/fast-element/styles.js";
+import { css, FASTElement, html } from '@microsoft/fast-element';
 
 const converter = {
   toView: (value) => {
@@ -105,4 +102,4 @@ MyElement.define({
     },
   ],
 });
-```
\ No newline at end of file
+```
diff --git a/sites/website/src/docs/3.x/api/fast-element.accesscachedpath.md b/sites/website/src/docs/3.x/api/fast-element.accesscachedpath.md
new file mode 100644
index 00000000000..b0ce2e36e23
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.accesscachedpath.md
@@ -0,0 +1,67 @@
+---
+id: "fast-element.accesscachedpath"
+title: "AccessCachedPath interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.accesscachedpath"
+  parent: "api3xfast-element"
+  title: "AccessCachedPath interface"
+navigationOptions:
+  activeKey: "api3xfast-element.accesscachedpath"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [AccessCachedPath](../fast-element.accesscachedpath/index.html)
+
+## AccessCachedPath interface
+
+A path discovered from an access expression.
+
+**Signature:**
+
+```typescript
+export interface AccessCachedPath extends CachedPathCommon
+```
+**Extends:** [CachedPathCommon](../fast-element.cachedpathcommon/)
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[type](../fast-element.accesscachedpath.type/)
+
+
+</td><td>
+
+
+</td><td>
+
+"access"
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.accesscachedpath.type.md b/sites/website/src/docs/3.x/api/fast-element.accesscachedpath.type.md
new file mode 100644
index 00000000000..699fb315e5a
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.accesscachedpath.type.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.accesscachedpath.type"
+title: "AccessCachedPath.type property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.accesscachedpath.type"
+  parent: "api3xfast-element"
+  title: "AccessCachedPath.type property"
+navigationOptions:
+  activeKey: "api3xfast-element.accesscachedpath.type"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [AccessCachedPath](../fast-element.accesscachedpath/index.html) &gt; [type](../fast-element.accesscachedpath.type/index.html)
+
+## AccessCachedPath.type property
+
+**Signature:**
+
+```typescript
+type: "access";
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.accessor.md b/sites/website/src/docs/3.x/api/fast-element.accessor.md
index 558e4f574bb..e2b8defd572 100644
--- a/sites/website/src/docs/3.x/api/fast-element.accessor.md
+++ b/sites/website/src/docs/3.x/api/fast-element.accessor.md
@@ -20,7 +20,7 @@ Represents a getter/setter property accessor on an object.
 **Signature:**
 
 ```typescript
-export interface Accessor 
+export interface Accessor
 ```
 
 ## Properties
diff --git a/sites/website/src/docs/3.x/api/fast-element.arrayobserver.addsort.md b/sites/website/src/docs/3.x/api/fast-element.arrayobserver.addsort.md
new file mode 100644
index 00000000000..4f3bdac674f
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.arrayobserver.addsort.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.arrayobserver.addsort"
+title: "ArrayObserver.addSort() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.arrayobserver.addsort"
+  parent: "api3xfast-element"
+  title: "ArrayObserver.addSort() method"
+navigationOptions:
+  activeKey: "api3xfast-element.arrayobserver.addsort"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ArrayObserver](../fast-element.arrayobserver/index.html) &gt; [addSort](../fast-element.arrayobserver.addsort/index.html)
+
+## ArrayObserver.addSort() method
+
+Adds a sort to the list of changes.
+
+**Signature:**
+
+```typescript
+addSort(sort: Sort): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+sort
+
+
+</td><td>
+
+[Sort](../fast-element.sort/)
+
+
+</td><td>
+
+The sort to add.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element.arrayobserver.addsplice.md b/sites/website/src/docs/3.x/api/fast-element.arrayobserver.addsplice.md
new file mode 100644
index 00000000000..46260aeaa8f
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.arrayobserver.addsplice.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.arrayobserver.addsplice"
+title: "ArrayObserver.addSplice() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.arrayobserver.addsplice"
+  parent: "api3xfast-element"
+  title: "ArrayObserver.addSplice() method"
+navigationOptions:
+  activeKey: "api3xfast-element.arrayobserver.addsplice"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ArrayObserver](../fast-element.arrayobserver/index.html) &gt; [addSplice](../fast-element.arrayobserver.addsplice/index.html)
+
+## ArrayObserver.addSplice() method
+
+Adds a splice to the list of changes.
+
+**Signature:**
+
+```typescript
+addSplice(splice: Splice): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+splice
+
+
+</td><td>
+
+[Splice](../fast-element.splice/)
+
+
+</td><td>
+
+The splice to add.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element.arrayobserver.flush.md b/sites/website/src/docs/3.x/api/fast-element.arrayobserver.flush.md
new file mode 100644
index 00000000000..abf8f31261f
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.arrayobserver.flush.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.arrayobserver.flush"
+title: "ArrayObserver.flush() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.arrayobserver.flush"
+  parent: "api3xfast-element"
+  title: "ArrayObserver.flush() method"
+navigationOptions:
+  activeKey: "api3xfast-element.arrayobserver.flush"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ArrayObserver](../fast-element.arrayobserver/index.html) &gt; [flush](../fast-element.arrayobserver.flush/index.html)
+
+## ArrayObserver.flush() method
+
+Flushes the changes to subscribers.
+
+**Signature:**
+
+```typescript
+flush(): void;
+```
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element.arrayobserver.lengthobserver.md b/sites/website/src/docs/3.x/api/fast-element.arrayobserver.lengthobserver.md
new file mode 100644
index 00000000000..a2ee10309fc
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.arrayobserver.lengthobserver.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.arrayobserver.lengthobserver"
+title: "ArrayObserver.lengthObserver property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.arrayobserver.lengthobserver"
+  parent: "api3xfast-element"
+  title: "ArrayObserver.lengthObserver property"
+navigationOptions:
+  activeKey: "api3xfast-element.arrayobserver.lengthobserver"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ArrayObserver](../fast-element.arrayobserver/index.html) &gt; [lengthObserver](../fast-element.arrayobserver.lengthobserver/index.html)
+
+## ArrayObserver.lengthObserver property
+
+The length observer for the array.
+
+**Signature:**
+
+```typescript
+readonly lengthObserver: LengthObserver;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.arrayobserver.md b/sites/website/src/docs/3.x/api/fast-element.arrayobserver.md
new file mode 100644
index 00000000000..d82efe25280
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.arrayobserver.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.arrayobserver"
+title: "ArrayObserver variable"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.arrayobserver"
+  parent: "api3xfast-element"
+  title: "ArrayObserver variable"
+navigationOptions:
+  activeKey: "api3xfast-element.arrayobserver"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ArrayObserver](../fast-element.arrayobserver/index.html)
+
+## ArrayObserver variable
+
+An observer for arrays.
+
+**Signature:**
+
+```typescript
+ArrayObserver: Readonly<{
+    readonly sorted: 0;
+    readonly enable: () => void;
+}>
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.arrayobserver.reset.md b/sites/website/src/docs/3.x/api/fast-element.arrayobserver.reset.md
new file mode 100644
index 00000000000..b7507c7a2d7
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.arrayobserver.reset.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.arrayobserver.reset"
+title: "ArrayObserver.reset() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.arrayobserver.reset"
+  parent: "api3xfast-element"
+  title: "ArrayObserver.reset() method"
+navigationOptions:
+  activeKey: "api3xfast-element.arrayobserver.reset"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ArrayObserver](../fast-element.arrayobserver/index.html) &gt; [reset](../fast-element.arrayobserver.reset/index.html)
+
+## ArrayObserver.reset() method
+
+Indicates that a reset change has occurred.
+
+**Signature:**
+
+```typescript
+reset(oldCollection: any[] | undefined): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+oldCollection
+
+
+</td><td>
+
+any\[\] \| undefined
+
+
+</td><td>
+
+The collection as it was before the reset.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element.arrayobserver.sortobserver.md b/sites/website/src/docs/3.x/api/fast-element.arrayobserver.sortobserver.md
new file mode 100644
index 00000000000..8359c6d5bef
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.arrayobserver.sortobserver.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.arrayobserver.sortobserver"
+title: "ArrayObserver.sortObserver property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.arrayobserver.sortobserver"
+  parent: "api3xfast-element"
+  title: "ArrayObserver.sortObserver property"
+navigationOptions:
+  activeKey: "api3xfast-element.arrayobserver.sortobserver"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ArrayObserver](../fast-element.arrayobserver/index.html) &gt; [sortObserver](../fast-element.arrayobserver.sortobserver/index.html)
+
+## ArrayObserver.sortObserver property
+
+The sort observer for the array.
+
+**Signature:**
+
+```typescript
+readonly sortObserver: SortObserver;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.arrayobserver.strategy.md b/sites/website/src/docs/3.x/api/fast-element.arrayobserver.strategy.md
new file mode 100644
index 00000000000..9b24cad0c31
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.arrayobserver.strategy.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.arrayobserver.strategy"
+title: "ArrayObserver.strategy property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.arrayobserver.strategy"
+  parent: "api3xfast-element"
+  title: "ArrayObserver.strategy property"
+navigationOptions:
+  activeKey: "api3xfast-element.arrayobserver.strategy"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ArrayObserver](../fast-element.arrayobserver/index.html) &gt; [strategy](../fast-element.arrayobserver.strategy/index.html)
+
+## ArrayObserver.strategy property
+
+The strategy to use for tracking changes.
+
+**Signature:**
+
+```typescript
+strategy: SpliceStrategy | null;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.aspected.md b/sites/website/src/docs/3.x/api/fast-element.aspected.md
index 39a8856e5d7..6e13c4e67e3 100644
--- a/sites/website/src/docs/3.x/api/fast-element.aspected.md
+++ b/sites/website/src/docs/3.x/api/fast-element.aspected.md
@@ -20,7 +20,7 @@ Represents something that applies to a specific aspect of the DOM.
 **Signature:**
 
 ```typescript
-export interface Aspected 
+export interface Aspected
 ```
 
 ## Properties
diff --git a/sites/website/src/docs/3.x/api/fast-element.attributedefinition.md b/sites/website/src/docs/3.x/api/fast-element.attributedefinition.md
index d25652182a9..ccbe55cfc63 100644
--- a/sites/website/src/docs/3.x/api/fast-element.attributedefinition.md
+++ b/sites/website/src/docs/3.x/api/fast-element.attributedefinition.md
@@ -15,12 +15,12 @@ navigationOptions:
 
 ## AttributeDefinition class
 
-An implementation of [Accessor](../fast-element.accessor/) that supports reactivity, change callbacks, attribute reflection, and type conversion for custom elements.
+An implementation of `Accessor` that supports reactivity, change callbacks, attribute reflection, and type conversion for custom elements.
 
 **Signature:**
 
 ```typescript
-export declare class AttributeDefinition implements Accessor 
+export declare class AttributeDefinition implements Accessor
 ```
 **Implements:** [Accessor](../fast-element.accessor/)
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.attributemode.md b/sites/website/src/docs/3.x/api/fast-element.attributemode.md
index d300694a718..b044f3c2d8a 100644
--- a/sites/website/src/docs/3.x/api/fast-element.attributemode.md
+++ b/sites/website/src/docs/3.x/api/fast-element.attributemode.md
@@ -20,7 +20,7 @@ The mode that specifies the runtime behavior of the attribute.
 **Signature:**
 
 ```typescript
-export type AttributeMode = typeof reflectMode | typeof booleanMode | "fromView";
+export type AttributeMode = "reflect" | "boolean" | "fromView";
 ```
 
 ## Remarks
diff --git a/sites/website/src/docs/3.x/api/fast-element.binding._constructor_.md b/sites/website/src/docs/3.x/api/fast-element.binding._constructor_.md
index 049c8b65a37..0d503748a31 100644
--- a/sites/website/src/docs/3.x/api/fast-element.binding._constructor_.md
+++ b/sites/website/src/docs/3.x/api/fast-element.binding._constructor_.md
@@ -64,7 +64,7 @@ policy
 
 </td><td>
 
-[DOMPolicy](../fast-element.dompolicy/) \| undefined
+DOMPolicy \| undefined
 
 
 </td><td>
diff --git a/sites/website/src/docs/3.x/api/fast-element.binding.md b/sites/website/src/docs/3.x/api/fast-element.binding.md
index 8180e75cf71..7c183254a8d 100644
--- a/sites/website/src/docs/3.x/api/fast-element.binding.md
+++ b/sites/website/src/docs/3.x/api/fast-element.binding.md
@@ -20,7 +20,7 @@ Captures a binding expression along with related information and capabilities.
 **Signature:**
 
 ```typescript
-export declare abstract class Binding<TSource = any, TReturn = any, TParent = any> 
+export declare abstract class Binding<TSource = any, TReturn = any, TParent = any>
 ```
 
 ## Constructors
@@ -143,7 +143,7 @@ _(Optional)_ Options associated with the binding.
 
 </td><td>
 
-[DOMPolicy](../fast-element.dompolicy/) \| undefined
+DOMPolicy \| undefined
 
 
 </td><td>
diff --git a/sites/website/src/docs/3.x/api/fast-element.bindingdirective.md b/sites/website/src/docs/3.x/api/fast-element.bindingdirective.md
index 6711a21202d..ddc37ccde4b 100644
--- a/sites/website/src/docs/3.x/api/fast-element.bindingdirective.md
+++ b/sites/website/src/docs/3.x/api/fast-element.bindingdirective.md
@@ -20,7 +20,7 @@ The directive from which a binding originates.
 **Signature:**
 
 ```typescript
-export interface BindingDirective 
+export interface BindingDirective
 ```
 
 ## Properties
diff --git a/sites/website/src/docs/3.x/api/fast-element.cachedpath.md b/sites/website/src/docs/3.x/api/fast-element.cachedpath.md
new file mode 100644
index 00000000000..86f39475809
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.cachedpath.md
@@ -0,0 +1,25 @@
+---
+id: "fast-element.cachedpath"
+title: "CachedPath type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.cachedpath"
+  parent: "api3xfast-element"
+  title: "CachedPath type"
+navigationOptions:
+  activeKey: "api3xfast-element.cachedpath"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [CachedPath](../fast-element.cachedpath/index.html)
+
+## CachedPath type
+
+A path discovered while parsing a template.
+
+**Signature:**
+
+```typescript
+export type CachedPath = DefaultCachedPath | RepeatCachedPath | AccessCachedPath | EventCachedPath;
+```
+**References:** [DefaultCachedPath](../fast-element.defaultcachedpath/)<!-- -->, [RepeatCachedPath](../fast-element.repeatcachedpath/)<!-- -->, [AccessCachedPath](../fast-element.accesscachedpath/)<!-- -->, [EventCachedPath](../fast-element.eventcachedpath/)
diff --git a/sites/website/src/docs/3.x/api/fast-element.cachedpathcommon.currentcontext.md b/sites/website/src/docs/3.x/api/fast-element.cachedpathcommon.currentcontext.md
new file mode 100644
index 00000000000..601df6b0079
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.cachedpathcommon.currentcontext.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.cachedpathcommon.currentcontext"
+title: "CachedPathCommon.currentContext property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.cachedpathcommon.currentcontext"
+  parent: "api3xfast-element"
+  title: "CachedPathCommon.currentContext property"
+navigationOptions:
+  activeKey: "api3xfast-element.cachedpathcommon.currentcontext"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [CachedPathCommon](../fast-element.cachedpathcommon/index.html) &gt; [currentContext](../fast-element.cachedpathcommon.currentcontext/index.html)
+
+## CachedPathCommon.currentContext property
+
+**Signature:**
+
+```typescript
+currentContext: string | null;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.cachedpathcommon.md b/sites/website/src/docs/3.x/api/fast-element.cachedpathcommon.md
new file mode 100644
index 00000000000..8e68b132df0
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.cachedpathcommon.md
@@ -0,0 +1,100 @@
+---
+id: "fast-element.cachedpathcommon"
+title: "CachedPathCommon interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.cachedpathcommon"
+  parent: "api3xfast-element"
+  title: "CachedPathCommon interface"
+navigationOptions:
+  activeKey: "api3xfast-element.cachedpathcommon"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [CachedPathCommon](../fast-element.cachedpathcommon/index.html)
+
+## CachedPathCommon interface
+
+Common metadata for paths cached while parsing a template.
+
+**Signature:**
+
+```typescript
+export interface CachedPathCommon
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[currentContext](../fast-element.cachedpathcommon.currentcontext/)
+
+
+</td><td>
+
+
+</td><td>
+
+string \| null
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[parentContext](../fast-element.cachedpathcommon.parentcontext/)
+
+
+</td><td>
+
+
+</td><td>
+
+string \| null
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[path](../fast-element.cachedpathcommon.path/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.cachedpathcommon.parentcontext.md b/sites/website/src/docs/3.x/api/fast-element.cachedpathcommon.parentcontext.md
new file mode 100644
index 00000000000..8d475f21647
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.cachedpathcommon.parentcontext.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.cachedpathcommon.parentcontext"
+title: "CachedPathCommon.parentContext property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.cachedpathcommon.parentcontext"
+  parent: "api3xfast-element"
+  title: "CachedPathCommon.parentContext property"
+navigationOptions:
+  activeKey: "api3xfast-element.cachedpathcommon.parentcontext"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [CachedPathCommon](../fast-element.cachedpathcommon/index.html) &gt; [parentContext](../fast-element.cachedpathcommon.parentcontext/index.html)
+
+## CachedPathCommon.parentContext property
+
+**Signature:**
+
+```typescript
+parentContext: string | null;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.cachedpathcommon.path.md b/sites/website/src/docs/3.x/api/fast-element.cachedpathcommon.path.md
new file mode 100644
index 00000000000..f3362b2a08c
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.cachedpathcommon.path.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.cachedpathcommon.path"
+title: "CachedPathCommon.path property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.cachedpathcommon.path"
+  parent: "api3xfast-element"
+  title: "CachedPathCommon.path property"
+navigationOptions:
+  activeKey: "api3xfast-element.cachedpathcommon.path"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [CachedPathCommon](../fast-element.cachedpathcommon/index.html) &gt; [path](../fast-element.cachedpathcommon.path/index.html)
+
+## CachedPathCommon.path property
+
+**Signature:**
+
+```typescript
+path: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.cachedpathmap.md b/sites/website/src/docs/3.x/api/fast-element.cachedpathmap.md
new file mode 100644
index 00000000000..dbca7dfc322
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.cachedpathmap.md
@@ -0,0 +1,25 @@
+---
+id: "fast-element.cachedpathmap"
+title: "CachedPathMap type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.cachedpathmap"
+  parent: "api3xfast-element"
+  title: "CachedPathMap type"
+navigationOptions:
+  activeKey: "api3xfast-element.cachedpathmap"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [CachedPathMap](../fast-element.cachedpathmap/index.html)
+
+## CachedPathMap type
+
+A map from element names and root properties to JSON schemas.
+
+**Signature:**
+
+```typescript
+export type CachedPathMap = Map<string, Map<string, JSONSchema>>;
+```
+**References:** [JSONSchema](../fast-element.jsonschema/)
diff --git a/sites/website/src/docs/3.x/api/fast-element.capturetype.md b/sites/website/src/docs/3.x/api/fast-element.capturetype.md
index 8514098bfb8..ec1d246481f 100644
--- a/sites/website/src/docs/3.x/api/fast-element.capturetype.md
+++ b/sites/website/src/docs/3.x/api/fast-element.capturetype.md
@@ -20,5 +20,5 @@ A marker interface used to capture types when interpolating Directive helpers in
 **Signature:**
 
 ```typescript
-export interface CaptureType 
+export interface CaptureType
 ```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.childlistdirectiveoptions.md b/sites/website/src/docs/3.x/api/fast-element.childlistdirectiveoptions.md
index 1c13c19ef68..c8d458f58d2 100644
--- a/sites/website/src/docs/3.x/api/fast-element.childlistdirectiveoptions.md
+++ b/sites/website/src/docs/3.x/api/fast-element.childlistdirectiveoptions.md
@@ -20,6 +20,6 @@ The options used to configure child list observation.
 **Signature:**
 
 ```typescript
-export interface ChildListDirectiveOptions<T = any> extends NodeBehaviorOptions<T>, Omit<MutationObserverInit, "subtree" | "childList"> 
+export interface ChildListDirectiveOptions<T = any> extends NodeBehaviorOptions<T>, Omit<MutationObserverInit, "subtree" | "childList">
 ```
 **Extends:** [NodeBehaviorOptions](../fast-element.nodebehavioroptions/)<!-- -->&lt;T&gt;, Omit&lt;MutationObserverInit, "subtree" \| "childList"&gt;
diff --git a/sites/website/src/docs/3.x/api/fast-element.childrendirective.md b/sites/website/src/docs/3.x/api/fast-element.childrendirective.md
index aac7f8dd812..0ef10a09082 100644
--- a/sites/website/src/docs/3.x/api/fast-element.childrendirective.md
+++ b/sites/website/src/docs/3.x/api/fast-element.childrendirective.md
@@ -20,7 +20,7 @@ The runtime behavior for child node observation.
 **Signature:**
 
 ```typescript
-export declare class ChildrenDirective extends NodeObservationDirective<ChildrenDirectiveOptions> 
+export declare class ChildrenDirective extends NodeObservationDirective<ChildrenDirectiveOptions>
 ```
 **Extends:** [NodeObservationDirective](../fast-element.nodeobservationdirective/)<!-- -->&lt;[ChildrenDirectiveOptions](../fast-element.childrendirectiveoptions/)<!-- -->&gt;
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.childrenmap.attributename.md b/sites/website/src/docs/3.x/api/fast-element.childrenmap.attributename.md
new file mode 100644
index 00000000000..ce57762010d
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.childrenmap.attributename.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.childrenmap.attributename"
+title: "ChildrenMap.attributeName property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.childrenmap.attributename"
+  parent: "api3xfast-element"
+  title: "ChildrenMap.attributeName property"
+navigationOptions:
+  activeKey: "api3xfast-element.childrenmap.attributename"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ChildrenMap](../fast-element.childrenmap/index.html) &gt; [attributeName](../fast-element.childrenmap.attributename/index.html)
+
+## ChildrenMap.attributeName property
+
+**Signature:**
+
+```typescript
+attributeName: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.childrenmap.customelementname.md b/sites/website/src/docs/3.x/api/fast-element.childrenmap.customelementname.md
new file mode 100644
index 00000000000..2b7c1cc53f7
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.childrenmap.customelementname.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.childrenmap.customelementname"
+title: "ChildrenMap.customElementName property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.childrenmap.customelementname"
+  parent: "api3xfast-element"
+  title: "ChildrenMap.customElementName property"
+navigationOptions:
+  activeKey: "api3xfast-element.childrenmap.customelementname"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ChildrenMap](../fast-element.childrenmap/index.html) &gt; [customElementName](../fast-element.childrenmap.customelementname/index.html)
+
+## ChildrenMap.customElementName property
+
+**Signature:**
+
+```typescript
+customElementName: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.childrenmap.md b/sites/website/src/docs/3.x/api/fast-element.childrenmap.md
new file mode 100644
index 00000000000..9d86ab64354
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.childrenmap.md
@@ -0,0 +1,83 @@
+---
+id: "fast-element.childrenmap"
+title: "ChildrenMap interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.childrenmap"
+  parent: "api3xfast-element"
+  title: "ChildrenMap interface"
+navigationOptions:
+  activeKey: "api3xfast-element.childrenmap"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ChildrenMap](../fast-element.childrenmap/index.html)
+
+## ChildrenMap interface
+
+Describes a child custom element binding referenced by a schema path.
+
+**Signature:**
+
+```typescript
+export interface ChildrenMap
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[attributeName](../fast-element.childrenmap.attributename/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[customElementName](../fast-element.childrenmap.customelementname/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.compilationstrategy.md b/sites/website/src/docs/3.x/api/fast-element.compilationstrategy.md
index 608b264c97c..c5ad406707a 100644
--- a/sites/website/src/docs/3.x/api/fast-element.compilationstrategy.md
+++ b/sites/website/src/docs/3.x/api/fast-element.compilationstrategy.md
@@ -21,8 +21,8 @@ A function capable of compiling a template from the preprocessed form produced b
 
 ```typescript
 export type CompilationStrategy = (
-html: string | HTMLTemplateElement, 
-factories: Record<string, ViewBehaviorFactory>, 
+html: string | HTMLTemplateElement,
+factories: Record<string, ViewBehaviorFactory>,
 policy: DOMPolicy) => TemplateCompilationResult;
 ```
-**References:** [ViewBehaviorFactory](../fast-element.viewbehaviorfactory/)<!-- -->, [DOMPolicy](../fast-element.dompolicy/)<!-- -->, [TemplateCompilationResult](../fast-element.htmltemplatecompilationresult/)
+**References:** [ViewBehaviorFactory](../fast-element.viewbehaviorfactory/)<!-- -->, [TemplateCompilationResult](../fast-element.htmltemplatecompilationresult/)
diff --git a/sites/website/src/docs/3.x/api/fast-element.composedcontains.md b/sites/website/src/docs/3.x/api/fast-element.composedcontains.md
new file mode 100644
index 00000000000..744d94c8fab
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.composedcontains.md
@@ -0,0 +1,82 @@
+---
+id: "fast-element.composedcontains"
+title: "composedContains() function"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.composedcontains"
+  parent: "api3xfast-element"
+  title: "composedContains() function"
+navigationOptions:
+  activeKey: "api3xfast-element.composedcontains"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [composedContains](../fast-element.composedcontains/index.html)
+
+## composedContains() function
+
+Determines if the reference element contains the test element in a "composed" DOM tree that ignores shadow DOM boundaries.
+
+Returns true of the test element is a descendent of the reference, or exists in a shadow DOM that is a logical descendent of the reference. Otherwise returns false.
+
+**Signature:**
+
+```typescript
+export declare function composedContains(reference: HTMLElement, test: HTMLElement): boolean;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+reference
+
+
+</td><td>
+
+HTMLElement
+
+
+</td><td>
+
+The element to test for containment against.
+
+
+</td></tr>
+<tr><td>
+
+test
+
+
+</td><td>
+
+HTMLElement
+
+
+</td><td>
+
+The element being tested for containment.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+boolean
diff --git a/sites/website/src/docs/3.x/api/fast-element.composedparent.md b/sites/website/src/docs/3.x/api/fast-element.composedparent.md
new file mode 100644
index 00000000000..36d241c79dc
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.composedparent.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.composedparent"
+title: "composedParent() function"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.composedparent"
+  parent: "api3xfast-element"
+  title: "composedParent() function"
+navigationOptions:
+  activeKey: "api3xfast-element.composedparent"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [composedParent](../fast-element.composedparent/index.html)
+
+## composedParent() function
+
+Retrieves the "composed parent" element of a node, ignoring DOM tree boundaries. When the parent of a node is a shadow-root, it will return the host element of the shadow root. Otherwise it will return the parent node or null if no parent node exists.
+
+**Signature:**
+
+```typescript
+export declare function composedParent<T extends HTMLElement>(element: T): HTMLElement | null;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+element
+
+
+</td><td>
+
+T
+
+
+</td><td>
+
+The element for which to retrieve the composed parent
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+HTMLElement \| null
diff --git a/sites/website/src/docs/3.x/api/fast-element.computedbuilder.md b/sites/website/src/docs/3.x/api/fast-element.computedbuilder.md
new file mode 100644
index 00000000000..06083246809
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.computedbuilder.md
@@ -0,0 +1,32 @@
+---
+id: "fast-element.computedbuilder"
+title: "ComputedBuilder type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.computedbuilder"
+  parent: "api3xfast-element"
+  title: "ComputedBuilder type"
+navigationOptions:
+  activeKey: "api3xfast-element.computedbuilder"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ComputedBuilder](../fast-element.computedbuilder/index.html)
+
+## ComputedBuilder type
+
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+>
+
+Provides computed state capabilities.
+
+**Signature:**
+
+```typescript
+export type ComputedBuilder = {
+    on: {
+        setup(callback: ComputedSetupCallback): void;
+    };
+};
+```
+**References:** [ComputedSetupCallback](../fast-element.computedsetupcallback/)
diff --git a/sites/website/src/docs/3.x/api/fast-element.computedinitializer.md b/sites/website/src/docs/3.x/api/fast-element.computedinitializer.md
new file mode 100644
index 00000000000..666fc2a294b
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.computedinitializer.md
@@ -0,0 +1,28 @@
+---
+id: "fast-element.computedinitializer"
+title: "ComputedInitializer type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.computedinitializer"
+  parent: "api3xfast-element"
+  title: "ComputedInitializer type"
+navigationOptions:
+  activeKey: "api3xfast-element.computedinitializer"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ComputedInitializer](../fast-element.computedinitializer/index.html)
+
+## ComputedInitializer type
+
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+>
+
+A callback that initializes the computation.
+
+**Signature:**
+
+```typescript
+export type ComputedInitializer<T> = (builder: ComputedBuilder) => () => T;
+```
+**References:** [ComputedBuilder](../fast-element.computedbuilder/)
diff --git a/sites/website/src/docs/3.x/api/fast-element.computedsetupcallback.md b/sites/website/src/docs/3.x/api/fast-element.computedsetupcallback.md
new file mode 100644
index 00000000000..e42c5b646ee
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.computedsetupcallback.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.computedsetupcallback"
+title: "ComputedSetupCallback type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.computedsetupcallback"
+  parent: "api3xfast-element"
+  title: "ComputedSetupCallback type"
+navigationOptions:
+  activeKey: "api3xfast-element.computedsetupcallback"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ComputedSetupCallback](../fast-element.computedsetupcallback/index.html)
+
+## ComputedSetupCallback type
+
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+>
+
+A callback that enables computation setup.
+
+**Signature:**
+
+```typescript
+export type ComputedSetupCallback = () => (() => void) | void;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.computedstate.md b/sites/website/src/docs/3.x/api/fast-element.computedstate.md
new file mode 100644
index 00000000000..6361707f430
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.computedstate.md
@@ -0,0 +1,31 @@
+---
+id: "fast-element.computedstate"
+title: "ComputedState type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.computedstate"
+  parent: "api3xfast-element"
+  title: "ComputedState type"
+navigationOptions:
+  activeKey: "api3xfast-element.computedstate"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ComputedState](../fast-element.computedstate/index.html)
+
+## ComputedState type
+
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+>
+
+State whose value is computed from other dependencies.
+
+**Signature:**
+
+```typescript
+export type ComputedState<T> = ReadonlyState<T> & Disposable & {
+    subscribe(subscriber: Subscriber): void;
+    unsubscribe(subscriber: Subscriber): void;
+};
+```
+**References:** [ReadonlyState](../fast-element.readonlystate/)<!-- -->, [Disposable](../fast-element.disposable/)<!-- -->, [Subscriber](../fast-element.subscriber/)
diff --git a/sites/website/src/docs/3.x/api/fast-element.contenttemplate.md b/sites/website/src/docs/3.x/api/fast-element.contenttemplate.md
index 2dd0be87cef..58e26d3bd15 100644
--- a/sites/website/src/docs/3.x/api/fast-element.contenttemplate.md
+++ b/sites/website/src/docs/3.x/api/fast-element.contenttemplate.md
@@ -20,7 +20,7 @@ A simple template that can create ContentView instances.
 **Signature:**
 
 ```typescript
-export interface ContentTemplate 
+export interface ContentTemplate
 ```
 
 ## Methods
diff --git a/sites/website/src/docs/3.x/api/fast-element.contentview.md b/sites/website/src/docs/3.x/api/fast-element.contentview.md
index 44d879618b6..030618c92b6 100644
--- a/sites/website/src/docs/3.x/api/fast-element.contentview.md
+++ b/sites/website/src/docs/3.x/api/fast-element.contentview.md
@@ -20,7 +20,7 @@ A simple View that can be interpolated into HTML content.
 **Signature:**
 
 ```typescript
-export interface ContentView 
+export interface ContentView
 ```
 
 ## Properties
diff --git a/sites/website/src/docs/3.x/api/fast-element.css.md b/sites/website/src/docs/3.x/api/fast-element.css.md
new file mode 100644
index 00000000000..05c0fef877a
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.css.md
@@ -0,0 +1,28 @@
+---
+id: "fast-element.css"
+title: "css variable"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.css"
+  parent: "api3xfast-element"
+  title: "css variable"
+navigationOptions:
+  activeKey: "api3xfast-element.css"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [css](../fast-element.css/index.html)
+
+## css variable
+
+Transforms a template literal string into styles.
+
+**Signature:**
+
+```typescript
+css: CSSTemplateTag
+```
+
+## Remarks
+
+The css helper supports interpolation of static composable styles and CSS directives.
diff --git a/sites/website/src/docs/3.x/api/fast-element.cssdirective.createcss.md b/sites/website/src/docs/3.x/api/fast-element.cssdirective.createcss.md
new file mode 100644
index 00000000000..376fbc38b9d
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.cssdirective.createcss.md
@@ -0,0 +1,29 @@
+---
+id: "fast-element.cssdirective.createcss"
+title: "CSSDirective.createCSS() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.cssdirective.createcss"
+  parent: "api3xfast-element"
+  title: "CSSDirective.createCSS() method"
+navigationOptions:
+  activeKey: "api3xfast-element.cssdirective.createcss"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [CSSDirective](../fast-element.cssdirective/index.html) &gt; [createCSS](../fast-element.cssdirective.createcss/index.html)
+
+## CSSDirective.createCSS() method
+
+Creates static styles to interpolate into the CSS document.
+
+**Signature:**
+
+```typescript
+createCSS(): ComposableStyles;
+```
+**Returns:**
+
+[ComposableStyles](../fast-element.composablestyles/)
+
+- the styles to interpolate into CSS
diff --git a/sites/website/src/docs/3.x/api/fast-element.cssdirective.md b/sites/website/src/docs/3.x/api/fast-element.cssdirective.md
new file mode 100644
index 00000000000..d0b2382eed8
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.cssdirective.md
@@ -0,0 +1,28 @@
+---
+id: "fast-element.cssdirective"
+title: "CSSDirective variable"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.cssdirective"
+  parent: "api3xfast-element"
+  title: "CSSDirective variable"
+navigationOptions:
+  activeKey: "api3xfast-element.cssdirective"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [CSSDirective](../fast-element.cssdirective/index.html)
+
+## CSSDirective variable
+
+Instructs the css engine to provide styles during CSS template composition.
+
+**Signature:**
+
+```typescript
+CSSDirective: Readonly<{
+    getForInstance: (object: any) => CSSDirectiveDefinition<Constructable<CSSDirective>> | undefined;
+    getByType: (key: Function) => CSSDirectiveDefinition<Constructable<CSSDirective>> | undefined;
+    define<TType extends Constructable<CSSDirective>>(type: any): TType;
+}>
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.cssdirectivedefinition.md b/sites/website/src/docs/3.x/api/fast-element.cssdirectivedefinition.md
new file mode 100644
index 00000000000..d3bf84742c7
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.cssdirectivedefinition.md
@@ -0,0 +1,70 @@
+---
+id: "fast-element.cssdirectivedefinition"
+title: "CSSDirectiveDefinition interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.cssdirectivedefinition"
+  parent: "api3xfast-element"
+  title: "CSSDirectiveDefinition interface"
+navigationOptions:
+  activeKey: "api3xfast-element.cssdirectivedefinition"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [CSSDirectiveDefinition](../fast-element.cssdirectivedefinition/index.html)
+
+## CSSDirectiveDefinition interface
+
+Defines metadata for a CSSDirective.
+
+**Signature:**
+
+```typescript
+export interface CSSDirectiveDefinition<TType extends Constructable<CSSDirective> = Constructable<CSSDirective>>
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[type](../fast-element.cssdirectivedefinition.type/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+TType
+
+
+</td><td>
+
+The type that the definition provides metadata for.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.cssdirectivedefinition.type.md b/sites/website/src/docs/3.x/api/fast-element.cssdirectivedefinition.type.md
new file mode 100644
index 00000000000..decc9e73063
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.cssdirectivedefinition.type.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.cssdirectivedefinition.type"
+title: "CSSDirectiveDefinition.type property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.cssdirectivedefinition.type"
+  parent: "api3xfast-element"
+  title: "CSSDirectiveDefinition.type property"
+navigationOptions:
+  activeKey: "api3xfast-element.cssdirectivedefinition.type"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [CSSDirectiveDefinition](../fast-element.cssdirectivedefinition/index.html) &gt; [type](../fast-element.cssdirectivedefinition.type/index.html)
+
+## CSSDirectiveDefinition.type property
+
+The type that the definition provides metadata for.
+
+**Signature:**
+
+```typescript
+readonly type: TType;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.csstemplatetag.md b/sites/website/src/docs/3.x/api/fast-element.csstemplatetag.md
new file mode 100644
index 00000000000..a1746bbb4f3
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.csstemplatetag.md
@@ -0,0 +1,31 @@
+---
+id: "fast-element.csstemplatetag"
+title: "CSSTemplateTag type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.csstemplatetag"
+  parent: "api3xfast-element"
+  title: "CSSTemplateTag type"
+navigationOptions:
+  activeKey: "api3xfast-element.csstemplatetag"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [CSSTemplateTag](../fast-element.csstemplatetag/index.html)
+
+## CSSTemplateTag type
+
+Transforms a template literal string into styles.
+
+**Signature:**
+
+```typescript
+export type CSSTemplateTag = ((strings: TemplateStringsArray, ...values: CSSValue[]) => ElementStyles) & {
+    partial(strings: TemplateStringsArray, ...values: CSSValue[]): CSSDirective;
+};
+```
+**References:** [CSSValue](../fast-element.cssvalue/)<!-- -->, [ElementStyles](../fast-element.elementstyles/)<!-- -->, [CSSDirective](../fast-element.cssdirective/)
+
+## Remarks
+
+The css helper supports interpolation of static composable styles and CSS directives. Use the .partial method to create partial CSS fragments.
diff --git a/sites/website/src/docs/3.x/api/fast-element.cssvalue.md b/sites/website/src/docs/3.x/api/fast-element.cssvalue.md
new file mode 100644
index 00000000000..2db18999e99
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.cssvalue.md
@@ -0,0 +1,25 @@
+---
+id: "fast-element.cssvalue"
+title: "CSSValue type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.cssvalue"
+  parent: "api3xfast-element"
+  title: "CSSValue type"
+navigationOptions:
+  activeKey: "api3xfast-element.cssvalue"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [CSSValue](../fast-element.cssvalue/index.html)
+
+## CSSValue type
+
+Represents the types of values that can be interpolated into a template.
+
+**Signature:**
+
+```typescript
+export type CSSValue = ComposableStyles | CSSDirective;
+```
+**References:** [ComposableStyles](../fast-element.composablestyles/)<!-- -->, [CSSDirective](../fast-element.cssdirective/)
diff --git a/sites/website/src/docs/3.x/api/fast-element.defaultcachedpath.md b/sites/website/src/docs/3.x/api/fast-element.defaultcachedpath.md
new file mode 100644
index 00000000000..bfe6d737bab
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.defaultcachedpath.md
@@ -0,0 +1,67 @@
+---
+id: "fast-element.defaultcachedpath"
+title: "DefaultCachedPath interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.defaultcachedpath"
+  parent: "api3xfast-element"
+  title: "DefaultCachedPath interface"
+navigationOptions:
+  activeKey: "api3xfast-element.defaultcachedpath"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DefaultCachedPath](../fast-element.defaultcachedpath/index.html)
+
+## DefaultCachedPath interface
+
+A path discovered from a default binding.
+
+**Signature:**
+
+```typescript
+export interface DefaultCachedPath extends CachedPathCommon
+```
+**Extends:** [CachedPathCommon](../fast-element.cachedpathcommon/)
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[type](../fast-element.defaultcachedpath.type/)
+
+
+</td><td>
+
+
+</td><td>
+
+"default"
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.defaultcachedpath.type.md b/sites/website/src/docs/3.x/api/fast-element.defaultcachedpath.type.md
new file mode 100644
index 00000000000..ca8aa436d21
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.defaultcachedpath.type.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.defaultcachedpath.type"
+title: "DefaultCachedPath.type property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.defaultcachedpath.type"
+  parent: "api3xfast-element"
+  title: "DefaultCachedPath.type property"
+navigationOptions:
+  activeKey: "api3xfast-element.defaultcachedpath.type"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DefaultCachedPath](../fast-element.defaultcachedpath/index.html) &gt; [type](../fast-element.defaultcachedpath.type/index.html)
+
+## DefaultCachedPath.type property
+
+**Signature:**
+
+```typescript
+type: "default";
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.event.md b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.event.md
new file mode 100644
index 00000000000..fb84b3e657b
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.event.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.defaultexecutioncontext.event"
+title: "DefaultExecutionContext.event property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.defaultexecutioncontext.event"
+  parent: "api3xfast-element"
+  title: "DefaultExecutionContext.event property"
+navigationOptions:
+  activeKey: "api3xfast-element.defaultexecutioncontext.event"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DefaultExecutionContext](../fast-element.defaultexecutioncontext/index.html) &gt; [event](../fast-element.defaultexecutioncontext.event/index.html)
+
+## DefaultExecutionContext.event property
+
+The current event within an event handler.
+
+**Signature:**
+
+```typescript
+get event(): Event;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.eventdetail.md b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.eventdetail.md
new file mode 100644
index 00000000000..df216f2e4aa
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.eventdetail.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.defaultexecutioncontext.eventdetail"
+title: "DefaultExecutionContext.eventDetail() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.defaultexecutioncontext.eventdetail"
+  parent: "api3xfast-element"
+  title: "DefaultExecutionContext.eventDetail() method"
+navigationOptions:
+  activeKey: "api3xfast-element.defaultexecutioncontext.eventdetail"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DefaultExecutionContext](../fast-element.defaultexecutioncontext/index.html) &gt; [eventDetail](../fast-element.defaultexecutioncontext.eventdetail/index.html)
+
+## DefaultExecutionContext.eventDetail() method
+
+Returns the typed event detail of a custom event.
+
+**Signature:**
+
+```typescript
+eventDetail<TDetail>(): TDetail;
+```
+**Returns:**
+
+TDetail
diff --git a/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.eventtarget.md b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.eventtarget.md
new file mode 100644
index 00000000000..f376c58d060
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.eventtarget.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.defaultexecutioncontext.eventtarget"
+title: "DefaultExecutionContext.eventTarget() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.defaultexecutioncontext.eventtarget"
+  parent: "api3xfast-element"
+  title: "DefaultExecutionContext.eventTarget() method"
+navigationOptions:
+  activeKey: "api3xfast-element.defaultexecutioncontext.eventtarget"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DefaultExecutionContext](../fast-element.defaultexecutioncontext/index.html) &gt; [eventTarget](../fast-element.defaultexecutioncontext.eventtarget/index.html)
+
+## DefaultExecutionContext.eventTarget() method
+
+Returns the typed event target of the event.
+
+**Signature:**
+
+```typescript
+eventTarget<TTarget extends EventTarget>(): TTarget;
+```
+**Returns:**
+
+TTarget
diff --git a/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.index.md b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.index.md
new file mode 100644
index 00000000000..ccfd01dbba8
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.index.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.defaultexecutioncontext.index"
+title: "DefaultExecutionContext.index property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.defaultexecutioncontext.index"
+  parent: "api3xfast-element"
+  title: "DefaultExecutionContext.index property"
+navigationOptions:
+  activeKey: "api3xfast-element.defaultexecutioncontext.index"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DefaultExecutionContext](../fast-element.defaultexecutioncontext/index.html) &gt; [index](../fast-element.defaultexecutioncontext.index/index.html)
+
+## DefaultExecutionContext.index property
+
+The index of the current item within a repeat context.
+
+**Signature:**
+
+```typescript
+index: number;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.iseven.md b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.iseven.md
new file mode 100644
index 00000000000..236089cee99
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.iseven.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.defaultexecutioncontext.iseven"
+title: "DefaultExecutionContext.isEven property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.defaultexecutioncontext.iseven"
+  parent: "api3xfast-element"
+  title: "DefaultExecutionContext.isEven property"
+navigationOptions:
+  activeKey: "api3xfast-element.defaultexecutioncontext.iseven"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DefaultExecutionContext](../fast-element.defaultexecutioncontext/index.html) &gt; [isEven](../fast-element.defaultexecutioncontext.iseven/index.html)
+
+## DefaultExecutionContext.isEven property
+
+Indicates whether the current item within a repeat context has an even index.
+
+**Signature:**
+
+```typescript
+get isEven(): boolean;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.isfirst.md b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.isfirst.md
new file mode 100644
index 00000000000..94b41df54ca
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.isfirst.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.defaultexecutioncontext.isfirst"
+title: "DefaultExecutionContext.isFirst property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.defaultexecutioncontext.isfirst"
+  parent: "api3xfast-element"
+  title: "DefaultExecutionContext.isFirst property"
+navigationOptions:
+  activeKey: "api3xfast-element.defaultexecutioncontext.isfirst"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DefaultExecutionContext](../fast-element.defaultexecutioncontext/index.html) &gt; [isFirst](../fast-element.defaultexecutioncontext.isfirst/index.html)
+
+## DefaultExecutionContext.isFirst property
+
+Indicates whether the current item within a repeat context is the first item in the collection.
+
+**Signature:**
+
+```typescript
+get isFirst(): boolean;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.isinmiddle.md b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.isinmiddle.md
new file mode 100644
index 00000000000..30cb0a9f7c2
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.isinmiddle.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.defaultexecutioncontext.isinmiddle"
+title: "DefaultExecutionContext.isInMiddle property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.defaultexecutioncontext.isinmiddle"
+  parent: "api3xfast-element"
+  title: "DefaultExecutionContext.isInMiddle property"
+navigationOptions:
+  activeKey: "api3xfast-element.defaultexecutioncontext.isinmiddle"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DefaultExecutionContext](../fast-element.defaultexecutioncontext/index.html) &gt; [isInMiddle](../fast-element.defaultexecutioncontext.isinmiddle/index.html)
+
+## DefaultExecutionContext.isInMiddle property
+
+Indicates whether the current item within a repeat context is somewhere in the middle of the collection.
+
+**Signature:**
+
+```typescript
+get isInMiddle(): boolean;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.islast.md b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.islast.md
new file mode 100644
index 00000000000..7debd73ca98
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.islast.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.defaultexecutioncontext.islast"
+title: "DefaultExecutionContext.isLast property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.defaultexecutioncontext.islast"
+  parent: "api3xfast-element"
+  title: "DefaultExecutionContext.isLast property"
+navigationOptions:
+  activeKey: "api3xfast-element.defaultexecutioncontext.islast"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DefaultExecutionContext](../fast-element.defaultexecutioncontext/index.html) &gt; [isLast](../fast-element.defaultexecutioncontext.islast/index.html)
+
+## DefaultExecutionContext.isLast property
+
+Indicates whether the current item within a repeat context is the last item in the collection.
+
+**Signature:**
+
+```typescript
+get isLast(): boolean;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.isodd.md b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.isodd.md
new file mode 100644
index 00000000000..73acc6aa383
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.isodd.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.defaultexecutioncontext.isodd"
+title: "DefaultExecutionContext.isOdd property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.defaultexecutioncontext.isodd"
+  parent: "api3xfast-element"
+  title: "DefaultExecutionContext.isOdd property"
+navigationOptions:
+  activeKey: "api3xfast-element.defaultexecutioncontext.isodd"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DefaultExecutionContext](../fast-element.defaultexecutioncontext/index.html) &gt; [isOdd](../fast-element.defaultexecutioncontext.isodd/index.html)
+
+## DefaultExecutionContext.isOdd property
+
+Indicates whether the current item within a repeat context has an odd index.
+
+**Signature:**
+
+```typescript
+get isOdd(): boolean;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.length.md b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.length.md
new file mode 100644
index 00000000000..48fbc1ce8cf
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.length.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.defaultexecutioncontext.length"
+title: "DefaultExecutionContext.length property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.defaultexecutioncontext.length"
+  parent: "api3xfast-element"
+  title: "DefaultExecutionContext.length property"
+navigationOptions:
+  activeKey: "api3xfast-element.defaultexecutioncontext.length"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DefaultExecutionContext](../fast-element.defaultexecutioncontext/index.html) &gt; [length](../fast-element.defaultexecutioncontext.length/index.html)
+
+## DefaultExecutionContext.length property
+
+The length of the current collection within a repeat context.
+
+**Signature:**
+
+```typescript
+length: number;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.md b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.md
new file mode 100644
index 00000000000..16b0733e7b3
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.md
@@ -0,0 +1,304 @@
+---
+id: "fast-element.defaultexecutioncontext"
+title: "DefaultExecutionContext class"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.defaultexecutioncontext"
+  parent: "api3xfast-element"
+  title: "DefaultExecutionContext class"
+navigationOptions:
+  activeKey: "api3xfast-element.defaultexecutioncontext"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DefaultExecutionContext](../fast-element.defaultexecutioncontext/index.html)
+
+## DefaultExecutionContext class
+
+The default execution context for template views.
+
+**Signature:**
+
+```typescript
+export declare class DefaultExecutionContext<TParent> implements ExecutionContext<TParent>
+```
+**Implements:** [ExecutionContext](../fast-element.executioncontext/)<!-- -->&lt;TParent&gt;
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[event](../fast-element.defaultexecutioncontext.event/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+Event
+
+
+</td><td>
+
+The current event within an event handler.
+
+
+</td></tr>
+<tr><td>
+
+[index](../fast-element.defaultexecutioncontext.index/)
+
+
+</td><td>
+
+
+</td><td>
+
+number
+
+
+</td><td>
+
+The index of the current item within a repeat context.
+
+
+</td></tr>
+<tr><td>
+
+[isEven](../fast-element.defaultexecutioncontext.iseven/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+boolean
+
+
+</td><td>
+
+Indicates whether the current item within a repeat context has an even index.
+
+
+</td></tr>
+<tr><td>
+
+[isFirst](../fast-element.defaultexecutioncontext.isfirst/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+boolean
+
+
+</td><td>
+
+Indicates whether the current item within a repeat context is the first item in the collection.
+
+
+</td></tr>
+<tr><td>
+
+[isInMiddle](../fast-element.defaultexecutioncontext.isinmiddle/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+boolean
+
+
+</td><td>
+
+Indicates whether the current item within a repeat context is somewhere in the middle of the collection.
+
+
+</td></tr>
+<tr><td>
+
+[isLast](../fast-element.defaultexecutioncontext.islast/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+boolean
+
+
+</td><td>
+
+Indicates whether the current item within a repeat context is the last item in the collection.
+
+
+</td></tr>
+<tr><td>
+
+[isOdd](../fast-element.defaultexecutioncontext.isodd/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+boolean
+
+
+</td><td>
+
+Indicates whether the current item within a repeat context has an odd index.
+
+
+</td></tr>
+<tr><td>
+
+[length](../fast-element.defaultexecutioncontext.length/)
+
+
+</td><td>
+
+
+</td><td>
+
+number
+
+
+</td><td>
+
+The length of the current collection within a repeat context.
+
+
+</td></tr>
+<tr><td>
+
+[parent](../fast-element.defaultexecutioncontext.parent/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+TParent
+
+
+</td><td>
+
+The parent data source within a nested context.
+
+
+</td></tr>
+<tr><td>
+
+[parentContext](../fast-element.defaultexecutioncontext.parentcontext/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+[ExecutionContext](../fast-element.executioncontext/)<!-- -->&lt;TParent&gt;
+
+
+</td><td>
+
+The parent execution context when in nested context scenarios.
+
+
+</td></tr>
+</tbody></table>
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[eventDetail()](../fast-element.defaultexecutioncontext.eventdetail/)
+
+
+</td><td>
+
+
+</td><td>
+
+Returns the typed event detail of a custom event.
+
+
+</td></tr>
+<tr><td>
+
+[eventTarget()](../fast-element.defaultexecutioncontext.eventtarget/)
+
+
+</td><td>
+
+
+</td><td>
+
+Returns the typed event target of the event.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.parent.md b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.parent.md
new file mode 100644
index 00000000000..76eb93e0532
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.parent.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.defaultexecutioncontext.parent"
+title: "DefaultExecutionContext.parent property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.defaultexecutioncontext.parent"
+  parent: "api3xfast-element"
+  title: "DefaultExecutionContext.parent property"
+navigationOptions:
+  activeKey: "api3xfast-element.defaultexecutioncontext.parent"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DefaultExecutionContext](../fast-element.defaultexecutioncontext/index.html) &gt; [parent](../fast-element.defaultexecutioncontext.parent/index.html)
+
+## DefaultExecutionContext.parent property
+
+The parent data source within a nested context.
+
+**Signature:**
+
+```typescript
+readonly parent: TParent;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.parentcontext.md b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.parentcontext.md
new file mode 100644
index 00000000000..f55c6b00cdc
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.defaultexecutioncontext.parentcontext.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.defaultexecutioncontext.parentcontext"
+title: "DefaultExecutionContext.parentContext property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.defaultexecutioncontext.parentcontext"
+  parent: "api3xfast-element"
+  title: "DefaultExecutionContext.parentContext property"
+navigationOptions:
+  activeKey: "api3xfast-element.defaultexecutioncontext.parentcontext"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DefaultExecutionContext](../fast-element.defaultexecutioncontext/index.html) &gt; [parentContext](../fast-element.defaultexecutioncontext.parentcontext/index.html)
+
+## DefaultExecutionContext.parentContext property
+
+The parent execution context when in nested context scenarios.
+
+**Signature:**
+
+```typescript
+readonly parentContext: ExecutionContext<TParent>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.disposable.md b/sites/website/src/docs/3.x/api/fast-element.disposable.md
index 9c0fdbd472f..735fa8750aa 100644
--- a/sites/website/src/docs/3.x/api/fast-element.disposable.md
+++ b/sites/website/src/docs/3.x/api/fast-element.disposable.md
@@ -20,7 +20,7 @@ Provides a mechanism for releasing resources.
 **Signature:**
 
 ```typescript
-export interface Disposable 
+export interface Disposable
 ```
 
 ## Methods
diff --git a/sites/website/src/docs/3.x/api/fast-element.domaspectguards.md b/sites/website/src/docs/3.x/api/fast-element.domaspectguards.md
new file mode 100644
index 00000000000..054c11337ab
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.domaspectguards.md
@@ -0,0 +1,32 @@
+---
+id: "fast-element.domaspectguards"
+title: "DOMAspectGuards type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.domaspectguards"
+  parent: "api3xfast-element"
+  title: "DOMAspectGuards type"
+navigationOptions:
+  activeKey: "api3xfast-element.domaspectguards"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DOMAspectGuards](../fast-element.domaspectguards/index.html)
+
+## DOMAspectGuards type
+
+Aspect-specific guards for a DOM Policy.
+
+**Signature:**
+
+```typescript
+export type DOMAspectGuards = {
+    [DOMAspect.attribute]?: DOMSinkGuards;
+    [DOMAspect.booleanAttribute]?: DOMSinkGuards;
+    [DOMAspect.property]?: DOMSinkGuards;
+    [DOMAspect.content]?: DOMSinkGuards;
+    [DOMAspect.tokenList]?: DOMSinkGuards;
+    [DOMAspect.event]?: DOMSinkGuards;
+};
+```
+**References:** [DOMSinkGuards](../fast-element.domsinkguards/)
diff --git a/sites/website/src/docs/3.x/api/fast-element.domelementguards.md b/sites/website/src/docs/3.x/api/fast-element.domelementguards.md
new file mode 100644
index 00000000000..e3b1cf2ea11
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.domelementguards.md
@@ -0,0 +1,25 @@
+---
+id: "fast-element.domelementguards"
+title: "DOMElementGuards type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.domelementguards"
+  parent: "api3xfast-element"
+  title: "DOMElementGuards type"
+navigationOptions:
+  activeKey: "api3xfast-element.domelementguards"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DOMElementGuards](../fast-element.domelementguards/index.html)
+
+## DOMElementGuards type
+
+Element-specific guards for a DOM Policy.
+
+**Signature:**
+
+```typescript
+export type DOMElementGuards = Record<string, DOMAspectGuards>;
+```
+**References:** [DOMAspectGuards](../fast-element.domaspectguards/)
diff --git a/sites/website/src/docs/3.x/api/fast-element.domguards.md b/sites/website/src/docs/3.x/api/fast-element.domguards.md
new file mode 100644
index 00000000000..7a0d306ff50
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.domguards.md
@@ -0,0 +1,28 @@
+---
+id: "fast-element.domguards"
+title: "DOMGuards type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.domguards"
+  parent: "api3xfast-element"
+  title: "DOMGuards type"
+navigationOptions:
+  activeKey: "api3xfast-element.domguards"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DOMGuards](../fast-element.domguards/index.html)
+
+## DOMGuards type
+
+Guard configuration for a DOM Policy.
+
+**Signature:**
+
+```typescript
+export type DOMGuards = {
+    elements: DOMElementGuards;
+    aspects: DOMAspectGuards;
+};
+```
+**References:** [DOMElementGuards](../fast-element.domelementguards/)<!-- -->, [DOMAspectGuards](../fast-element.domaspectguards/)
diff --git a/sites/website/src/docs/3.x/api/fast-element.dompolicy.md b/sites/website/src/docs/3.x/api/fast-element.dompolicy.md
index abdc1bcbb9d..c46781b890d 100644
--- a/sites/website/src/docs/3.x/api/fast-element.dompolicy.md
+++ b/sites/website/src/docs/3.x/api/fast-element.dompolicy.md
@@ -1,11 +1,11 @@
 ---
 id: "fast-element.dompolicy"
-title: "DOMPolicy interface"
+title: "DOMPolicy variable"
 layout: 3x-api
 eleventyNavigation:
   key: "api3xfast-element.dompolicy"
   parent: "api3xfast-element"
-  title: "DOMPolicy interface"
+  title: "DOMPolicy variable"
 navigationOptions:
   activeKey: "api3xfast-element.dompolicy"
 ---
@@ -13,49 +13,14 @@ navigationOptions:
 
 [@microsoft/fast-element](../fast-element/index.html) &gt; [DOMPolicy](../fast-element.dompolicy/index.html)
 
-## DOMPolicy interface
+## DOMPolicy variable
 
-A security policy that FAST can use to interact with the DOM.
+A helper for creating DOM policies.
 
 **Signature:**
 
 ```typescript
-export interface DOMPolicy 
-```
-
-## Methods
-
-<table><thead><tr><th>
-
-Method
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[createHTML(value)](../fast-element.dompolicy.createhtml/)
-
-
-</td><td>
-
-Creates safe HTML from the provided value.
-
-
-</td></tr>
-<tr><td>
-
-[protect(tagName, aspect, aspectName, sink)](../fast-element.dompolicy.protect/)
-
-
-</td><td>
-
-Protects a DOM sink that intends to write to the DOM.
-
-
-</td></tr>
-</tbody></table>
+DOMPolicy: Readonly<{
+    create(options?: DOMPolicyOptions): Readonly<IDOMPolicy>;
+}>
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.dompolicyoptions.md b/sites/website/src/docs/3.x/api/fast-element.dompolicyoptions.md
new file mode 100644
index 00000000000..768bdfd6b2a
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.dompolicyoptions.md
@@ -0,0 +1,28 @@
+---
+id: "fast-element.dompolicyoptions"
+title: "DOMPolicyOptions type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.dompolicyoptions"
+  parent: "api3xfast-element"
+  title: "DOMPolicyOptions type"
+navigationOptions:
+  activeKey: "api3xfast-element.dompolicyoptions"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DOMPolicyOptions](../fast-element.dompolicyoptions/index.html)
+
+## DOMPolicyOptions type
+
+Options for creating a DOM Policy.
+
+**Signature:**
+
+```typescript
+export type DOMPolicyOptions = {
+    trustedType?: TrustedTypesPolicy;
+    guards?: Partial<DOMGuards>;
+};
+```
+**References:** [TrustedTypesPolicy](../fast-element.trustedtypespolicy/)<!-- -->, [DOMGuards](../fast-element.domguards/)
diff --git a/sites/website/src/docs/3.x/api/fast-element.domsinkguards.md b/sites/website/src/docs/3.x/api/fast-element.domsinkguards.md
new file mode 100644
index 00000000000..32e256e08c4
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.domsinkguards.md
@@ -0,0 +1,25 @@
+---
+id: "fast-element.domsinkguards"
+title: "DOMSinkGuards type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.domsinkguards"
+  parent: "api3xfast-element"
+  title: "DOMSinkGuards type"
+navigationOptions:
+  activeKey: "api3xfast-element.domsinkguards"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [DOMSinkGuards](../fast-element.domsinkguards/index.html)
+
+## DOMSinkGuards type
+
+A specific DOM sink guard for a node aspect.
+
+**Signature:**
+
+```typescript
+export type DOMSinkGuards = Record<string, (tagName: string | null, aspect: DOMAspect, aspectName: string, sink: DOMSink) => DOMSink>;
+```
+**References:** [DOMAspect](../fast-element.domaspect/)<!-- -->, [DOMSink](../fast-element.domsink/)
diff --git a/sites/website/src/docs/3.x/api/fast-element.elementcontroller.md b/sites/website/src/docs/3.x/api/fast-element.elementcontroller.md
index 1778d88d6a2..4f8e1c58d48 100644
--- a/sites/website/src/docs/3.x/api/fast-element.elementcontroller.md
+++ b/sites/website/src/docs/3.x/api/fast-element.elementcontroller.md
@@ -20,7 +20,7 @@ Controls the lifecycle and rendering of a `FASTElement`<!-- -->.
 **Signature:**
 
 ```typescript
-export declare class ElementController<TElement extends HTMLElement = HTMLElement> implements Notifier, HostController<TElement> 
+export declare class ElementController<TElement extends HTMLElement = HTMLElement> implements Notifier, HostController<TElement>
 ```
 **Implements:** [Notifier](../fast-element.notifier/)<!-- -->, [HostController](../fast-element.hostcontroller/)<!-- -->&lt;TElement&gt;
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.elementcontrollerstrategy.md b/sites/website/src/docs/3.x/api/fast-element.elementcontrollerstrategy.md
index 1cf72312564..8978e7a0bc6 100644
--- a/sites/website/src/docs/3.x/api/fast-element.elementcontrollerstrategy.md
+++ b/sites/website/src/docs/3.x/api/fast-element.elementcontrollerstrategy.md
@@ -20,7 +20,7 @@ A type that instantiates an ElementController
 **Signature:**
 
 ```typescript
-export interface ElementControllerStrategy 
+export interface ElementControllerStrategy
 ```
 
 ## Methods
diff --git a/sites/website/src/docs/3.x/api/fast-element.elementstyles.md b/sites/website/src/docs/3.x/api/fast-element.elementstyles.md
index 5e2e0d89aab..7de37e7a117 100644
--- a/sites/website/src/docs/3.x/api/fast-element.elementstyles.md
+++ b/sites/website/src/docs/3.x/api/fast-element.elementstyles.md
@@ -20,7 +20,7 @@ Represents styles that can be applied to a custom element.
 **Signature:**
 
 ```typescript
-export declare class ElementStyles 
+export declare class ElementStyles
 ```
 
 ## Constructors
diff --git a/sites/website/src/docs/3.x/api/fast-element.elementview.md b/sites/website/src/docs/3.x/api/fast-element.elementview.md
index 3e506ee6cf7..d87e9f752a3 100644
--- a/sites/website/src/docs/3.x/api/fast-element.elementview.md
+++ b/sites/website/src/docs/3.x/api/fast-element.elementview.md
@@ -20,7 +20,7 @@ A View representing DOM nodes specifically for rendering the view of a custom el
 **Signature:**
 
 ```typescript
-export interface ElementView<TSource = any, TParent = any> extends View<TSource, TParent> 
+export interface ElementView<TSource = any, TParent = any> extends View<TSource, TParent>
 ```
 **Extends:** [View](../fast-element.view/)<!-- -->&lt;TSource, TParent&gt;
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.elementviewtemplate.md b/sites/website/src/docs/3.x/api/fast-element.elementviewtemplate.md
index 907f9c3821c..3ea62e97901 100644
--- a/sites/website/src/docs/3.x/api/fast-element.elementviewtemplate.md
+++ b/sites/website/src/docs/3.x/api/fast-element.elementviewtemplate.md
@@ -20,7 +20,7 @@ A template capable of creating views specifically for rendering custom elements.
 **Signature:**
 
 ```typescript
-export interface ElementViewTemplate<TSource = any, TParent = any> 
+export interface ElementViewTemplate<TSource = any, TParent = any>
 ```
 
 ## Methods
diff --git a/sites/website/src/docs/3.x/api/fast-element.enabledebug.md b/sites/website/src/docs/3.x/api/fast-element.enabledebug.md
new file mode 100644
index 00000000000..32d8a308961
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.enabledebug.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.enabledebug"
+title: "enableDebug() function"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.enabledebug"
+  parent: "api3xfast-element"
+  title: "enableDebug() function"
+navigationOptions:
+  activeKey: "api3xfast-element.enabledebug"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [enableDebug](../fast-element.enabledebug/index.html)
+
+## enableDebug() function
+
+Enables human-readable FAST debug messages.
+
+**Signature:**
+
+```typescript
+export declare function enableDebug(): void;
+```
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element.enablehydration.md b/sites/website/src/docs/3.x/api/fast-element.enablehydration.md
deleted file mode 100644
index 578acb4cd68..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.enablehydration.md
+++ /dev/null
@@ -1,83 +0,0 @@
----
-id: "fast-element.enablehydration"
-title: "enableHydration() function"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.enablehydration"
-  parent: "api3xfast-element"
-  title: "enableHydration() function"
-navigationOptions:
-  activeKey: "api3xfast-element.enablehydration"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [enableHydration](../fast-element.enablehydration/index.html)
-
-## enableHydration() function
-
-Enables hydration support for prerendered FAST elements.
-
-**Signature:**
-
-```typescript
-export declare function enableHydration(options?: HydrationOptions): void;
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-options
-
-
-</td><td>
-
-[HydrationOptions](../fast-element.hydrationoptions/)
-
-
-</td><td>
-
-_(Optional)_ Optional callbacks for global hydration events.
-
-
-</td></tr>
-</tbody></table>
-
-**Returns:**
-
-void
-
-## Remarks
-
-Call this before any FAST elements connect to the DOM. Hydration logic is not active unless this function is called, keeping `FASTElement` lightweight for client-side-only applications.
-
-Safe to call multiple times — the hydration hook is installed once and subsequent calls merge their options into the shared tracker.
-
-## Example
-
-
-```ts
-import { enableHydration } from "@microsoft/fast-element/hydration.js";
-
-enableHydration({
-    hydrationComplete() {
-        console.log("hydration complete");
-    },
-});
-```
diff --git a/sites/website/src/docs/3.x/api/fast-element.eventcachedpath.md b/sites/website/src/docs/3.x/api/fast-element.eventcachedpath.md
new file mode 100644
index 00000000000..06a709a0447
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.eventcachedpath.md
@@ -0,0 +1,67 @@
+---
+id: "fast-element.eventcachedpath"
+title: "EventCachedPath interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.eventcachedpath"
+  parent: "api3xfast-element"
+  title: "EventCachedPath interface"
+navigationOptions:
+  activeKey: "api3xfast-element.eventcachedpath"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [EventCachedPath](../fast-element.eventcachedpath/index.html)
+
+## EventCachedPath interface
+
+A path discovered from an event binding.
+
+**Signature:**
+
+```typescript
+export interface EventCachedPath extends CachedPathCommon
+```
+**Extends:** [CachedPathCommon](../fast-element.cachedpathcommon/)
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[type](../fast-element.eventcachedpath.type/)
+
+
+</td><td>
+
+
+</td><td>
+
+"event"
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.eventcachedpath.type.md b/sites/website/src/docs/3.x/api/fast-element.eventcachedpath.type.md
new file mode 100644
index 00000000000..7a47c9bc8a5
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.eventcachedpath.type.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.eventcachedpath.type"
+title: "EventCachedPath.type property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.eventcachedpath.type"
+  parent: "api3xfast-element"
+  title: "EventCachedPath.type property"
+navigationOptions:
+  activeKey: "api3xfast-element.eventcachedpath.type"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [EventCachedPath](../fast-element.eventcachedpath/index.html) &gt; [type](../fast-element.eventcachedpath.type/index.html)
+
+## EventCachedPath.type property
+
+**Signature:**
+
+```typescript
+type: "event";
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.expressioncontroller.md b/sites/website/src/docs/3.x/api/fast-element.expressioncontroller.md
index 8e4783c79be..80fd6cc4e6a 100644
--- a/sites/website/src/docs/3.x/api/fast-element.expressioncontroller.md
+++ b/sites/website/src/docs/3.x/api/fast-element.expressioncontroller.md
@@ -20,7 +20,7 @@ Controls the lifecycle of an expression and provides relevant context.
 **Signature:**
 
 ```typescript
-export interface ExpressionController<TSource = any, TParent = any> 
+export interface ExpressionController<TSource = any, TParent = any>
 ```
 
 ## Properties
diff --git a/sites/website/src/docs/3.x/api/fast-element.expressionnotifier.md b/sites/website/src/docs/3.x/api/fast-element.expressionnotifier.md
index 37bbbcb107f..96f1a445546 100644
--- a/sites/website/src/docs/3.x/api/fast-element.expressionnotifier.md
+++ b/sites/website/src/docs/3.x/api/fast-element.expressionnotifier.md
@@ -20,7 +20,7 @@ Enables evaluation of and subscription to a binding.
 **Signature:**
 
 ```typescript
-export interface ExpressionNotifier<TSource = any, TReturn = any, TParent = any> extends Notifier, ExpressionObserver<TSource, TReturn, TParent>, Disposable 
+export interface ExpressionNotifier<TSource = any, TReturn = any, TParent = any> extends Notifier, ExpressionObserver<TSource, TReturn, TParent>, Disposable
 ```
 **Extends:** [Notifier](../fast-element.notifier/)<!-- -->, [ExpressionObserver](../fast-element.expressionobserver/)<!-- -->&lt;TSource, TReturn, TParent&gt;, [Disposable](../fast-element.disposable/)
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.expressionobserver.md b/sites/website/src/docs/3.x/api/fast-element.expressionobserver.md
index 9c28316ef81..359f2a63057 100644
--- a/sites/website/src/docs/3.x/api/fast-element.expressionobserver.md
+++ b/sites/website/src/docs/3.x/api/fast-element.expressionobserver.md
@@ -20,7 +20,7 @@ Observes an expression for changes.
 **Signature:**
 
 ```typescript
-export interface ExpressionObserver<TSource = any, TReturn = any, TParent = any> 
+export interface ExpressionObserver<TSource = any, TReturn = any, TParent = any>
 ```
 
 ## Methods
diff --git a/sites/website/src/docs/3.x/api/fast-element.fastelementdefinition.md b/sites/website/src/docs/3.x/api/fast-element.fastelementdefinition.md
index a90e9310504..e7af9bc9823 100644
--- a/sites/website/src/docs/3.x/api/fast-element.fastelementdefinition.md
+++ b/sites/website/src/docs/3.x/api/fast-element.fastelementdefinition.md
@@ -20,7 +20,7 @@ Defines metadata for a FASTElement.
 **Signature:**
 
 ```typescript
-export declare class FASTElementDefinition<TType extends Constructable<HTMLElement> = Constructable<HTMLElement>> 
+export declare class FASTElementDefinition<TType extends Constructable<HTMLElement> = Constructable<HTMLElement>>
 ```
 
 ## Properties
@@ -301,6 +301,25 @@ CustomElementRegistry
 The registry to register this component in by default.
 
 
+</td></tr>
+<tr><td>
+
+[schema?](../fast-element.fastelementdefinition.schema/)
+
+
+</td><td>
+
+
+</td><td>
+
+[Schema](../fast-element.schema/)
+
+
+</td><td>
+
+_(Optional)_ The optional schema associated with the custom element definition. Declarative templates assign this automatically during template resolution. Non-declarative callers can provide one for schema-driven extensions.
+
+
 </td></tr>
 <tr><td>
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.fastelementdefinition.register.md b/sites/website/src/docs/3.x/api/fast-element.fastelementdefinition.register.md
index fb2a2383d55..5599680174f 100644
--- a/sites/website/src/docs/3.x/api/fast-element.fastelementdefinition.register.md
+++ b/sites/website/src/docs/3.x/api/fast-element.fastelementdefinition.register.md
@@ -16,7 +16,7 @@ navigationOptions:
 ## FASTElementDefinition.register property
 
 > This API is provided as an alpha preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
+>
 
 Indicates when a custom elements definition has been registered with the fastElementRegistry.
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.fastelementdefinition.schema.md b/sites/website/src/docs/3.x/api/fast-element.fastelementdefinition.schema.md
new file mode 100644
index 00000000000..e21c5f273d2
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.fastelementdefinition.schema.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.schema"
+title: "FASTElementDefinition.schema property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.fastelementdefinition.schema"
+  parent: "api3xfast-element"
+  title: "FASTElementDefinition.schema property"
+navigationOptions:
+  activeKey: "api3xfast-element.fastelementdefinition.schema"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [schema](../fast-element.fastelementdefinition.schema/index.html)
+
+## FASTElementDefinition.schema property
+
+The optional schema associated with the custom element definition. Declarative templates assign this automatically during template resolution. Non-declarative callers can provide one for schema-driven extensions.
+
+**Signature:**
+
+```typescript
+schema?: Schema;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.hostbehavior.md b/sites/website/src/docs/3.x/api/fast-element.hostbehavior.md
index 99e79558993..0685dfc3992 100644
--- a/sites/website/src/docs/3.x/api/fast-element.hostbehavior.md
+++ b/sites/website/src/docs/3.x/api/fast-element.hostbehavior.md
@@ -20,7 +20,7 @@ Represents an object that can contribute behavior to a host.
 **Signature:**
 
 ```typescript
-export interface HostBehavior<TSource = any> 
+export interface HostBehavior<TSource = any>
 ```
 
 ## Methods
diff --git a/sites/website/src/docs/3.x/api/fast-element.hostcontroller.md b/sites/website/src/docs/3.x/api/fast-element.hostcontroller.md
index 36cd80f0e68..e0ffb10a3fd 100644
--- a/sites/website/src/docs/3.x/api/fast-element.hostcontroller.md
+++ b/sites/website/src/docs/3.x/api/fast-element.hostcontroller.md
@@ -20,7 +20,7 @@ Controls the lifecycle and context of behaviors and styles associated with a com
 **Signature:**
 
 ```typescript
-export interface HostController<TSource = any> extends ExpressionController<TSource> 
+export interface HostController<TSource = any> extends ExpressionController<TSource>
 ```
 **Extends:** [ExpressionController](../fast-element.expressioncontroller/)<!-- -->&lt;TSource&gt;
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.htmlbindingdirective.md b/sites/website/src/docs/3.x/api/fast-element.htmlbindingdirective.md
index b4274a0f378..00c1a3de2be 100644
--- a/sites/website/src/docs/3.x/api/fast-element.htmlbindingdirective.md
+++ b/sites/website/src/docs/3.x/api/fast-element.htmlbindingdirective.md
@@ -24,7 +24,7 @@ The aspectType (set by HTMLDirective.assignAspect during template processing) de
 **Signature:**
 
 ```typescript
-export declare class HTMLBindingDirective implements HTMLDirective, ViewBehaviorFactory, ViewBehavior, Aspected, BindingDirective 
+export declare class HTMLBindingDirective implements HTMLDirective, ViewBehaviorFactory, ViewBehavior, Aspected, BindingDirective
 ```
 **Implements:** [HTMLDirective](../fast-element.htmldirective/)<!-- -->, [ViewBehaviorFactory](../fast-element.viewbehaviorfactory/)<!-- -->, [ViewBehavior](../fast-element.viewbehavior/)<!-- -->, [Aspected](../fast-element.aspected/)<!-- -->, [BindingDirective](../fast-element.bindingdirective/)
 
@@ -150,7 +150,7 @@ The unique id of the factory.
 
 </td><td>
 
-[DOMPolicy](../fast-element.dompolicy/)
+DOMPolicy
 
 
 </td><td>
diff --git a/sites/website/src/docs/3.x/api/fast-element.htmldirectivedefinition.md b/sites/website/src/docs/3.x/api/fast-element.htmldirectivedefinition.md
index 6e1c36edfcf..ee7f93d9f70 100644
--- a/sites/website/src/docs/3.x/api/fast-element.htmldirectivedefinition.md
+++ b/sites/website/src/docs/3.x/api/fast-element.htmldirectivedefinition.md
@@ -20,7 +20,7 @@ Defines metadata for an HTMLDirective.
 **Signature:**
 
 ```typescript
-export interface HTMLDirectiveDefinition<TType extends Constructable<HTMLDirective> = Constructable<HTMLDirective>> extends Required<PartialHTMLDirectiveDefinition> 
+export interface HTMLDirectiveDefinition<TType extends Constructable<HTMLDirective> = Constructable<HTMLDirective>> extends Required<PartialHTMLDirectiveDefinition>
 ```
 **Extends:** Required&lt;[PartialHTMLDirectiveDefinition](../fast-element.partialhtmldirectivedefinition/)<!-- -->&gt;
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.htmltemplatecompilationresult.md b/sites/website/src/docs/3.x/api/fast-element.htmltemplatecompilationresult.md
index 5d5a6f0a0d0..0641f8b1616 100644
--- a/sites/website/src/docs/3.x/api/fast-element.htmltemplatecompilationresult.md
+++ b/sites/website/src/docs/3.x/api/fast-element.htmltemplatecompilationresult.md
@@ -20,7 +20,7 @@ The result of a template compilation operation.
 **Signature:**
 
 ```typescript
-export interface HTMLTemplateCompilationResult<TSource = any, TParent = any> 
+export interface HTMLTemplateCompilationResult<TSource = any, TParent = any>
 ```
 
 ## Properties
diff --git a/sites/website/src/docs/3.x/api/fast-element.htmlview.md b/sites/website/src/docs/3.x/api/fast-element.htmlview.md
index c737ddcc3b4..7742dd580e9 100644
--- a/sites/website/src/docs/3.x/api/fast-element.htmlview.md
+++ b/sites/website/src/docs/3.x/api/fast-element.htmlview.md
@@ -20,9 +20,9 @@ The standard View implementation, which also implements ElementView and Syntheti
 **Signature:**
 
 ```typescript
-export declare class HTMLView<TSource = any, TParent = any> extends DefaultExecutionContext<TParent> implements ElementView<TSource, TParent>, SyntheticView<TSource, TParent>, ExecutionContext<TParent> 
+export declare class HTMLView<TSource = any, TParent = any> extends DefaultExecutionContext<TParent> implements ElementView<TSource, TParent>, SyntheticView<TSource, TParent>, ExecutionContext<TParent>
 ```
-**Extends:** DefaultExecutionContext&lt;TParent&gt;
+**Extends:** [DefaultExecutionContext](../fast-element.defaultexecutioncontext/)<!-- -->&lt;TParent&gt;
 
 **Implements:** [ElementView](../fast-element.elementview/)<!-- -->&lt;TSource, TParent&gt;, [SyntheticView](../fast-element.syntheticview/)<!-- -->&lt;TSource, TParent&gt;, [ExecutionContext](../fast-element.executioncontext/)<!-- -->&lt;TParent&gt;
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydratableview._hydratable_.md b/sites/website/src/docs/3.x/api/fast-element.hydratableview._hydratable_.md
deleted file mode 100644
index 9f496393f9d..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydratableview._hydratable_.md
+++ /dev/null
@@ -1,22 +0,0 @@
----
-id: "fast-element.hydratableview._hydratable_"
-title: "HydratableView.Hydratable property"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydratableview._hydratable_"
-  parent: "api3xfast-element"
-  title: "HydratableView.Hydratable property"
-navigationOptions:
-  activeKey: "api3xfast-element.hydratableview._hydratable_"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydratableView](../fast-element.hydratableview/index.html) &gt; [\[Hydratable\]](../fast-element.hydratableview._hydratable_/index.html)
-
-## HydratableView.\[Hydratable\] property
-
-**Signature:**
-
-```typescript
-[Hydratable]: symbol;
-```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydratableview.bindingviewboundaries.md b/sites/website/src/docs/3.x/api/fast-element.hydratableview.bindingviewboundaries.md
deleted file mode 100644
index 694c6c18cd0..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydratableview.bindingviewboundaries.md
+++ /dev/null
@@ -1,22 +0,0 @@
----
-id: "fast-element.hydratableview.bindingviewboundaries"
-title: "HydratableView.bindingViewBoundaries property"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydratableview.bindingviewboundaries"
-  parent: "api3xfast-element"
-  title: "HydratableView.bindingViewBoundaries property"
-navigationOptions:
-  activeKey: "api3xfast-element.hydratableview.bindingviewboundaries"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydratableView](../fast-element.hydratableview/index.html) &gt; [bindingViewBoundaries](../fast-element.hydratableview.bindingviewboundaries/index.html)
-
-## HydratableView.bindingViewBoundaries property
-
-**Signature:**
-
-```typescript
-readonly bindingViewBoundaries: Record<string, ViewNodes>;
-```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydratableview.hydrationstage.md b/sites/website/src/docs/3.x/api/fast-element.hydratableview.hydrationstage.md
deleted file mode 100644
index 4a1e918b42b..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydratableview.hydrationstage.md
+++ /dev/null
@@ -1,22 +0,0 @@
----
-id: "fast-element.hydratableview.hydrationstage"
-title: "HydratableView.hydrationStage property"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydratableview.hydrationstage"
-  parent: "api3xfast-element"
-  title: "HydratableView.hydrationStage property"
-navigationOptions:
-  activeKey: "api3xfast-element.hydratableview.hydrationstage"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydratableView](../fast-element.hydratableview/index.html) &gt; [hydrationStage](../fast-element.hydratableview.hydrationstage/index.html)
-
-## HydratableView.hydrationStage property
-
-**Signature:**
-
-```typescript
-readonly hydrationStage: keyof typeof HydrationStage;
-```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydratableview.md b/sites/website/src/docs/3.x/api/fast-element.hydratableview.md
deleted file mode 100644
index 5fe676957fa..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydratableview.md
+++ /dev/null
@@ -1,104 +0,0 @@
----
-id: "fast-element.hydratableview"
-title: "HydratableView interface"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydratableview"
-  parent: "api3xfast-element"
-  title: "HydratableView interface"
-navigationOptions:
-  activeKey: "api3xfast-element.hydratableview"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydratableView](../fast-element.hydratableview/index.html)
-
-## HydratableView interface
-
-
-**Signature:**
-
-```typescript
-export interface HydratableView<TSource = any, TParent = any> extends ElementView, SyntheticView, DefaultExecutionContext<TParent> 
-```
-**Extends:** [ElementView](../fast-element.elementview/)<!-- -->, [SyntheticView](../fast-element.syntheticview/)<!-- -->, DefaultExecutionContext&lt;TParent&gt;
-
-## Properties
-
-<table><thead><tr><th>
-
-Property
-
-
-</th><th>
-
-Modifiers
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[\[Hydratable\]](../fast-element.hydratableview._hydratable_/)
-
-
-</td><td>
-
-
-</td><td>
-
-symbol
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-[bindingViewBoundaries](../fast-element.hydratableview.bindingviewboundaries/)
-
-
-</td><td>
-
-`readonly`
-
-
-</td><td>
-
-Record&lt;string, ViewNodes&gt;
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-[hydrationStage](../fast-element.hydratableview.hydrationstage/)
-
-
-</td><td>
-
-`readonly`
-
-
-</td><td>
-
-keyof typeof HydrationStage
-
-
-</td><td>
-
-
-</td></tr>
-</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydrationbindingerror._constructor_.md b/sites/website/src/docs/3.x/api/fast-element.hydrationbindingerror._constructor_.md
deleted file mode 100644
index 0ec99a47200..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydrationbindingerror._constructor_.md
+++ /dev/null
@@ -1,104 +0,0 @@
----
-id: "fast-element.hydrationbindingerror._constructor_"
-title: "HydrationBindingError.(constructor)"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydrationbindingerror._constructor_"
-  parent: "api3xfast-element"
-  title: "HydrationBindingError.(constructor)"
-navigationOptions:
-  activeKey: "api3xfast-element.hydrationbindingerror._constructor_"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydrationBindingError](../fast-element.hydrationbindingerror/index.html) &gt; [(constructor)](../fast-element.hydrationbindingerror._constructor_/index.html)
-
-## HydrationBindingError.(constructor)
-
-Constructs a new instance of the `HydrationBindingError` class
-
-**Signature:**
-
-```typescript
-constructor(
-    message: string | undefined, 
-    factory: ViewBehaviorFactory, 
-    fragment: DocumentFragment, 
-    templateString: string);
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-message
-
-
-</td><td>
-
-string \| undefined
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-factory
-
-
-</td><td>
-
-[ViewBehaviorFactory](../fast-element.viewbehaviorfactory/)
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-fragment
-
-
-</td><td>
-
-DocumentFragment
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-templateString
-
-
-</td><td>
-
-string
-
-
-</td><td>
-
-
-</td></tr>
-</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydrationbindingerror.factory.md b/sites/website/src/docs/3.x/api/fast-element.hydrationbindingerror.factory.md
deleted file mode 100644
index 48c4e477b09..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydrationbindingerror.factory.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-id: "fast-element.hydrationbindingerror.factory"
-title: "HydrationBindingError.factory property"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydrationbindingerror.factory"
-  parent: "api3xfast-element"
-  title: "HydrationBindingError.factory property"
-navigationOptions:
-  activeKey: "api3xfast-element.hydrationbindingerror.factory"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydrationBindingError](../fast-element.hydrationbindingerror/index.html) &gt; [factory](../fast-element.hydrationbindingerror.factory/index.html)
-
-## HydrationBindingError.factory property
-
-The factory that was unable to be bound
-
-**Signature:**
-
-```typescript
-readonly factory: ViewBehaviorFactory;
-```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydrationbindingerror.fragment.md b/sites/website/src/docs/3.x/api/fast-element.hydrationbindingerror.fragment.md
deleted file mode 100644
index 144aab883bc..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydrationbindingerror.fragment.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-id: "fast-element.hydrationbindingerror.fragment"
-title: "HydrationBindingError.fragment property"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydrationbindingerror.fragment"
-  parent: "api3xfast-element"
-  title: "HydrationBindingError.fragment property"
-navigationOptions:
-  activeKey: "api3xfast-element.hydrationbindingerror.fragment"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydrationBindingError](../fast-element.hydrationbindingerror/index.html) &gt; [fragment](../fast-element.hydrationbindingerror.fragment/index.html)
-
-## HydrationBindingError.fragment property
-
-A DocumentFragment containing a clone of the view's Nodes.
-
-**Signature:**
-
-```typescript
-readonly fragment: DocumentFragment;
-```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydrationbindingerror.md b/sites/website/src/docs/3.x/api/fast-element.hydrationbindingerror.md
deleted file mode 100644
index e332f739138..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydrationbindingerror.md
+++ /dev/null
@@ -1,146 +0,0 @@
----
-id: "fast-element.hydrationbindingerror"
-title: "HydrationBindingError class"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydrationbindingerror"
-  parent: "api3xfast-element"
-  title: "HydrationBindingError class"
-navigationOptions:
-  activeKey: "api3xfast-element.hydrationbindingerror"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydrationBindingError](../fast-element.hydrationbindingerror/index.html)
-
-## HydrationBindingError class
-
-
-**Signature:**
-
-```typescript
-export declare class HydrationBindingError extends Error 
-```
-**Extends:** Error
-
-## Constructors
-
-<table><thead><tr><th>
-
-Constructor
-
-
-</th><th>
-
-Modifiers
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[(constructor)(message, factory, fragment, templateString)](../fast-element.hydrationbindingerror._constructor_/)
-
-
-</td><td>
-
-
-</td><td>
-
-Constructs a new instance of the `HydrationBindingError` class
-
-
-</td></tr>
-</tbody></table>
-
-## Properties
-
-<table><thead><tr><th>
-
-Property
-
-
-</th><th>
-
-Modifiers
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[factory](../fast-element.hydrationbindingerror.factory/)
-
-
-</td><td>
-
-`readonly`
-
-
-</td><td>
-
-[ViewBehaviorFactory](../fast-element.viewbehaviorfactory/)
-
-
-</td><td>
-
-The factory that was unable to be bound
-
-
-</td></tr>
-<tr><td>
-
-[fragment](../fast-element.hydrationbindingerror.fragment/)
-
-
-</td><td>
-
-`readonly`
-
-
-</td><td>
-
-DocumentFragment
-
-
-</td><td>
-
-A DocumentFragment containing a clone of the view's Nodes.
-
-
-</td></tr>
-<tr><td>
-
-[templateString](../fast-element.hydrationbindingerror.templatestring/)
-
-
-</td><td>
-
-`readonly`
-
-
-</td><td>
-
-string
-
-
-</td><td>
-
-String representation of the HTML in the template that threw the binding error.
-
-
-</td></tr>
-</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydrationbindingerror.templatestring.md b/sites/website/src/docs/3.x/api/fast-element.hydrationbindingerror.templatestring.md
deleted file mode 100644
index 0263f70f458..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydrationbindingerror.templatestring.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-id: "fast-element.hydrationbindingerror.templatestring"
-title: "HydrationBindingError.templateString property"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydrationbindingerror.templatestring"
-  parent: "api3xfast-element"
-  title: "HydrationBindingError.templateString property"
-navigationOptions:
-  activeKey: "api3xfast-element.hydrationbindingerror.templatestring"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydrationBindingError](../fast-element.hydrationbindingerror/index.html) &gt; [templateString](../fast-element.hydrationbindingerror.templatestring/index.html)
-
-## HydrationBindingError.templateString property
-
-String representation of the HTML in the template that threw the binding error.
-
-**Signature:**
-
-```typescript
-readonly templateString: string;
-```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydrationoptions.hydrationcomplete.md b/sites/website/src/docs/3.x/api/fast-element.hydrationoptions.hydrationcomplete.md
deleted file mode 100644
index c0eef5db718..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydrationoptions.hydrationcomplete.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-id: "fast-element.hydrationoptions.hydrationcomplete"
-title: "HydrationOptions.hydrationComplete() method"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydrationoptions.hydrationcomplete"
-  parent: "api3xfast-element"
-  title: "HydrationOptions.hydrationComplete() method"
-navigationOptions:
-  activeKey: "api3xfast-element.hydrationoptions.hydrationcomplete"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydrationOptions](../fast-element.hydrationoptions/index.html) &gt; [hydrationComplete](../fast-element.hydrationoptions.hydrationcomplete/index.html)
-
-## HydrationOptions.hydrationComplete() method
-
-Called after all prerendered elements have completed hydration.
-
-**Signature:**
-
-```typescript
-hydrationComplete?(): void;
-```
-**Returns:**
-
-void
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydrationoptions.hydrationstarted.md b/sites/website/src/docs/3.x/api/fast-element.hydrationoptions.hydrationstarted.md
deleted file mode 100644
index 5832c4a96d2..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydrationoptions.hydrationstarted.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-id: "fast-element.hydrationoptions.hydrationstarted"
-title: "HydrationOptions.hydrationStarted() method"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydrationoptions.hydrationstarted"
-  parent: "api3xfast-element"
-  title: "HydrationOptions.hydrationStarted() method"
-navigationOptions:
-  activeKey: "api3xfast-element.hydrationoptions.hydrationstarted"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydrationOptions](../fast-element.hydrationoptions/index.html) &gt; [hydrationStarted](../fast-element.hydrationoptions.hydrationstarted/index.html)
-
-## HydrationOptions.hydrationStarted() method
-
-Called once when the first prerendered element begins hydrating.
-
-**Signature:**
-
-```typescript
-hydrationStarted?(): void;
-```
-**Returns:**
-
-void
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydrationoptions.md b/sites/website/src/docs/3.x/api/fast-element.hydrationoptions.md
deleted file mode 100644
index e0740eb72c9..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydrationoptions.md
+++ /dev/null
@@ -1,61 +0,0 @@
----
-id: "fast-element.hydrationoptions"
-title: "HydrationOptions interface"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydrationoptions"
-  parent: "api3xfast-element"
-  title: "HydrationOptions interface"
-navigationOptions:
-  activeKey: "api3xfast-element.hydrationoptions"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydrationOptions](../fast-element.hydrationoptions/index.html)
-
-## HydrationOptions interface
-
-Options for configuring global hydration lifecycle events.
-
-**Signature:**
-
-```typescript
-export interface HydrationOptions 
-```
-
-## Methods
-
-<table><thead><tr><th>
-
-Method
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[hydrationComplete()?](../fast-element.hydrationoptions.hydrationcomplete/)
-
-
-</td><td>
-
-_(Optional)_ Called after all prerendered elements have completed hydration.
-
-
-</td></tr>
-<tr><td>
-
-[hydrationStarted()?](../fast-element.hydrationoptions.hydrationstarted/)
-
-
-</td><td>
-
-_(Optional)_ Called once when the first prerendered element begins hydrating.
-
-
-</td></tr>
-</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydrationtracker._constructor_.md b/sites/website/src/docs/3.x/api/fast-element.hydrationtracker._constructor_.md
deleted file mode 100644
index e76ffbe6204..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydrationtracker._constructor_.md
+++ /dev/null
@@ -1,58 +0,0 @@
----
-id: "fast-element.hydrationtracker._constructor_"
-title: "HydrationTracker.(constructor)"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydrationtracker._constructor_"
-  parent: "api3xfast-element"
-  title: "HydrationTracker.(constructor)"
-navigationOptions:
-  activeKey: "api3xfast-element.hydrationtracker._constructor_"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydrationTracker](../fast-element.hydrationtracker/index.html) &gt; [(constructor)](../fast-element.hydrationtracker._constructor_/index.html)
-
-## HydrationTracker.(constructor)
-
-Constructs a new instance of the `HydrationTracker` class
-
-**Signature:**
-
-```typescript
-constructor(options: HydrationOptions);
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-options
-
-
-</td><td>
-
-[HydrationOptions](../fast-element.hydrationoptions/)
-
-
-</td><td>
-
-
-</td></tr>
-</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydrationtracker.add.md b/sites/website/src/docs/3.x/api/fast-element.hydrationtracker.add.md
deleted file mode 100644
index 669fe4b7deb..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydrationtracker.add.md
+++ /dev/null
@@ -1,62 +0,0 @@
----
-id: "fast-element.hydrationtracker.add"
-title: "HydrationTracker.add() method"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydrationtracker.add"
-  parent: "api3xfast-element"
-  title: "HydrationTracker.add() method"
-navigationOptions:
-  activeKey: "api3xfast-element.hydrationtracker.add"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydrationTracker](../fast-element.hydrationtracker/index.html) &gt; [add](../fast-element.hydrationtracker.add/index.html)
-
-## HydrationTracker.add() method
-
-Registers an element as pending hydration. Fires `hydrationStarted` on the first call.
-
-**Signature:**
-
-```typescript
-add(element: HTMLElement): void;
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-element
-
-
-</td><td>
-
-HTMLElement
-
-
-</td><td>
-
-
-</td></tr>
-</tbody></table>
-
-**Returns:**
-
-void
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydrationtracker.md b/sites/website/src/docs/3.x/api/fast-element.hydrationtracker.md
deleted file mode 100644
index 79f2ba8d6e2..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydrationtracker.md
+++ /dev/null
@@ -1,120 +0,0 @@
----
-id: "fast-element.hydrationtracker"
-title: "HydrationTracker class"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydrationtracker"
-  parent: "api3xfast-element"
-  title: "HydrationTracker class"
-navigationOptions:
-  activeKey: "api3xfast-element.hydrationtracker"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydrationTracker](../fast-element.hydrationtracker/index.html)
-
-## HydrationTracker class
-
-Tracks prerendered elements through the hydration lifecycle and fires global callbacks at start and completion. Per-element callbacks (`elementWillHydrate`<!-- -->, `elementDidHydrate`<!-- -->) are handled through definition-level [TemplateLifecycleCallbacks](../fast-element.templatelifecyclecallbacks/)<!-- -->.
-
-**Signature:**
-
-```typescript
-export declare class HydrationTracker 
-```
-
-## Constructors
-
-<table><thead><tr><th>
-
-Constructor
-
-
-</th><th>
-
-Modifiers
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[(constructor)(options)](../fast-element.hydrationtracker._constructor_/)
-
-
-</td><td>
-
-
-</td><td>
-
-Constructs a new instance of the `HydrationTracker` class
-
-
-</td></tr>
-</tbody></table>
-
-## Methods
-
-<table><thead><tr><th>
-
-Method
-
-
-</th><th>
-
-Modifiers
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[add(element)](../fast-element.hydrationtracker.add/)
-
-
-</td><td>
-
-
-</td><td>
-
-Registers an element as pending hydration. Fires `hydrationStarted` on the first call.
-
-
-</td></tr>
-<tr><td>
-
-[mergeOptions(incoming)](../fast-element.hydrationtracker.mergeoptions/)
-
-
-</td><td>
-
-
-</td><td>
-
-Merges additional options into the tracker, chaining callbacks so both the original and new callbacks fire.
-
-
-</td></tr>
-<tr><td>
-
-[remove(element)](../fast-element.hydrationtracker.remove/)
-
-
-</td><td>
-
-
-</td><td>
-
-Removes an element from the pending set and schedules a debounced completion check.
-
-
-</td></tr>
-</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydrationtracker.mergeoptions.md b/sites/website/src/docs/3.x/api/fast-element.hydrationtracker.mergeoptions.md
deleted file mode 100644
index c2bcca6e579..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydrationtracker.mergeoptions.md
+++ /dev/null
@@ -1,62 +0,0 @@
----
-id: "fast-element.hydrationtracker.mergeoptions"
-title: "HydrationTracker.mergeOptions() method"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydrationtracker.mergeoptions"
-  parent: "api3xfast-element"
-  title: "HydrationTracker.mergeOptions() method"
-navigationOptions:
-  activeKey: "api3xfast-element.hydrationtracker.mergeoptions"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydrationTracker](../fast-element.hydrationtracker/index.html) &gt; [mergeOptions](../fast-element.hydrationtracker.mergeoptions/index.html)
-
-## HydrationTracker.mergeOptions() method
-
-Merges additional options into the tracker, chaining callbacks so both the original and new callbacks fire.
-
-**Signature:**
-
-```typescript
-mergeOptions(incoming: HydrationOptions): void;
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-incoming
-
-
-</td><td>
-
-[HydrationOptions](../fast-element.hydrationoptions/)
-
-
-</td><td>
-
-
-</td></tr>
-</tbody></table>
-
-**Returns:**
-
-void
diff --git a/sites/website/src/docs/3.x/api/fast-element.hydrationtracker.remove.md b/sites/website/src/docs/3.x/api/fast-element.hydrationtracker.remove.md
deleted file mode 100644
index b2e4f9ff79f..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.hydrationtracker.remove.md
+++ /dev/null
@@ -1,62 +0,0 @@
----
-id: "fast-element.hydrationtracker.remove"
-title: "HydrationTracker.remove() method"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.hydrationtracker.remove"
-  parent: "api3xfast-element"
-  title: "HydrationTracker.remove() method"
-navigationOptions:
-  activeKey: "api3xfast-element.hydrationtracker.remove"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [HydrationTracker](../fast-element.hydrationtracker/index.html) &gt; [remove](../fast-element.hydrationtracker.remove/index.html)
-
-## HydrationTracker.remove() method
-
-Removes an element from the pending set and schedules a debounced completion check.
-
-**Signature:**
-
-```typescript
-remove(element: HTMLElement): void;
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-element
-
-
-</td><td>
-
-HTMLElement
-
-
-</td><td>
-
-
-</td></tr>
-</tbody></table>
-
-**Returns:**
-
-void
diff --git a/sites/website/src/docs/3.x/api/fast-element.inlinetemplatedirective.md b/sites/website/src/docs/3.x/api/fast-element.inlinetemplatedirective.md
index 5506fdfc81a..ec9ab3fc8ae 100644
--- a/sites/website/src/docs/3.x/api/fast-element.inlinetemplatedirective.md
+++ b/sites/website/src/docs/3.x/api/fast-element.inlinetemplatedirective.md
@@ -20,7 +20,7 @@ Inlines a template into another template.
 **Signature:**
 
 ```typescript
-export declare class InlineTemplateDirective implements HTMLDirective 
+export declare class InlineTemplateDirective implements HTMLDirective
 ```
 **Implements:** [HTMLDirective](../fast-element.htmldirective/)
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.ishydratable.md b/sites/website/src/docs/3.x/api/fast-element.ishydratable.md
deleted file mode 100644
index a05da125aa8..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.ishydratable.md
+++ /dev/null
@@ -1,65 +0,0 @@
----
-id: "fast-element.ishydratable"
-title: "isHydratable() function"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.ishydratable"
-  parent: "api3xfast-element"
-  title: "isHydratable() function"
-navigationOptions:
-  activeKey: "api3xfast-element.ishydratable"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [isHydratable](../fast-element.ishydratable/index.html)
-
-## isHydratable() function
-
-> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
-Tests if a template or ViewController is hydratable.
-
-**Signature:**
-
-```typescript
-export declare function isHydratable(view: ViewController): view is HydrationView;
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-view
-
-
-</td><td>
-
-[ViewController](../fast-element.viewcontroller/)
-
-
-</td><td>
-
-
-</td></tr>
-</tbody></table>
-
-**Returns:**
-
-view is HydrationView
diff --git a/sites/website/src/docs/3.x/api/fast-element.ishydratable_1.md b/sites/website/src/docs/3.x/api/fast-element.ishydratable_1.md
deleted file mode 100644
index 93396c1a8cd..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.ishydratable_1.md
+++ /dev/null
@@ -1,64 +0,0 @@
----
-id: "fast-element.ishydratable_1"
-title: "isHydratable() function"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.ishydratable_1"
-  parent: "api3xfast-element"
-  title: "isHydratable() function"
-navigationOptions:
-  activeKey: "api3xfast-element.ishydratable_1"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [isHydratable](../fast-element.ishydratable_1/index.html)
-
-## isHydratable() function
-
-> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
-
-**Signature:**
-
-```typescript
-export declare function isHydratable<TSource = any, TParent = any>(template: SyntheticViewTemplate<TSource, TParent>): template is HydratableSyntheticViewTemplate<TSource, TParent>;
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-template
-
-
-</td><td>
-
-[SyntheticViewTemplate](../fast-element.syntheticviewtemplate/)<!-- -->&lt;TSource, TParent&gt;
-
-
-</td><td>
-
-
-</td></tr>
-</tbody></table>
-
-**Returns:**
-
-template is HydratableSyntheticViewTemplate&lt;TSource, TParent&gt;
diff --git a/sites/website/src/docs/3.x/api/fast-element.ishydratable_2.md b/sites/website/src/docs/3.x/api/fast-element.ishydratable_2.md
deleted file mode 100644
index 47f1f8e4058..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.ishydratable_2.md
+++ /dev/null
@@ -1,64 +0,0 @@
----
-id: "fast-element.ishydratable_2"
-title: "isHydratable() function"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.ishydratable_2"
-  parent: "api3xfast-element"
-  title: "isHydratable() function"
-navigationOptions:
-  activeKey: "api3xfast-element.ishydratable_2"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [isHydratable](../fast-element.ishydratable_2/index.html)
-
-## isHydratable() function
-
-> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
-
-**Signature:**
-
-```typescript
-export declare function isHydratable<TSource = any, TParent = any>(template: ElementViewTemplate<TSource, TParent>): template is HydratableElementViewTemplate<TSource, TParent>;
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-template
-
-
-</td><td>
-
-[ElementViewTemplate](../fast-element.elementviewtemplate/)<!-- -->&lt;TSource, TParent&gt;
-
-
-</td><td>
-
-
-</td></tr>
-</tbody></table>
-
-**Returns:**
-
-template is HydratableElementViewTemplate&lt;TSource, TParent&gt;
diff --git a/sites/website/src/docs/3.x/api/fast-element.ishydratable_3.md b/sites/website/src/docs/3.x/api/fast-element.ishydratable_3.md
deleted file mode 100644
index 6ccf880607d..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element.ishydratable_3.md
+++ /dev/null
@@ -1,64 +0,0 @@
----
-id: "fast-element.ishydratable_3"
-title: "isHydratable() function"
-layout: 3x-api
-eleventyNavigation:
-  key: "api3xfast-element.ishydratable_3"
-  parent: "api3xfast-element"
-  title: "isHydratable() function"
-navigationOptions:
-  activeKey: "api3xfast-element.ishydratable_3"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element](../fast-element/index.html) &gt; [isHydratable](../fast-element.ishydratable_3/index.html)
-
-## isHydratable() function
-
-> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
-
-**Signature:**
-
-```typescript
-export declare function isHydratable(template: ContentTemplate): template is HydratableContentTemplate;
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-template
-
-
-</td><td>
-
-[ContentTemplate](../fast-element.contenttemplate/)
-
-
-</td><td>
-
-
-</td></tr>
-</tbody></table>
-
-**Returns:**
-
-template is HydratableContentTemplate
diff --git a/sites/website/src/docs/3.x/api/fast-element.jsonschema._defs.md b/sites/website/src/docs/3.x/api/fast-element.jsonschema._defs.md
new file mode 100644
index 00000000000..2e90e09b24c
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.jsonschema._defs.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschema._defs"
+title: "JSONSchema.$defs property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.jsonschema._defs"
+  parent: "api3xfast-element"
+  title: "JSONSchema.$defs property"
+navigationOptions:
+  activeKey: "api3xfast-element.jsonschema._defs"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [JSONSchema](../fast-element.jsonschema/index.html) &gt; [$defs](../fast-element.jsonschema._defs/index.html)
+
+## JSONSchema.$defs property
+
+**Signature:**
+
+```typescript
+$defs?: Record<string, JSONSchemaDefinition>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.jsonschema._id.md b/sites/website/src/docs/3.x/api/fast-element.jsonschema._id.md
new file mode 100644
index 00000000000..772e2ef3852
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.jsonschema._id.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschema._id"
+title: "JSONSchema.$id property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.jsonschema._id"
+  parent: "api3xfast-element"
+  title: "JSONSchema.$id property"
+navigationOptions:
+  activeKey: "api3xfast-element.jsonschema._id"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [JSONSchema](../fast-element.jsonschema/index.html) &gt; [$id](../fast-element.jsonschema._id/index.html)
+
+## JSONSchema.$id property
+
+**Signature:**
+
+```typescript
+$id: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.jsonschema._schema.md b/sites/website/src/docs/3.x/api/fast-element.jsonschema._schema.md
new file mode 100644
index 00000000000..3ba074a6ad1
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.jsonschema._schema.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschema._schema"
+title: "JSONSchema.$schema property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.jsonschema._schema"
+  parent: "api3xfast-element"
+  title: "JSONSchema.$schema property"
+navigationOptions:
+  activeKey: "api3xfast-element.jsonschema._schema"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [JSONSchema](../fast-element.jsonschema/index.html) &gt; [$schema](../fast-element.jsonschema._schema/index.html)
+
+## JSONSchema.$schema property
+
+**Signature:**
+
+```typescript
+$schema: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.jsonschema.md b/sites/website/src/docs/3.x/api/fast-element.jsonschema.md
new file mode 100644
index 00000000000..9bd7e320279
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.jsonschema.md
@@ -0,0 +1,103 @@
+---
+id: "fast-element.jsonschema"
+title: "JSONSchema interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.jsonschema"
+  parent: "api3xfast-element"
+  title: "JSONSchema interface"
+navigationOptions:
+  activeKey: "api3xfast-element.jsonschema"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [JSONSchema](../fast-element.jsonschema/index.html)
+
+## JSONSchema interface
+
+A JSON schema describing a root property.
+
+**Signature:**
+
+```typescript
+export interface JSONSchema extends JSONSchemaCommon
+```
+**Extends:** [JSONSchemaCommon](../fast-element.jsonschemacommon/)
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[$defs?](../fast-element.jsonschema._defs/)
+
+
+</td><td>
+
+
+</td><td>
+
+Record&lt;string, [JSONSchemaDefinition](../fast-element.jsonschemadefinition/)<!-- -->&gt;
+
+
+</td><td>
+
+_(Optional)_
+
+
+</td></tr>
+<tr><td>
+
+[$id](../fast-element.jsonschema._id/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[$schema](../fast-element.jsonschema._schema/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon._observe.md b/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon._observe.md
new file mode 100644
index 00000000000..6357d87a8d6
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon._observe.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.jsonschemacommon._observe"
+title: "JSONSchemaCommon.$observe property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.jsonschemacommon._observe"
+  parent: "api3xfast-element"
+  title: "JSONSchemaCommon.$observe property"
+navigationOptions:
+  activeKey: "api3xfast-element.jsonschemacommon._observe"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [JSONSchemaCommon](../fast-element.jsonschemacommon/index.html) &gt; [$observe](../fast-element.jsonschemacommon._observe/index.html)
+
+## JSONSchemaCommon.$observe property
+
+Stamped by `applyConfigToSchema` when an `ObserverMapConfig` excludes this path. When `false`<!-- -->, the proxy system skips observation for this node and (if all descendants are also `false`<!-- -->) its subtree.
+
+**Signature:**
+
+```typescript
+$observe?: boolean;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon._ref.md b/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon._ref.md
new file mode 100644
index 00000000000..ca235f4f92b
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon._ref.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschemacommon._ref"
+title: "JSONSchemaCommon.$ref property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.jsonschemacommon._ref"
+  parent: "api3xfast-element"
+  title: "JSONSchemaCommon.$ref property"
+navigationOptions:
+  activeKey: "api3xfast-element.jsonschemacommon._ref"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [JSONSchemaCommon](../fast-element.jsonschemacommon/index.html) &gt; [$ref](../fast-element.jsonschemacommon._ref/index.html)
+
+## JSONSchemaCommon.$ref property
+
+**Signature:**
+
+```typescript
+$ref?: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon.anyof.md b/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon.anyof.md
new file mode 100644
index 00000000000..80ec57d9341
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon.anyof.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschemacommon.anyof"
+title: "JSONSchemaCommon.anyOf property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.jsonschemacommon.anyof"
+  parent: "api3xfast-element"
+  title: "JSONSchemaCommon.anyOf property"
+navigationOptions:
+  activeKey: "api3xfast-element.jsonschemacommon.anyof"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [JSONSchemaCommon](../fast-element.jsonschemacommon/index.html) &gt; [anyOf](../fast-element.jsonschemacommon.anyof/index.html)
+
+## JSONSchemaCommon.anyOf property
+
+**Signature:**
+
+```typescript
+anyOf?: Array<any>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon.items.md b/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon.items.md
new file mode 100644
index 00000000000..1119edea671
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon.items.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschemacommon.items"
+title: "JSONSchemaCommon.items property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.jsonschemacommon.items"
+  parent: "api3xfast-element"
+  title: "JSONSchemaCommon.items property"
+navigationOptions:
+  activeKey: "api3xfast-element.jsonschemacommon.items"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [JSONSchemaCommon](../fast-element.jsonschemacommon/index.html) &gt; [items](../fast-element.jsonschemacommon.items/index.html)
+
+## JSONSchemaCommon.items property
+
+**Signature:**
+
+```typescript
+items?: any;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon.md b/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon.md
new file mode 100644
index 00000000000..3cbc93c3da7
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon.md
@@ -0,0 +1,163 @@
+---
+id: "fast-element.jsonschemacommon"
+title: "JSONSchemaCommon interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.jsonschemacommon"
+  parent: "api3xfast-element"
+  title: "JSONSchemaCommon interface"
+navigationOptions:
+  activeKey: "api3xfast-element.jsonschemacommon"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [JSONSchemaCommon](../fast-element.jsonschemacommon/index.html)
+
+## JSONSchemaCommon interface
+
+Common properties shared by schema nodes.
+
+**Signature:**
+
+```typescript
+export interface JSONSchemaCommon
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[$observe?](../fast-element.jsonschemacommon._observe/)
+
+
+</td><td>
+
+
+</td><td>
+
+boolean
+
+
+</td><td>
+
+_(Optional)_ Stamped by `applyConfigToSchema` when an `ObserverMapConfig` excludes this path. When `false`<!-- -->, the proxy system skips observation for this node and (if all descendants are also `false`<!-- -->) its subtree.
+
+
+</td></tr>
+<tr><td>
+
+[$ref?](../fast-element.jsonschemacommon._ref/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+_(Optional)_
+
+
+</td></tr>
+<tr><td>
+
+[anyOf?](../fast-element.jsonschemacommon.anyof/)
+
+
+</td><td>
+
+
+</td><td>
+
+Array&lt;any&gt;
+
+
+</td><td>
+
+_(Optional)_
+
+
+</td></tr>
+<tr><td>
+
+[items?](../fast-element.jsonschemacommon.items/)
+
+
+</td><td>
+
+
+</td><td>
+
+any
+
+
+</td><td>
+
+_(Optional)_
+
+
+</td></tr>
+<tr><td>
+
+[properties?](../fast-element.jsonschemacommon.properties/)
+
+
+</td><td>
+
+
+</td><td>
+
+any
+
+
+</td><td>
+
+_(Optional)_
+
+
+</td></tr>
+<tr><td>
+
+[type?](../fast-element.jsonschemacommon.type/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+_(Optional)_
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon.properties.md b/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon.properties.md
new file mode 100644
index 00000000000..29f637a2b7c
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon.properties.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschemacommon.properties"
+title: "JSONSchemaCommon.properties property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.jsonschemacommon.properties"
+  parent: "api3xfast-element"
+  title: "JSONSchemaCommon.properties property"
+navigationOptions:
+  activeKey: "api3xfast-element.jsonschemacommon.properties"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [JSONSchemaCommon](../fast-element.jsonschemacommon/index.html) &gt; [properties](../fast-element.jsonschemacommon.properties/index.html)
+
+## JSONSchemaCommon.properties property
+
+**Signature:**
+
+```typescript
+properties?: any;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon.type.md b/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon.type.md
new file mode 100644
index 00000000000..b0fc90f12ae
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.jsonschemacommon.type.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschemacommon.type"
+title: "JSONSchemaCommon.type property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.jsonschemacommon.type"
+  parent: "api3xfast-element"
+  title: "JSONSchemaCommon.type property"
+navigationOptions:
+  activeKey: "api3xfast-element.jsonschemacommon.type"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [JSONSchemaCommon](../fast-element.jsonschemacommon/index.html) &gt; [type](../fast-element.jsonschemacommon.type/index.html)
+
+## JSONSchemaCommon.type property
+
+**Signature:**
+
+```typescript
+type?: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.jsonschemadefinition._fast_context.md b/sites/website/src/docs/3.x/api/fast-element.jsonschemadefinition._fast_context.md
new file mode 100644
index 00000000000..df8e50acdb6
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.jsonschemadefinition._fast_context.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschemadefinition._fast_context"
+title: "JSONSchemaDefinition.$fast\\_context property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.jsonschemadefinition._fast_context"
+  parent: "api3xfast-element"
+  title: "JSONSchemaDefinition.$fast\\_context property"
+navigationOptions:
+  activeKey: "api3xfast-element.jsonschemadefinition._fast_context"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [JSONSchemaDefinition](../fast-element.jsonschemadefinition/index.html) &gt; [$fast\_context](../fast-element.jsonschemadefinition._fast_context/index.html)
+
+## JSONSchemaDefinition.$fast\_context property
+
+**Signature:**
+
+```typescript
+$fast_context: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.jsonschemadefinition._fast_parent_contexts.md b/sites/website/src/docs/3.x/api/fast-element.jsonschemadefinition._fast_parent_contexts.md
new file mode 100644
index 00000000000..69b597c669b
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.jsonschemadefinition._fast_parent_contexts.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschemadefinition._fast_parent_contexts"
+title: "JSONSchemaDefinition.$fast\\_parent\\_contexts property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.jsonschemadefinition._fast_parent_contexts"
+  parent: "api3xfast-element"
+  title: "JSONSchemaDefinition.$fast\\_parent\\_contexts property"
+navigationOptions:
+  activeKey: "api3xfast-element.jsonschemadefinition._fast_parent_contexts"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [JSONSchemaDefinition](../fast-element.jsonschemadefinition/index.html) &gt; [$fast\_parent\_contexts](../fast-element.jsonschemadefinition._fast_parent_contexts/index.html)
+
+## JSONSchemaDefinition.$fast\_parent\_contexts property
+
+**Signature:**
+
+```typescript
+$fast_parent_contexts: Array<string>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.jsonschemadefinition.md b/sites/website/src/docs/3.x/api/fast-element.jsonschemadefinition.md
new file mode 100644
index 00000000000..eb5ced2ba1a
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.jsonschemadefinition.md
@@ -0,0 +1,84 @@
+---
+id: "fast-element.jsonschemadefinition"
+title: "JSONSchemaDefinition interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.jsonschemadefinition"
+  parent: "api3xfast-element"
+  title: "JSONSchemaDefinition interface"
+navigationOptions:
+  activeKey: "api3xfast-element.jsonschemadefinition"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [JSONSchemaDefinition](../fast-element.jsonschemadefinition/index.html)
+
+## JSONSchemaDefinition interface
+
+A reusable JSON schema definition.
+
+**Signature:**
+
+```typescript
+export interface JSONSchemaDefinition extends JSONSchemaCommon
+```
+**Extends:** [JSONSchemaCommon](../fast-element.jsonschemacommon/)
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[$fast\_context](../fast-element.jsonschemadefinition._fast_context/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[$fast\_parent\_contexts](../fast-element.jsonschemadefinition._fast_parent_contexts/)
+
+
+</td><td>
+
+
+</td><td>
+
+Array&lt;string&gt;
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.lengthobserver.length.md b/sites/website/src/docs/3.x/api/fast-element.lengthobserver.length.md
new file mode 100644
index 00000000000..435d4f7426a
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.lengthobserver.length.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.lengthobserver.length"
+title: "LengthObserver.length property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.lengthobserver.length"
+  parent: "api3xfast-element"
+  title: "LengthObserver.length property"
+navigationOptions:
+  activeKey: "api3xfast-element.lengthobserver.length"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [LengthObserver](../fast-element.lengthobserver/index.html) &gt; [length](../fast-element.lengthobserver.length/index.html)
+
+## LengthObserver.length property
+
+The length of the observed array.
+
+**Signature:**
+
+```typescript
+length: number;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.lengthobserver.md b/sites/website/src/docs/3.x/api/fast-element.lengthobserver.md
new file mode 100644
index 00000000000..8dc7bc28a72
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.lengthobserver.md
@@ -0,0 +1,69 @@
+---
+id: "fast-element.lengthobserver"
+title: "LengthObserver interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.lengthobserver"
+  parent: "api3xfast-element"
+  title: "LengthObserver interface"
+navigationOptions:
+  activeKey: "api3xfast-element.lengthobserver"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [LengthObserver](../fast-element.lengthobserver/index.html)
+
+## LengthObserver interface
+
+Observes array lengths.
+
+**Signature:**
+
+```typescript
+export interface LengthObserver extends Subscriber
+```
+**Extends:** [Subscriber](../fast-element.subscriber/)
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[length](../fast-element.lengthobserver.length/)
+
+
+</td><td>
+
+
+</td><td>
+
+number
+
+
+</td><td>
+
+The length of the observed array.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.lengthof.md b/sites/website/src/docs/3.x/api/fast-element.lengthof.md
new file mode 100644
index 00000000000..ecc503bcba0
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.lengthof.md
@@ -0,0 +1,66 @@
+---
+id: "fast-element.lengthof"
+title: "lengthOf() function"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.lengthof"
+  parent: "api3xfast-element"
+  title: "lengthOf() function"
+navigationOptions:
+  activeKey: "api3xfast-element.lengthof"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [lengthOf](../fast-element.lengthof/index.html)
+
+## lengthOf() function
+
+Enables observing the length of an array.
+
+**Signature:**
+
+```typescript
+export declare function lengthOf<T>(array: readonly T[]): number;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+array
+
+
+</td><td>
+
+readonly T\[\]
+
+
+</td><td>
+
+The array to observe the length of.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+number
+
+The length of the array.
diff --git a/sites/website/src/docs/3.x/api/fast-element.md b/sites/website/src/docs/3.x/api/fast-element.md
index 8238584f05f..00c913b2c93 100644
--- a/sites/website/src/docs/3.x/api/fast-element.md
+++ b/sites/website/src/docs/3.x/api/fast-element.md
@@ -34,7 +34,7 @@ Description
 
 </td><td>
 
-An implementation of [Accessor](../fast-element.accessor/) that supports reactivity, change callbacks, attribute reflection, and type conversion for custom elements.
+An implementation of `Accessor` that supports reactivity, change callbacks, attribute reflection, and type conversion for custom elements.
 
 
 </td></tr>
@@ -48,6 +48,17 @@ An implementation of [Accessor](../fast-element.accessor/) that supports reactiv
 The runtime behavior for child node observation.
 
 
+</td></tr>
+<tr><td>
+
+[DefaultExecutionContext](../fast-element.defaultexecutioncontext/)
+
+
+</td><td>
+
+The default execution context for template views.
+
+
 </td></tr>
 <tr><td>
 
@@ -107,27 +118,6 @@ The aspectType (set by HTMLDirective.assignAspect during template processing) de
 The standard View implementation, which also implements ElementView and SyntheticView.
 
 
-</td></tr>
-<tr><td>
-
-[HydrationBindingError](../fast-element.hydrationbindingerror/)
-
-
-</td><td>
-
-
-
-</td></tr>
-<tr><td>
-
-[HydrationTracker](../fast-element.hydrationtracker/)
-
-
-</td><td>
-
-Tracks prerendered elements through the hydration lifecycle and fires global callbacks at start and completion. Per-element callbacks (`elementWillHydrate`<!-- -->, `elementDidHydrate`<!-- -->) are handled through definition-level [TemplateLifecycleCallbacks](../fast-element.templatelifecyclecallbacks/)<!-- -->.
-
-
 </td></tr>
 <tr><td>
 
@@ -205,6 +195,17 @@ A behavior that renders a template for each item in an array.
 A directive that configures list rendering.
 
 
+</td></tr>
+<tr><td>
+
+[Schema](../fast-element.schema/)
+
+
+</td><td>
+
+A constructed JSON schema from a template
+
+
 </td></tr>
 <tr><td>
 
@@ -389,89 +390,102 @@ A directive that observes the `childNodes` of an element and updates a property
 </td></tr>
 <tr><td>
 
-[customElement(nameOrDef)](../fast-element.customelement/)
+[composedContains(reference, test)](../fast-element.composedcontains/)
 
 
 </td><td>
 
-Decorator: Defines a platform custom element based on `FASTElement`<!-- -->.
+Determines if the reference element contains the test element in a "composed" DOM tree that ignores shadow DOM boundaries.
+
+Returns true of the test element is a descendent of the reference, or exists in a shadow DOM that is a logical descendent of the reference. Otherwise returns false.
 
 
 </td></tr>
 <tr><td>
 
-[elements(selector)](../fast-element.elements/)
+[composedParent(element)](../fast-element.composedparent/)
 
 
 </td><td>
 
-Creates a function that can be used to filter a Node array, selecting only elements.
+Retrieves the "composed parent" element of a node, ignoring DOM tree boundaries. When the parent of a node is a shadow-root, it will return the host element of the shadow root. Otherwise it will return the parent node or null if no parent node exists.
 
 
 </td></tr>
 <tr><td>
 
-[enableHydration(options)](../fast-element.enablehydration/)
+[computedState(initialize, name)](../fast-element.computedstate/)
 
 
 </td><td>
 
-Enables hydration support for prerendered FAST elements.
+**_(BETA)_** Creates a ComputedState.
 
 
 </td></tr>
 <tr><td>
 
-[htmlDirective(options)](../fast-element.htmldirective/)
+[cssDirective()](../fast-element.cssdirective/)
 
 
 </td><td>
 
-Decorator: Defines an HTMLDirective.
+Decorator: Defines a CSSDirective.
+
+
+</td></tr>
+<tr><td>
+
+[customElement(nameOrDef)](../fast-element.customelement/)
+
+
+</td><td>
+
+Decorator: Defines a platform custom element based on `FASTElement`<!-- -->.
 
 
 </td></tr>
 <tr><td>
 
-[isHydratable(view)](../fast-element.ishydratable/)
+[elements(selector)](../fast-element.elements/)
 
 
 </td><td>
 
-**_(BETA)_** Tests if a template or ViewController is hydratable.
+Creates a function that can be used to filter a Node array, selecting only elements.
 
 
 </td></tr>
 <tr><td>
 
-[isHydratable(template)](../fast-element.ishydratable_1/)
+[enableDebug()](../fast-element.enabledebug/)
 
 
 </td><td>
 
-**_(BETA)_**
+Enables human-readable FAST debug messages.
 
 
 </td></tr>
 <tr><td>
 
-[isHydratable(template)](../fast-element.ishydratable_2/)
+[htmlDirective(options)](../fast-element.htmldirective/)
 
 
 </td><td>
 
-**_(BETA)_**
+Decorator: Defines an HTMLDirective.
 
 
 </td></tr>
 <tr><td>
 
-[isHydratable(template)](../fast-element.ishydratable_3/)
+[lengthOf(array)](../fast-element.lengthof/)
 
 
 </td><td>
 
-**_(BETA)_**
+Enables observing the length of an array.
 
 
 </td></tr>
@@ -529,6 +543,28 @@ Creates a one time binding
 Creates an standard binding.
 
 
+</td></tr>
+<tr><td>
+
+[ownedState(value, options)](../fast-element.ownedstate/)
+
+
+</td><td>
+
+**_(BETA)_** Creates a reactive state that has its value associated with a specific owner.
+
+
+</td></tr>
+<tr><td>
+
+[reactive(object, deep)](../fast-element.reactive/)
+
+
+</td><td>
+
+**_(BETA)_** Converts a plain object to a reactive, observable object.
+
+
 </td></tr>
 <tr><td>
 
@@ -562,6 +598,17 @@ Creates a RenderDirective for use in advanced rendering scenarios.
 A directive that enables list rendering.
 
 
+</td></tr>
+<tr><td>
+
+[signal(expression, options, policy)](../fast-element.signal/)
+
+
+</td><td>
+
+Creates a signal binding configuration with the supplied options.
+
+
 </td></tr>
 <tr><td>
 
@@ -573,6 +620,39 @@ A directive that enables list rendering.
 A directive that observes the `assignedNodes()` of a slot and updates a property whenever they change.
 
 
+</td></tr>
+<tr><td>
+
+[sortedCount(array)](../fast-element.sortedcount/)
+
+
+</td><td>
+
+Enables observing the sorted property of an array.
+
+
+</td></tr>
+<tr><td>
+
+[state(value, options)](../fast-element.state/)
+
+
+</td><td>
+
+**_(BETA)_** Creates a reactive state value.
+
+
+</td></tr>
+<tr><td>
+
+[twoWay(expression, optionsOrChangeEvent, policy, isBindingVolatile)](../fast-element.twoway/)
+
+
+</td><td>
+
+Creates a default binding.
+
+
 </td></tr>
 <tr><td>
 
@@ -584,6 +664,17 @@ A directive that observes the `assignedNodes()` of a slot and updates a property
 Decorator: Marks a property getter as having volatile observable dependencies.
 
 
+</td></tr>
+<tr><td>
+
+[watch(object, subscriber)](../fast-element.watch/)
+
+
+</td><td>
+
+**_(BETA)_** Deeply subscribes to changes in existing observable objects.
+
+
 </td></tr>
 <tr><td>
 
@@ -613,6 +704,17 @@ Description
 </th></tr></thead>
 <tbody><tr><td>
 
+[AccessCachedPath](../fast-element.accesscachedpath/)
+
+
+</td><td>
+
+A path discovered from an access expression.
+
+
+</td></tr>
+<tr><td>
+
 [Accessor](../fast-element.accessor/)
 
 
@@ -621,6 +723,17 @@ Description
 Represents a getter/setter property accessor on an object.
 
 
+</td></tr>
+<tr><td>
+
+[ArrayObserver](../fast-element.arrayobserver/)
+
+
+</td><td>
+
+An observer for arrays.
+
+
 </td></tr>
 <tr><td>
 
@@ -643,6 +756,17 @@ Represents something that applies to a specific aspect of the DOM.
 The directive from which a binding originates.
 
 
+</td></tr>
+<tr><td>
+
+[CachedPathCommon](../fast-element.cachedpathcommon/)
+
+
+</td><td>
+
+Common metadata for paths cached while parsing a template.
+
+
 </td></tr>
 <tr><td>
 
@@ -665,6 +789,17 @@ A marker interface used to capture types when interpolating Directive helpers in
 The options used to configure child list observation.
 
 
+</td></tr>
+<tr><td>
+
+[ChildrenMap](../fast-element.childrenmap/)
+
+
+</td><td>
+
+Describes a child custom element binding referenced by a schema path.
+
+
 </td></tr>
 <tr><td>
 
@@ -690,23 +825,45 @@ A simple View that can be interpolated into HTML content.
 </td></tr>
 <tr><td>
 
-[Disposable](../fast-element.disposable/)
+[CSSDirective](../fast-element.cssdirective/)
 
 
 </td><td>
 
-Provides a mechanism for releasing resources.
+Directive for use in CSS templates.
 
 
 </td></tr>
 <tr><td>
 
-[DOMPolicy](../fast-element.dompolicy/)
+[CSSDirectiveDefinition](../fast-element.cssdirectivedefinition/)
 
 
 </td><td>
 
-A security policy that FAST can use to interact with the DOM.
+Defines metadata for a CSSDirective.
+
+
+</td></tr>
+<tr><td>
+
+[DefaultCachedPath](../fast-element.defaultcachedpath/)
+
+
+</td><td>
+
+A path discovered from a default binding.
+
+
+</td></tr>
+<tr><td>
+
+[Disposable](../fast-element.disposable/)
+
+
+</td><td>
+
+Provides a mechanism for releasing resources.
 
 
 </td></tr>
@@ -742,6 +899,17 @@ A View representing DOM nodes specifically for rendering the view of a custom el
 A template capable of creating views specifically for rendering custom elements.
 
 
+</td></tr>
+<tr><td>
+
+[EventCachedPath](../fast-element.eventcachedpath/)
+
+
+</td><td>
+
+A path discovered from an event binding.
+
+
 </td></tr>
 <tr><td>
 
@@ -855,22 +1023,45 @@ The result of a template compilation operation.
 </td></tr>
 <tr><td>
 
-[HydratableView](../fast-element.hydratableview/)
+[JSONSchema](../fast-element.jsonschema/)
+
+
+</td><td>
+
+A JSON schema describing a root property.
+
+
+</td></tr>
+<tr><td>
+
+[JSONSchemaCommon](../fast-element.jsonschemacommon/)
+
+
+</td><td>
+
+Common properties shared by schema nodes.
+
+
+</td></tr>
+<tr><td>
+
+[JSONSchemaDefinition](../fast-element.jsonschemadefinition/)
 
 
 </td><td>
 
+A reusable JSON schema definition.
 
 
 </td></tr>
 <tr><td>
 
-[HydrationOptions](../fast-element.hydrationoptions/)
+[LengthObserver](../fast-element.lengthobserver/)
 
 
 </td><td>
 
-Options for configuring global hydration lifecycle events.
+Observes array lengths.
 
 
 </td></tr>
@@ -928,6 +1119,28 @@ Represents metadata configuration for a custom element.
 Represents metadata configuration for an HTMLDirective.
 
 
+</td></tr>
+<tr><td>
+
+[RegisterPathConfig](../fast-element.registerpathconfig/)
+
+
+</td><td>
+
+Configuration for registering a path with a schema.
+
+
+</td></tr>
+<tr><td>
+
+[RepeatCachedPath](../fast-element.repeatcachedpath/)
+
+
+</td><td>
+
+A path discovered from a repeat directive.
+
+
 </td></tr>
 <tr><td>
 
@@ -961,6 +1174,28 @@ Shadow root initialization options.
 The options used to configure slotted node observation.
 
 
+</td></tr>
+<tr><td>
+
+[SortObserver](../fast-element.sortobserver/)
+
+
+</td><td>
+
+Observes array sort.
+
+
+</td></tr>
+<tr><td>
+
+[SpliceStrategy](../fast-element.splicestrategy/)
+
+
+</td><td>
+
+An approach to tracking changes in an array.
+
+
 </td></tr>
 <tr><td>
 
@@ -1038,6 +1273,17 @@ A template capable of rendering views not specifically connected to custom eleme
 Lifecycle callbacks for template events.
 
 
+</td></tr>
+<tr><td>
+
+[TwoWaySettings](../fast-element.twowaysettings/)
+
+
+</td><td>
+
+The settings required to enable two-way binding.
+
+
 </td></tr>
 <tr><td>
 
@@ -1096,16 +1342,27 @@ A factory that can create a [ViewBehavior](../fast-element.viewbehavior/) associ
 </td></tr>
 <tr><td>
 
-[ViewController](../fast-element.viewcontroller/)
+[ViewBehaviorOrchestrator](../fast-element.viewbehaviororchestrator/)
 
 
 </td><td>
 
-Controls the lifecycle of a view and provides relevant context.
+Bridges between ViewBehaviors and HostBehaviors, enabling a host to control ViewBehaviors.
 
 
 </td></tr>
-</tbody></table>
+<tr><td>
+
+[ViewController](../fast-element.viewcontroller/)
+
+
+</td><td>
+
+Controls the lifecycle of a view and provides relevant context.
+
+
+</td></tr>
+</tbody></table>
 
 ## Variables
 
@@ -1122,6 +1379,17 @@ Description
 </th></tr></thead>
 <tbody><tr><td>
 
+[ArrayObserver](../fast-element.arrayobserver/)
+
+
+</td><td>
+
+An observer for arrays.
+
+
+</td></tr>
+<tr><td>
+
 [AttributeConfiguration](../fast-element.attributeconfiguration/)
 
 
@@ -1152,6 +1420,28 @@ A [ValueConverter](../fast-element.valueconverter/) that converts to and from `b
 Common APIs related to compilation.
 
 
+</td></tr>
+<tr><td>
+
+[css](../fast-element.css/)
+
+
+</td><td>
+
+Transforms a template literal string into styles.
+
+
+</td></tr>
+<tr><td>
+
+[CSSDirective](../fast-element.cssdirective/)
+
+
+</td><td>
+
+Instructs the css engine to provide styles during CSS template composition.
+
+
 </td></tr>
 <tr><td>
 
@@ -1174,6 +1464,17 @@ Common DOM APIs.
 The type of HTML aspect to target.
 
 
+</td></tr>
+<tr><td>
+
+[DOMPolicy](../fast-element.dompolicy/)
+
+
+</td><td>
+
+A helper for creating DOM policies.
+
+
 </td></tr>
 <tr><td>
 
@@ -1295,6 +1596,28 @@ Common Observable APIs.
 Common APIs related to content parsing.
 
 
+</td></tr>
+<tr><td>
+
+[schemaRegistry](../fast-element.schemaregistry/)
+
+
+</td><td>
+
+Module-level registry that maps custom element names to their schema maps. Used for cross-element `$ref` resolution (e.g. nested element schemas). Each Schema instance registers itself here on construction.
+
+
+</td></tr>
+<tr><td>
+
+[Signal](../fast-element.signal/)
+
+
+</td><td>
+
+The gateway to signal APIs.
+
+
 </td></tr>
 <tr><td>
 
@@ -1306,6 +1629,39 @@ Common APIs related to content parsing.
 Describes how the source's lifetime relates to its controller's lifetime.
 
 
+</td></tr>
+<tr><td>
+
+[SpliceStrategy](../fast-element.splicestrategy/)
+
+
+</td><td>
+
+Functionality related to tracking changes in arrays.
+
+
+</td></tr>
+<tr><td>
+
+[SpliceStrategySupport](../fast-element.splicestrategysupport/)
+
+
+</td><td>
+
+Indicates what level of feature support the splice strategy provides.
+
+
+</td></tr>
+<tr><td>
+
+[TwoWaySettings](../fast-element.twowaysettings/)
+
+
+</td><td>
+
+Enables configuring two-way binding settings.
+
+
 </td></tr>
 <tr><td>
 
@@ -1317,6 +1673,17 @@ Describes how the source's lifetime relates to its controller's lifetime.
 The default UpdateQueue.
 
 
+</td></tr>
+<tr><td>
+
+[ViewBehaviorOrchestrator](../fast-element.viewbehaviororchestrator/)
+
+
+</td><td>
+
+Bridges between ViewBehaviors and HostBehaviors, enabling a host to control ViewBehaviors.
+
+
 </td></tr>
 </tbody></table>
 
@@ -1365,6 +1732,28 @@ Metadata used to configure a custom attribute's behavior.
 The mode that specifies the runtime behavior of the attribute.
 
 
+</td></tr>
+<tr><td>
+
+[CachedPath](../fast-element.cachedpath/)
+
+
+</td><td>
+
+A path discovered while parsing a template.
+
+
+</td></tr>
+<tr><td>
+
+[CachedPathMap](../fast-element.cachedpathmap/)
+
+
+</td><td>
+
+A map from element names and root properties to JSON schemas.
+
+
 </td></tr>
 <tr><td>
 
@@ -1431,6 +1820,50 @@ Represents a ViewBehaviorFactory after the compilation process has completed.
 Represents styles that can be composed into the ShadowDOM of a custom element.
 
 
+</td></tr>
+<tr><td>
+
+[ComputedBuilder](../fast-element.computedbuilder/)
+
+
+</td><td>
+
+**_(BETA)_** Provides computed state capabilities.
+
+
+</td></tr>
+<tr><td>
+
+[ComputedInitializer](../fast-element.computedinitializer/)
+
+
+</td><td>
+
+**_(BETA)_** A callback that initializes the computation.
+
+
+</td></tr>
+<tr><td>
+
+[ComputedSetupCallback](../fast-element.computedsetupcallback/)
+
+
+</td><td>
+
+**_(BETA)_** A callback that enables computation setup.
+
+
+</td></tr>
+<tr><td>
+
+[ComputedState](../fast-element.computedstate/)
+
+
+</td><td>
+
+**_(BETA)_** State whose value is computed from other dependencies.
+
+
 </td></tr>
 <tr><td>
 
@@ -1453,6 +1886,28 @@ Represents a type which can be constructed with the new operator.
 A type that instantiates a StyleStrategy.
 
 
+</td></tr>
+<tr><td>
+
+[CSSTemplateTag](../fast-element.csstemplatetag/)
+
+
+</td><td>
+
+Transforms a template literal string into styles.
+
+
+</td></tr>
+<tr><td>
+
+[CSSValue](../fast-element.cssvalue/)
+
+
+</td><td>
+
+Represents the types of values that can be interpolated into a template.
+
+
 </td></tr>
 <tr><td>
 
@@ -1475,6 +1930,50 @@ Metadata used to configure a custom attribute's behavior through a decorator.
 The type of HTML aspect to target.
 
 
+</td></tr>
+<tr><td>
+
+[DOMAspectGuards](../fast-element.domaspectguards/)
+
+
+</td><td>
+
+Aspect-specific guards for a DOM Policy.
+
+
+</td></tr>
+<tr><td>
+
+[DOMElementGuards](../fast-element.domelementguards/)
+
+
+</td><td>
+
+Element-specific guards for a DOM Policy.
+
+
+</td></tr>
+<tr><td>
+
+[DOMGuards](../fast-element.domguards/)
+
+
+</td><td>
+
+Guard configuration for a DOM Policy.
+
+
+</td></tr>
+<tr><td>
+
+[DOMPolicyOptions](../fast-element.dompolicyoptions/)
+
+
+</td><td>
+
+Options for creating a DOM Policy.
+
+
 </td></tr>
 <tr><td>
 
@@ -1486,6 +1985,17 @@ The type of HTML aspect to target.
 A function used to send values to a DOM sink.
 
 
+</td></tr>
+<tr><td>
+
+[DOMSinkGuards](../fast-element.domsinkguards/)
+
+
+</td><td>
+
+A specific DOM sink guard for a node aspect.
+
+
 </td></tr>
 <tr><td>
 
@@ -1541,6 +2051,39 @@ Resolves an element template from a composed definition.
 Transforms a template literal string into a ViewTemplate.
 
 
+</td></tr>
+<tr><td>
+
+[OwnedState](../fast-element.ownedstate/)
+
+
+</td><td>
+
+**_(BETA)_** A read/write stateful value associated with an owner.
+
+
+</td></tr>
+<tr><td>
+
+[ReadonlyOwnedState](../fast-element.readonlyownedstate/)
+
+
+</td><td>
+
+**_(BETA)_** A readonly stateful value associated with an object owner.
+
+
+</td></tr>
+<tr><td>
+
+[ReadonlyState](../fast-element.readonlystate/)
+
+
+</td><td>
+
+**_(BETA)_** A readonly stateful value.
+
+
 </td></tr>
 <tr><td>
 
@@ -1552,6 +2095,39 @@ Transforms a template literal string into a ViewTemplate.
 Describes how the source's lifetime relates to its controller's lifetime.
 
 
+</td></tr>
+<tr><td>
+
+[SpliceStrategySupport](../fast-element.splicestrategysupport/)
+
+
+</td><td>
+
+The available values for SpliceStrategySupport.
+
+
+</td></tr>
+<tr><td>
+
+[State](../fast-element.state/)
+
+
+</td><td>
+
+**_(BETA)_** A read/write stateful value.
+
+
+</td></tr>
+<tr><td>
+
+[StateOptions](../fast-element.stateoptions/)
+
+
+</td><td>
+
+**_(BETA)_** Options for creating state.
+
+
 </td></tr>
 <tr><td>
 
@@ -1574,6 +2150,17 @@ Represents the types of values that can be interpolated into a template.
 A policy for use with the standard trustedTypes platform API.
 
 
+</td></tr>
+<tr><td>
+
+[TwoWayBindingOptions](../fast-element.twowaybindingoptions/)
+
+
+</td><td>
+
+The twoWay binding options.
+
+
 </td></tr>
 <tr><td>
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.nodebehavioroptions.md b/sites/website/src/docs/3.x/api/fast-element.nodebehavioroptions.md
index 3a81a3f1682..f2e94db95b4 100644
--- a/sites/website/src/docs/3.x/api/fast-element.nodebehavioroptions.md
+++ b/sites/website/src/docs/3.x/api/fast-element.nodebehavioroptions.md
@@ -20,7 +20,7 @@ Options for configuring node observation behavior.
 **Signature:**
 
 ```typescript
-export interface NodeBehaviorOptions<T = any> 
+export interface NodeBehaviorOptions<T = any>
 ```
 
 ## Properties
diff --git a/sites/website/src/docs/3.x/api/fast-element.nodeobservationdirective.md b/sites/website/src/docs/3.x/api/fast-element.nodeobservationdirective.md
index 20702c8c373..ada485f7f4d 100644
--- a/sites/website/src/docs/3.x/api/fast-element.nodeobservationdirective.md
+++ b/sites/website/src/docs/3.x/api/fast-element.nodeobservationdirective.md
@@ -20,7 +20,7 @@ A base class for node observation.
 **Signature:**
 
 ```typescript
-export declare abstract class NodeObservationDirective<T extends NodeBehaviorOptions> extends StatelessAttachedAttributeDirective<T> 
+export declare abstract class NodeObservationDirective<T extends NodeBehaviorOptions> extends StatelessAttachedAttributeDirective<T>
 ```
 **Extends:** [StatelessAttachedAttributeDirective](../fast-element.statelessattachedattributedirective/)<!-- -->&lt;T&gt;
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.notifier.md b/sites/website/src/docs/3.x/api/fast-element.notifier.md
index a584a4e8874..59a7e9a1d1f 100644
--- a/sites/website/src/docs/3.x/api/fast-element.notifier.md
+++ b/sites/website/src/docs/3.x/api/fast-element.notifier.md
@@ -20,7 +20,7 @@ Provides change notifications for an observed subject.
 **Signature:**
 
 ```typescript
-export interface Notifier 
+export interface Notifier
 ```
 
 ## Properties
diff --git a/sites/website/src/docs/3.x/api/fast-element.observationrecord.md b/sites/website/src/docs/3.x/api/fast-element.observationrecord.md
index 82dcf0263dd..545717a033a 100644
--- a/sites/website/src/docs/3.x/api/fast-element.observationrecord.md
+++ b/sites/website/src/docs/3.x/api/fast-element.observationrecord.md
@@ -20,7 +20,7 @@ A record of observable property access.
 **Signature:**
 
 ```typescript
-export interface ObservationRecord 
+export interface ObservationRecord
 ```
 
 ## Properties
diff --git a/sites/website/src/docs/3.x/api/fast-element.onetime.md b/sites/website/src/docs/3.x/api/fast-element.onetime.md
index aed752fabd6..09edc896236 100644
--- a/sites/website/src/docs/3.x/api/fast-element.onetime.md
+++ b/sites/website/src/docs/3.x/api/fast-element.onetime.md
@@ -64,7 +64,7 @@ policy
 
 </td><td>
 
-[DOMPolicy](../fast-element.dompolicy/)
+DOMPolicy
 
 
 </td><td>
diff --git a/sites/website/src/docs/3.x/api/fast-element.oneway.md b/sites/website/src/docs/3.x/api/fast-element.oneway.md
index 9717340ffd3..40343075bd5 100644
--- a/sites/website/src/docs/3.x/api/fast-element.oneway.md
+++ b/sites/website/src/docs/3.x/api/fast-element.oneway.md
@@ -64,7 +64,7 @@ policy
 
 </td><td>
 
-[DOMPolicy](../fast-element.dompolicy/)
+DOMPolicy
 
 
 </td><td>
diff --git a/sites/website/src/docs/3.x/api/fast-element.ownedstate.md b/sites/website/src/docs/3.x/api/fast-element.ownedstate.md
new file mode 100644
index 00000000000..11c739c4674
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.ownedstate.md
@@ -0,0 +1,31 @@
+---
+id: "fast-element.ownedstate"
+title: "OwnedState type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.ownedstate"
+  parent: "api3xfast-element"
+  title: "OwnedState type"
+navigationOptions:
+  activeKey: "api3xfast-element.ownedstate"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [OwnedState](../fast-element.ownedstate/index.html)
+
+## OwnedState type
+
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+>
+
+A read/write stateful value associated with an owner.
+
+**Signature:**
+
+```typescript
+export type OwnedState<T> = ReadonlyOwnedState<T> & {
+    set(owner: any, value: T): void;
+    asReadonly(): ReadonlyOwnedState<T>;
+};
+```
+**References:** [ReadonlyOwnedState](../fast-element.readonlyownedstate/)
diff --git a/sites/website/src/docs/3.x/api/fast-element.partialfastelementdefinition.md b/sites/website/src/docs/3.x/api/fast-element.partialfastelementdefinition.md
index b2fbfe89cfd..1e90bb076b6 100644
--- a/sites/website/src/docs/3.x/api/fast-element.partialfastelementdefinition.md
+++ b/sites/website/src/docs/3.x/api/fast-element.partialfastelementdefinition.md
@@ -20,7 +20,7 @@ Represents metadata configuration for a custom element.
 **Signature:**
 
 ```typescript
-export interface PartialFASTElementDefinition<TType extends Constructable<HTMLElement> = Constructable<HTMLElement>> 
+export interface PartialFASTElementDefinition<TType extends Constructable<HTMLElement> = Constructable<HTMLElement>>
 ```
 
 ## Properties
@@ -150,6 +150,27 @@ CustomElementRegistry
 _(Optional)_ The registry to register this component in by default.
 
 
+</td></tr>
+<tr><td>
+
+[schema?](../fast-element.partialfastelementdefinition.schema/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+[Schema](../fast-element.schema/)
+
+
+</td><td>
+
+_(Optional)_ The optional schema associated with the custom element definition. Declarative templates assign this automatically during template resolution. Non-declarative callers can provide one for schema-driven extensions.
+
+
 </td></tr>
 <tr><td>
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.partialfastelementdefinition.schema.md b/sites/website/src/docs/3.x/api/fast-element.partialfastelementdefinition.schema.md
new file mode 100644
index 00000000000..11e94bc6b5f
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.partialfastelementdefinition.schema.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.partialfastelementdefinition.schema"
+title: "PartialFASTElementDefinition.schema property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.partialfastelementdefinition.schema"
+  parent: "api3xfast-element"
+  title: "PartialFASTElementDefinition.schema property"
+navigationOptions:
+  activeKey: "api3xfast-element.partialfastelementdefinition.schema"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [PartialFASTElementDefinition](../fast-element.partialfastelementdefinition/index.html) &gt; [schema](../fast-element.partialfastelementdefinition.schema/index.html)
+
+## PartialFASTElementDefinition.schema property
+
+The optional schema associated with the custom element definition. Declarative templates assign this automatically during template resolution. Non-declarative callers can provide one for schema-driven extensions.
+
+**Signature:**
+
+```typescript
+readonly schema?: Schema;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.partialhtmldirectivedefinition.md b/sites/website/src/docs/3.x/api/fast-element.partialhtmldirectivedefinition.md
index 2757486714a..3026f084730 100644
--- a/sites/website/src/docs/3.x/api/fast-element.partialhtmldirectivedefinition.md
+++ b/sites/website/src/docs/3.x/api/fast-element.partialhtmldirectivedefinition.md
@@ -20,7 +20,7 @@ Represents metadata configuration for an HTMLDirective.
 **Signature:**
 
 ```typescript
-export interface PartialHTMLDirectiveDefinition 
+export interface PartialHTMLDirectiveDefinition
 ```
 
 ## Properties
diff --git a/sites/website/src/docs/3.x/api/fast-element.propertychangenotifier.md b/sites/website/src/docs/3.x/api/fast-element.propertychangenotifier.md
index 2283ffab6e9..bd4d395a8f5 100644
--- a/sites/website/src/docs/3.x/api/fast-element.propertychangenotifier.md
+++ b/sites/website/src/docs/3.x/api/fast-element.propertychangenotifier.md
@@ -20,7 +20,7 @@ An implementation of Notifier that allows subscribers to be notified of individu
 **Signature:**
 
 ```typescript
-export declare class PropertyChangeNotifier implements Notifier 
+export declare class PropertyChangeNotifier implements Notifier
 ```
 **Implements:** [Notifier](../fast-element.notifier/)
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.reactive.md b/sites/website/src/docs/3.x/api/fast-element.reactive.md
new file mode 100644
index 00000000000..ac666e17302
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.reactive.md
@@ -0,0 +1,85 @@
+---
+id: "fast-element.reactive"
+title: "reactive() function"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.reactive"
+  parent: "api3xfast-element"
+  title: "reactive() function"
+navigationOptions:
+  activeKey: "api3xfast-element.reactive"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [reactive](../fast-element.reactive/index.html)
+
+## reactive() function
+
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+>
+
+Converts a plain object to a reactive, observable object.
+
+**Signature:**
+
+```typescript
+export declare function reactive<T>(object: T, deep?: boolean): T;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+object
+
+
+</td><td>
+
+T
+
+
+</td><td>
+
+The object to make reactive.
+
+
+</td></tr>
+<tr><td>
+
+deep
+
+
+</td><td>
+
+boolean
+
+
+</td><td>
+
+_(Optional)_ Indicates whether or not to deeply convert the oject.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+T
+
+The converted object.
diff --git a/sites/website/src/docs/3.x/api/fast-element.readonlyownedstate.md b/sites/website/src/docs/3.x/api/fast-element.readonlyownedstate.md
new file mode 100644
index 00000000000..55953397522
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.readonlyownedstate.md
@@ -0,0 +1,29 @@
+---
+id: "fast-element.readonlyownedstate"
+title: "ReadonlyOwnedState type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.readonlyownedstate"
+  parent: "api3xfast-element"
+  title: "ReadonlyOwnedState type"
+navigationOptions:
+  activeKey: "api3xfast-element.readonlyownedstate"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ReadonlyOwnedState](../fast-element.readonlyownedstate/index.html)
+
+## ReadonlyOwnedState type
+
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+>
+
+A readonly stateful value associated with an object owner.
+
+**Signature:**
+
+```typescript
+export type ReadonlyOwnedState<T> = {
+    (owner: any): T;
+};
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.readonlystate.md b/sites/website/src/docs/3.x/api/fast-element.readonlystate.md
new file mode 100644
index 00000000000..e751a32d537
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.readonlystate.md
@@ -0,0 +1,30 @@
+---
+id: "fast-element.readonlystate"
+title: "ReadonlyState type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.readonlystate"
+  parent: "api3xfast-element"
+  title: "ReadonlyState type"
+navigationOptions:
+  activeKey: "api3xfast-element.readonlystate"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ReadonlyState](../fast-element.readonlystate/index.html)
+
+## ReadonlyState type
+
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+>
+
+A readonly stateful value.
+
+**Signature:**
+
+```typescript
+export type ReadonlyState<T> = {
+    (): T;
+    readonly current: T;
+};
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.refdirective.md b/sites/website/src/docs/3.x/api/fast-element.refdirective.md
index 1716e124c30..385b99d41a2 100644
--- a/sites/website/src/docs/3.x/api/fast-element.refdirective.md
+++ b/sites/website/src/docs/3.x/api/fast-element.refdirective.md
@@ -20,7 +20,7 @@ The runtime behavior for template references.
 **Signature:**
 
 ```typescript
-export declare class RefDirective extends StatelessAttachedAttributeDirective<string> 
+export declare class RefDirective extends StatelessAttachedAttributeDirective<string>
 ```
 **Extends:** [StatelessAttachedAttributeDirective](../fast-element.statelessattachedattributedirective/)<!-- -->&lt;string&gt;
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.registerpathconfig.childrenmap.md b/sites/website/src/docs/3.x/api/fast-element.registerpathconfig.childrenmap.md
new file mode 100644
index 00000000000..d06b2bb1c9f
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.registerpathconfig.childrenmap.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.registerpathconfig.childrenmap"
+title: "RegisterPathConfig.childrenMap property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.registerpathconfig.childrenmap"
+  parent: "api3xfast-element"
+  title: "RegisterPathConfig.childrenMap property"
+navigationOptions:
+  activeKey: "api3xfast-element.registerpathconfig.childrenmap"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [RegisterPathConfig](../fast-element.registerpathconfig/index.html) &gt; [childrenMap](../fast-element.registerpathconfig.childrenmap/index.html)
+
+## RegisterPathConfig.childrenMap property
+
+**Signature:**
+
+```typescript
+childrenMap: ChildrenMap | null;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.registerpathconfig.md b/sites/website/src/docs/3.x/api/fast-element.registerpathconfig.md
new file mode 100644
index 00000000000..fc9a02b423d
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.registerpathconfig.md
@@ -0,0 +1,100 @@
+---
+id: "fast-element.registerpathconfig"
+title: "RegisterPathConfig interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.registerpathconfig"
+  parent: "api3xfast-element"
+  title: "RegisterPathConfig interface"
+navigationOptions:
+  activeKey: "api3xfast-element.registerpathconfig"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [RegisterPathConfig](../fast-element.registerpathconfig/index.html)
+
+## RegisterPathConfig interface
+
+Configuration for registering a path with a schema.
+
+**Signature:**
+
+```typescript
+export interface RegisterPathConfig
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[childrenMap](../fast-element.registerpathconfig.childrenmap/)
+
+
+</td><td>
+
+
+</td><td>
+
+[ChildrenMap](../fast-element.childrenmap/) \| null
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[pathConfig](../fast-element.registerpathconfig.pathconfig/)
+
+
+</td><td>
+
+
+</td><td>
+
+[CachedPath](../fast-element.cachedpath/)
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[rootPropertyName](../fast-element.registerpathconfig.rootpropertyname/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.registerpathconfig.pathconfig.md b/sites/website/src/docs/3.x/api/fast-element.registerpathconfig.pathconfig.md
new file mode 100644
index 00000000000..d5b6070968c
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.registerpathconfig.pathconfig.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.registerpathconfig.pathconfig"
+title: "RegisterPathConfig.pathConfig property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.registerpathconfig.pathconfig"
+  parent: "api3xfast-element"
+  title: "RegisterPathConfig.pathConfig property"
+navigationOptions:
+  activeKey: "api3xfast-element.registerpathconfig.pathconfig"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [RegisterPathConfig](../fast-element.registerpathconfig/index.html) &gt; [pathConfig](../fast-element.registerpathconfig.pathconfig/index.html)
+
+## RegisterPathConfig.pathConfig property
+
+**Signature:**
+
+```typescript
+pathConfig: CachedPath;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.registerpathconfig.rootpropertyname.md b/sites/website/src/docs/3.x/api/fast-element.registerpathconfig.rootpropertyname.md
new file mode 100644
index 00000000000..1444166c46c
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.registerpathconfig.rootpropertyname.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.registerpathconfig.rootpropertyname"
+title: "RegisterPathConfig.rootPropertyName property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.registerpathconfig.rootpropertyname"
+  parent: "api3xfast-element"
+  title: "RegisterPathConfig.rootPropertyName property"
+navigationOptions:
+  activeKey: "api3xfast-element.registerpathconfig.rootpropertyname"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [RegisterPathConfig](../fast-element.registerpathconfig/index.html) &gt; [rootPropertyName](../fast-element.registerpathconfig.rootpropertyname/index.html)
+
+## RegisterPathConfig.rootPropertyName property
+
+**Signature:**
+
+```typescript
+rootPropertyName: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.renderbehavior.md b/sites/website/src/docs/3.x/api/fast-element.renderbehavior.md
index a7f1bcc289f..76f5d797a0a 100644
--- a/sites/website/src/docs/3.x/api/fast-element.renderbehavior.md
+++ b/sites/website/src/docs/3.x/api/fast-element.renderbehavior.md
@@ -20,7 +20,7 @@ A Behavior that enables advanced rendering.
 **Signature:**
 
 ```typescript
-export declare class RenderBehavior<TSource = any> implements ViewBehavior, Subscriber 
+export declare class RenderBehavior<TSource = any> implements ViewBehavior, Subscriber
 ```
 **Implements:** [ViewBehavior](../fast-element.viewbehavior/)<!-- -->, [Subscriber](../fast-element.subscriber/)
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.renderdirective.md b/sites/website/src/docs/3.x/api/fast-element.renderdirective.md
index 7a6ca3c37ee..79b040b6a83 100644
--- a/sites/website/src/docs/3.x/api/fast-element.renderdirective.md
+++ b/sites/website/src/docs/3.x/api/fast-element.renderdirective.md
@@ -20,7 +20,7 @@ A Directive that enables use of the RenderBehavior.
 **Signature:**
 
 ```typescript
-export declare class RenderDirective<TSource = any> implements HTMLDirective, ViewBehaviorFactory, BindingDirective 
+export declare class RenderDirective<TSource = any> implements HTMLDirective, ViewBehaviorFactory, BindingDirective
 ```
 **Implements:** [HTMLDirective](../fast-element.htmldirective/)<!-- -->, [ViewBehaviorFactory](../fast-element.viewbehaviorfactory/)<!-- -->, [BindingDirective](../fast-element.bindingdirective/)
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.repeatbehavior.md b/sites/website/src/docs/3.x/api/fast-element.repeatbehavior.md
index 02f8019a9b0..fac3bbbc26f 100644
--- a/sites/website/src/docs/3.x/api/fast-element.repeatbehavior.md
+++ b/sites/website/src/docs/3.x/api/fast-element.repeatbehavior.md
@@ -20,7 +20,7 @@ A behavior that renders a template for each item in an array.
 **Signature:**
 
 ```typescript
-export declare class RepeatBehavior<TSource = any> implements ViewBehavior, Subscriber 
+export declare class RepeatBehavior<TSource = any> implements ViewBehavior, Subscriber
 ```
 **Implements:** [ViewBehavior](../fast-element.viewbehavior/)<!-- -->, [Subscriber](../fast-element.subscriber/)
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.repeatcachedpath.md b/sites/website/src/docs/3.x/api/fast-element.repeatcachedpath.md
new file mode 100644
index 00000000000..2872b507068
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.repeatcachedpath.md
@@ -0,0 +1,67 @@
+---
+id: "fast-element.repeatcachedpath"
+title: "RepeatCachedPath interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.repeatcachedpath"
+  parent: "api3xfast-element"
+  title: "RepeatCachedPath interface"
+navigationOptions:
+  activeKey: "api3xfast-element.repeatcachedpath"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [RepeatCachedPath](../fast-element.repeatcachedpath/index.html)
+
+## RepeatCachedPath interface
+
+A path discovered from a repeat directive.
+
+**Signature:**
+
+```typescript
+export interface RepeatCachedPath extends CachedPathCommon
+```
+**Extends:** [CachedPathCommon](../fast-element.cachedpathcommon/)
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[type](../fast-element.repeatcachedpath.type/)
+
+
+</td><td>
+
+
+</td><td>
+
+"repeat"
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.repeatcachedpath.type.md b/sites/website/src/docs/3.x/api/fast-element.repeatcachedpath.type.md
new file mode 100644
index 00000000000..1c02682bad9
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.repeatcachedpath.type.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.repeatcachedpath.type"
+title: "RepeatCachedPath.type property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.repeatcachedpath.type"
+  parent: "api3xfast-element"
+  title: "RepeatCachedPath.type property"
+navigationOptions:
+  activeKey: "api3xfast-element.repeatcachedpath.type"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [RepeatCachedPath](../fast-element.repeatcachedpath/index.html) &gt; [type](../fast-element.repeatcachedpath.type/index.html)
+
+## RepeatCachedPath.type property
+
+**Signature:**
+
+```typescript
+type: "repeat";
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.repeatdirective.md b/sites/website/src/docs/3.x/api/fast-element.repeatdirective.md
index 9c32ebcc75d..9564ca1c8d4 100644
--- a/sites/website/src/docs/3.x/api/fast-element.repeatdirective.md
+++ b/sites/website/src/docs/3.x/api/fast-element.repeatdirective.md
@@ -20,7 +20,7 @@ A directive that configures list rendering.
 **Signature:**
 
 ```typescript
-export declare class RepeatDirective<TSource = any> implements HTMLDirective, ViewBehaviorFactory, BindingDirective 
+export declare class RepeatDirective<TSource = any> implements HTMLDirective, ViewBehaviorFactory, BindingDirective
 ```
 **Implements:** [HTMLDirective](../fast-element.htmldirective/)<!-- -->, [ViewBehaviorFactory](../fast-element.viewbehaviorfactory/)<!-- -->, [BindingDirective](../fast-element.bindingdirective/)
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.repeatoptions.md b/sites/website/src/docs/3.x/api/fast-element.repeatoptions.md
index afb91c98b8e..694b9247900 100644
--- a/sites/website/src/docs/3.x/api/fast-element.repeatoptions.md
+++ b/sites/website/src/docs/3.x/api/fast-element.repeatoptions.md
@@ -20,7 +20,7 @@ Options for configuring repeat behavior.
 **Signature:**
 
 ```typescript
-export interface RepeatOptions 
+export interface RepeatOptions
 ```
 
 ## Properties
diff --git a/sites/website/src/docs/3.x/api/fast-element.schema._constructor_.md b/sites/website/src/docs/3.x/api/fast-element.schema._constructor_.md
new file mode 100644
index 00000000000..733d96134d3
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.schema._constructor_.md
@@ -0,0 +1,58 @@
+---
+id: "fast-element.schema._constructor_"
+title: "Schema.(constructor)"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.schema._constructor_"
+  parent: "api3xfast-element"
+  title: "Schema.(constructor)"
+navigationOptions:
+  activeKey: "api3xfast-element.schema._constructor_"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [Schema](../fast-element.schema/index.html) &gt; [(constructor)](../fast-element.schema._constructor_/index.html)
+
+## Schema.(constructor)
+
+Constructs a new instance of the `Schema` class
+
+**Signature:**
+
+```typescript
+constructor(name: string);
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+name
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.schema.addpath.md b/sites/website/src/docs/3.x/api/fast-element.schema.addpath.md
new file mode 100644
index 00000000000..ff6d225373c
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.schema.addpath.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.schema.addpath"
+title: "Schema.addPath() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.schema.addpath"
+  parent: "api3xfast-element"
+  title: "Schema.addPath() method"
+navigationOptions:
+  activeKey: "api3xfast-element.schema.addpath"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [Schema](../fast-element.schema/index.html) &gt; [addPath](../fast-element.schema.addpath/index.html)
+
+## Schema.addPath() method
+
+Add a path to a schema
+
+**Signature:**
+
+```typescript
+addPath(config: RegisterPathConfig): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+config
+
+
+</td><td>
+
+[RegisterPathConfig](../fast-element.registerpathconfig/)
+
+
+</td><td>
+
+The path registration configuration.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element.schema.getrootproperties.md b/sites/website/src/docs/3.x/api/fast-element.schema.getrootproperties.md
new file mode 100644
index 00000000000..9d8334d8983
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.schema.getrootproperties.md
@@ -0,0 +1,29 @@
+---
+id: "fast-element.schema.getrootproperties"
+title: "Schema.getRootProperties() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.schema.getrootproperties"
+  parent: "api3xfast-element"
+  title: "Schema.getRootProperties() method"
+navigationOptions:
+  activeKey: "api3xfast-element.schema.getrootproperties"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [Schema](../fast-element.schema/index.html) &gt; [getRootProperties](../fast-element.schema.getrootproperties/index.html)
+
+## Schema.getRootProperties() method
+
+Gets root properties
+
+**Signature:**
+
+```typescript
+getRootProperties(): IterableIterator<string>;
+```
+**Returns:**
+
+IterableIterator&lt;string&gt;
+
+IterableIterator<string>
diff --git a/sites/website/src/docs/3.x/api/fast-element.schema.getschema.md b/sites/website/src/docs/3.x/api/fast-element.schema.getschema.md
new file mode 100644
index 00000000000..5646df5c250
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.schema.getschema.md
@@ -0,0 +1,66 @@
+---
+id: "fast-element.schema.getschema"
+title: "Schema.getSchema() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.schema.getschema"
+  parent: "api3xfast-element"
+  title: "Schema.getSchema() method"
+navigationOptions:
+  activeKey: "api3xfast-element.schema.getschema"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [Schema](../fast-element.schema/index.html) &gt; [getSchema](../fast-element.schema.getschema/index.html)
+
+## Schema.getSchema() method
+
+Gets the JSON schema for a property name
+
+**Signature:**
+
+```typescript
+getSchema(rootPropertyName: string): JSONSchema | null;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+rootPropertyName
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+the root property the JSON schema is mapped to
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+[JSONSchema](../fast-element.jsonschema/) \| null
+
+The JSON schema for the root property
diff --git a/sites/website/src/docs/3.x/api/fast-element.schema.md b/sites/website/src/docs/3.x/api/fast-element.schema.md
new file mode 100644
index 00000000000..f9bfdc46b2e
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.schema.md
@@ -0,0 +1,120 @@
+---
+id: "fast-element.schema"
+title: "Schema class"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.schema"
+  parent: "api3xfast-element"
+  title: "Schema class"
+navigationOptions:
+  activeKey: "api3xfast-element.schema"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [Schema](../fast-element.schema/index.html)
+
+## Schema class
+
+A constructed JSON schema from a template
+
+**Signature:**
+
+```typescript
+export declare class Schema
+```
+
+## Constructors
+
+<table><thead><tr><th>
+
+Constructor
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[(constructor)(name)](../fast-element.schema._constructor_/)
+
+
+</td><td>
+
+
+</td><td>
+
+Constructs a new instance of the `Schema` class
+
+
+</td></tr>
+</tbody></table>
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[addPath(config)](../fast-element.schema.addpath/)
+
+
+</td><td>
+
+
+</td><td>
+
+Add a path to a schema
+
+
+</td></tr>
+<tr><td>
+
+[getRootProperties()](../fast-element.schema.getrootproperties/)
+
+
+</td><td>
+
+
+</td><td>
+
+Gets root properties
+
+
+</td></tr>
+<tr><td>
+
+[getSchema(rootPropertyName)](../fast-element.schema.getschema/)
+
+
+</td><td>
+
+
+</td><td>
+
+Gets the JSON schema for a property name
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.schemaregistry.md b/sites/website/src/docs/3.x/api/fast-element.schemaregistry.md
new file mode 100644
index 00000000000..e2dfa37cfd4
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.schemaregistry.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.schemaregistry"
+title: "schemaRegistry variable"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.schemaregistry"
+  parent: "api3xfast-element"
+  title: "schemaRegistry variable"
+navigationOptions:
+  activeKey: "api3xfast-element.schemaregistry"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [schemaRegistry](../fast-element.schemaregistry/index.html)
+
+## schemaRegistry variable
+
+Module-level registry that maps custom element names to their schema maps. Used for cross-element `$ref` resolution (e.g. nested element schemas). Each Schema instance registers itself here on construction.
+
+**Signature:**
+
+```typescript
+schemaRegistry: CachedPathMap
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.shadowrootoptions.md b/sites/website/src/docs/3.x/api/fast-element.shadowrootoptions.md
index 62ce3910f41..57059b5d563 100644
--- a/sites/website/src/docs/3.x/api/fast-element.shadowrootoptions.md
+++ b/sites/website/src/docs/3.x/api/fast-element.shadowrootoptions.md
@@ -20,7 +20,7 @@ Shadow root initialization options.
 **Signature:**
 
 ```typescript
-export interface ShadowRootOptions extends ShadowRootInit 
+export interface ShadowRootOptions extends ShadowRootInit
 ```
 **Extends:** ShadowRootInit
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.shadowrootoptions.registry.md b/sites/website/src/docs/3.x/api/fast-element.shadowrootoptions.registry.md
index 3b3d188651b..ceda3e5be9b 100644
--- a/sites/website/src/docs/3.x/api/fast-element.shadowrootoptions.registry.md
+++ b/sites/website/src/docs/3.x/api/fast-element.shadowrootoptions.registry.md
@@ -16,7 +16,7 @@ navigationOptions:
 ## ShadowRootOptions.registry property
 
 > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
+>
 
 A registry that provides the custom elements visible from within this shadow root.
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.signal.md b/sites/website/src/docs/3.x/api/fast-element.signal.md
new file mode 100644
index 00000000000..f756ed78688
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.signal.md
@@ -0,0 +1,28 @@
+---
+id: "fast-element.signal"
+title: "Signal variable"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.signal"
+  parent: "api3xfast-element"
+  title: "Signal variable"
+navigationOptions:
+  activeKey: "api3xfast-element.signal"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [Signal](../fast-element.signal/index.html)
+
+## Signal variable
+
+The gateway to signal APIs.
+
+**Signature:**
+
+```typescript
+Signal: Readonly<{
+    subscribe(signal: string, subscriber: Subscriber): void;
+    unsubscribe(signal: string, subscriber: Subscriber): void;
+    send(signal: string): void;
+}>
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.slotteddirective.md b/sites/website/src/docs/3.x/api/fast-element.slotteddirective.md
index 7b5dff81346..bb8d5d0c377 100644
--- a/sites/website/src/docs/3.x/api/fast-element.slotteddirective.md
+++ b/sites/website/src/docs/3.x/api/fast-element.slotteddirective.md
@@ -20,7 +20,7 @@ The runtime behavior for slotted node observation.
 **Signature:**
 
 ```typescript
-export declare class SlottedDirective extends NodeObservationDirective<SlottedDirectiveOptions> 
+export declare class SlottedDirective extends NodeObservationDirective<SlottedDirectiveOptions>
 ```
 **Extends:** [NodeObservationDirective](../fast-element.nodeobservationdirective/)<!-- -->&lt;[SlottedDirectiveOptions](../fast-element.slotteddirectiveoptions/)<!-- -->&gt;
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.slotteddirectiveoptions.md b/sites/website/src/docs/3.x/api/fast-element.slotteddirectiveoptions.md
index 220d98ee08b..7bdd213db18 100644
--- a/sites/website/src/docs/3.x/api/fast-element.slotteddirectiveoptions.md
+++ b/sites/website/src/docs/3.x/api/fast-element.slotteddirectiveoptions.md
@@ -20,6 +20,6 @@ The options used to configure slotted node observation.
 **Signature:**
 
 ```typescript
-export interface SlottedDirectiveOptions<T = any> extends NodeBehaviorOptions<T>, AssignedNodesOptions 
+export interface SlottedDirectiveOptions<T = any> extends NodeBehaviorOptions<T>, AssignedNodesOptions
 ```
 **Extends:** [NodeBehaviorOptions](../fast-element.nodebehavioroptions/)<!-- -->&lt;T&gt;, AssignedNodesOptions
diff --git a/sites/website/src/docs/3.x/api/fast-element.sort.md b/sites/website/src/docs/3.x/api/fast-element.sort.md
index 084825f0980..2a0b92a4e38 100644
--- a/sites/website/src/docs/3.x/api/fast-element.sort.md
+++ b/sites/website/src/docs/3.x/api/fast-element.sort.md
@@ -20,7 +20,7 @@ A sort array indicates new index positions of array items.
 **Signature:**
 
 ```typescript
-export declare class Sort 
+export declare class Sort
 ```
 
 ## Constructors
diff --git a/sites/website/src/docs/3.x/api/fast-element.sortedcount.md b/sites/website/src/docs/3.x/api/fast-element.sortedcount.md
new file mode 100644
index 00000000000..db2e02ec2e3
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.sortedcount.md
@@ -0,0 +1,66 @@
+---
+id: "fast-element.sortedcount"
+title: "sortedCount() function"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.sortedcount"
+  parent: "api3xfast-element"
+  title: "sortedCount() function"
+navigationOptions:
+  activeKey: "api3xfast-element.sortedcount"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [sortedCount](../fast-element.sortedcount/index.html)
+
+## sortedCount() function
+
+Enables observing the sorted property of an array.
+
+**Signature:**
+
+```typescript
+export declare function sortedCount<T>(array: readonly T[]): number;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+array
+
+
+</td><td>
+
+readonly T\[\]
+
+
+</td><td>
+
+The array to observe the sorted property of.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+number
+
+The sorted property.
diff --git a/sites/website/src/docs/3.x/api/fast-element.sortobserver.md b/sites/website/src/docs/3.x/api/fast-element.sortobserver.md
new file mode 100644
index 00000000000..88a7b78b9c3
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.sortobserver.md
@@ -0,0 +1,69 @@
+---
+id: "fast-element.sortobserver"
+title: "SortObserver interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.sortobserver"
+  parent: "api3xfast-element"
+  title: "SortObserver interface"
+navigationOptions:
+  activeKey: "api3xfast-element.sortobserver"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [SortObserver](../fast-element.sortobserver/index.html)
+
+## SortObserver interface
+
+Observes array sort.
+
+**Signature:**
+
+```typescript
+export interface SortObserver extends Subscriber
+```
+**Extends:** [Subscriber](../fast-element.subscriber/)
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[sorted](../fast-element.sortobserver.sorted/)
+
+
+</td><td>
+
+
+</td><td>
+
+number
+
+
+</td><td>
+
+The sorted times on the observed array, this should be incremented every time an item in the array changes location.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.sortobserver.sorted.md b/sites/website/src/docs/3.x/api/fast-element.sortobserver.sorted.md
new file mode 100644
index 00000000000..ebcac4d9623
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.sortobserver.sorted.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.sortobserver.sorted"
+title: "SortObserver.sorted property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.sortobserver.sorted"
+  parent: "api3xfast-element"
+  title: "SortObserver.sorted property"
+navigationOptions:
+  activeKey: "api3xfast-element.sortobserver.sorted"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [SortObserver](../fast-element.sortobserver/index.html) &gt; [sorted](../fast-element.sortobserver.sorted/index.html)
+
+## SortObserver.sorted property
+
+The sorted times on the observed array, this should be incremented every time an item in the array changes location.
+
+**Signature:**
+
+```typescript
+sorted: number;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.splice.md b/sites/website/src/docs/3.x/api/fast-element.splice.md
index 676820e0d85..5d87db4c1fd 100644
--- a/sites/website/src/docs/3.x/api/fast-element.splice.md
+++ b/sites/website/src/docs/3.x/api/fast-element.splice.md
@@ -24,7 +24,7 @@ which are kept in ascending index order of. The tuple represents that at the \|i
 **Signature:**
 
 ```typescript
-export declare class Splice 
+export declare class Splice
 ```
 
 ## Constructors
diff --git a/sites/website/src/docs/3.x/api/fast-element.splicestrategy.md b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.md
new file mode 100644
index 00000000000..622bdce1232
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.splicestrategy"
+title: "SpliceStrategy variable"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.splicestrategy"
+  parent: "api3xfast-element"
+  title: "SpliceStrategy variable"
+navigationOptions:
+  activeKey: "api3xfast-element.splicestrategy"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [SpliceStrategy](../fast-element.splicestrategy/index.html)
+
+## SpliceStrategy variable
+
+Functionality related to tracking changes in arrays.
+
+**Signature:**
+
+```typescript
+SpliceStrategy: Readonly<{
+    readonly reset: Splice[];
+    readonly setDefaultStrategy: (strategy: SpliceStrategy) => void;
+}>
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.splicestrategy.normalize.md b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.normalize.md
new file mode 100644
index 00000000000..f86762e6504
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.normalize.md
@@ -0,0 +1,96 @@
+---
+id: "fast-element.splicestrategy.normalize"
+title: "SpliceStrategy.normalize() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.splicestrategy.normalize"
+  parent: "api3xfast-element"
+  title: "SpliceStrategy.normalize() method"
+navigationOptions:
+  activeKey: "api3xfast-element.splicestrategy.normalize"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [SpliceStrategy](../fast-element.splicestrategy/index.html) &gt; [normalize](../fast-element.splicestrategy.normalize/index.html)
+
+## SpliceStrategy.normalize() method
+
+Normalizes the splices before delivery to array change subscribers.
+
+**Signature:**
+
+```typescript
+normalize(previous: unknown[] | undefined, current: unknown[], changes: Splice[] | undefined): readonly Splice[];
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+previous
+
+
+</td><td>
+
+unknown\[\] \| undefined
+
+
+</td><td>
+
+The previous version of the array if a reset has taken place.
+
+
+</td></tr>
+<tr><td>
+
+current
+
+
+</td><td>
+
+unknown\[\]
+
+
+</td><td>
+
+The current version of the array.
+
+
+</td></tr>
+<tr><td>
+
+changes
+
+
+</td><td>
+
+[Splice](../fast-element.splice/)<!-- -->\[\] \| undefined
+
+
+</td><td>
+
+The set of changes tracked against the array.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+readonly [Splice](../fast-element.splice/)<!-- -->\[\]
diff --git a/sites/website/src/docs/3.x/api/fast-element.splicestrategy.pop.md b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.pop.md
new file mode 100644
index 00000000000..fffbc0193c5
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.pop.md
@@ -0,0 +1,112 @@
+---
+id: "fast-element.splicestrategy.pop"
+title: "SpliceStrategy.pop() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.splicestrategy.pop"
+  parent: "api3xfast-element"
+  title: "SpliceStrategy.pop() method"
+navigationOptions:
+  activeKey: "api3xfast-element.splicestrategy.pop"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [SpliceStrategy](../fast-element.splicestrategy/index.html) &gt; [pop](../fast-element.splicestrategy.pop/index.html)
+
+## SpliceStrategy.pop() method
+
+Performs and tracks a pop operation on an array.
+
+**Signature:**
+
+```typescript
+pop(array: any[], observer: ArrayObserver, pop: typeof Array.prototype.pop, args: any[]): any;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+array
+
+
+</td><td>
+
+any\[\]
+
+
+</td><td>
+
+The array to track the change for.
+
+
+</td></tr>
+<tr><td>
+
+observer
+
+
+</td><td>
+
+[ArrayObserver](../fast-element.arrayobserver/)
+
+
+</td><td>
+
+The observer to register the change with.
+
+
+</td></tr>
+<tr><td>
+
+pop
+
+
+</td><td>
+
+typeof Array.prototype.pop
+
+
+</td><td>
+
+The operation to perform.
+
+
+</td></tr>
+<tr><td>
+
+args
+
+
+</td><td>
+
+any\[\]
+
+
+</td><td>
+
+The arguments for the operation.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+any
diff --git a/sites/website/src/docs/3.x/api/fast-element.splicestrategy.push.md b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.push.md
new file mode 100644
index 00000000000..86d9a758e19
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.push.md
@@ -0,0 +1,112 @@
+---
+id: "fast-element.splicestrategy.push"
+title: "SpliceStrategy.push() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.splicestrategy.push"
+  parent: "api3xfast-element"
+  title: "SpliceStrategy.push() method"
+navigationOptions:
+  activeKey: "api3xfast-element.splicestrategy.push"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [SpliceStrategy](../fast-element.splicestrategy/index.html) &gt; [push](../fast-element.splicestrategy.push/index.html)
+
+## SpliceStrategy.push() method
+
+Performs and tracks a push operation on an array.
+
+**Signature:**
+
+```typescript
+push(array: any[], observer: ArrayObserver, push: typeof Array.prototype.push, args: any[]): any;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+array
+
+
+</td><td>
+
+any\[\]
+
+
+</td><td>
+
+The array to track the change for.
+
+
+</td></tr>
+<tr><td>
+
+observer
+
+
+</td><td>
+
+[ArrayObserver](../fast-element.arrayobserver/)
+
+
+</td><td>
+
+The observer to register the change with.
+
+
+</td></tr>
+<tr><td>
+
+push
+
+
+</td><td>
+
+typeof Array.prototype.push
+
+
+</td><td>
+
+The operation to perform.
+
+
+</td></tr>
+<tr><td>
+
+args
+
+
+</td><td>
+
+any\[\]
+
+
+</td><td>
+
+The arguments for the operation.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+any
diff --git a/sites/website/src/docs/3.x/api/fast-element.splicestrategy.reverse.md b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.reverse.md
new file mode 100644
index 00000000000..522b4b5db97
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.reverse.md
@@ -0,0 +1,112 @@
+---
+id: "fast-element.splicestrategy.reverse"
+title: "SpliceStrategy.reverse() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.splicestrategy.reverse"
+  parent: "api3xfast-element"
+  title: "SpliceStrategy.reverse() method"
+navigationOptions:
+  activeKey: "api3xfast-element.splicestrategy.reverse"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [SpliceStrategy](../fast-element.splicestrategy/index.html) &gt; [reverse](../fast-element.splicestrategy.reverse/index.html)
+
+## SpliceStrategy.reverse() method
+
+Performs and tracks a reverse operation on an array.
+
+**Signature:**
+
+```typescript
+reverse(array: any[], observer: ArrayObserver, reverse: typeof Array.prototype.reverse, args: any[]): any;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+array
+
+
+</td><td>
+
+any\[\]
+
+
+</td><td>
+
+The array to track the change for.
+
+
+</td></tr>
+<tr><td>
+
+observer
+
+
+</td><td>
+
+[ArrayObserver](../fast-element.arrayobserver/)
+
+
+</td><td>
+
+The observer to register the change with.
+
+
+</td></tr>
+<tr><td>
+
+reverse
+
+
+</td><td>
+
+typeof Array.prototype.reverse
+
+
+</td><td>
+
+The operation to perform.
+
+
+</td></tr>
+<tr><td>
+
+args
+
+
+</td><td>
+
+any\[\]
+
+
+</td><td>
+
+The arguments for the operation.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+any
diff --git a/sites/website/src/docs/3.x/api/fast-element.splicestrategy.shift.md b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.shift.md
new file mode 100644
index 00000000000..7fcb9da4830
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.shift.md
@@ -0,0 +1,112 @@
+---
+id: "fast-element.splicestrategy.shift"
+title: "SpliceStrategy.shift() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.splicestrategy.shift"
+  parent: "api3xfast-element"
+  title: "SpliceStrategy.shift() method"
+navigationOptions:
+  activeKey: "api3xfast-element.splicestrategy.shift"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [SpliceStrategy](../fast-element.splicestrategy/index.html) &gt; [shift](../fast-element.splicestrategy.shift/index.html)
+
+## SpliceStrategy.shift() method
+
+Performs and tracks a shift operation on an array.
+
+**Signature:**
+
+```typescript
+shift(array: any[], observer: ArrayObserver, shift: typeof Array.prototype.shift, args: any[]): any;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+array
+
+
+</td><td>
+
+any\[\]
+
+
+</td><td>
+
+The array to track the change for.
+
+
+</td></tr>
+<tr><td>
+
+observer
+
+
+</td><td>
+
+[ArrayObserver](../fast-element.arrayobserver/)
+
+
+</td><td>
+
+The observer to register the change with.
+
+
+</td></tr>
+<tr><td>
+
+shift
+
+
+</td><td>
+
+typeof Array.prototype.shift
+
+
+</td><td>
+
+The operation to perform.
+
+
+</td></tr>
+<tr><td>
+
+args
+
+
+</td><td>
+
+any\[\]
+
+
+</td><td>
+
+The arguments for the operation.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+any
diff --git a/sites/website/src/docs/3.x/api/fast-element.splicestrategy.sort.md b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.sort.md
new file mode 100644
index 00000000000..b174c2b794c
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.sort.md
@@ -0,0 +1,112 @@
+---
+id: "fast-element.splicestrategy.sort"
+title: "SpliceStrategy.sort() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.splicestrategy.sort"
+  parent: "api3xfast-element"
+  title: "SpliceStrategy.sort() method"
+navigationOptions:
+  activeKey: "api3xfast-element.splicestrategy.sort"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [SpliceStrategy](../fast-element.splicestrategy/index.html) &gt; [sort](../fast-element.splicestrategy.sort/index.html)
+
+## SpliceStrategy.sort() method
+
+Performs and tracks a sort operation on an array.
+
+**Signature:**
+
+```typescript
+sort(array: any[], observer: ArrayObserver, sort: typeof Array.prototype.sort, args: any[]): any[];
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+array
+
+
+</td><td>
+
+any\[\]
+
+
+</td><td>
+
+The array to track the change for.
+
+
+</td></tr>
+<tr><td>
+
+observer
+
+
+</td><td>
+
+[ArrayObserver](../fast-element.arrayobserver/)
+
+
+</td><td>
+
+The observer to register the change with.
+
+
+</td></tr>
+<tr><td>
+
+sort
+
+
+</td><td>
+
+typeof Array.prototype.sort
+
+
+</td><td>
+
+The operation to perform.
+
+
+</td></tr>
+<tr><td>
+
+args
+
+
+</td><td>
+
+any\[\]
+
+
+</td><td>
+
+The arguments for the operation.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+any\[\]
diff --git a/sites/website/src/docs/3.x/api/fast-element.splicestrategy.splice.md b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.splice.md
new file mode 100644
index 00000000000..3ae40f7af8e
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.splice.md
@@ -0,0 +1,112 @@
+---
+id: "fast-element.splicestrategy.splice"
+title: "SpliceStrategy.splice() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.splicestrategy.splice"
+  parent: "api3xfast-element"
+  title: "SpliceStrategy.splice() method"
+navigationOptions:
+  activeKey: "api3xfast-element.splicestrategy.splice"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [SpliceStrategy](../fast-element.splicestrategy/index.html) &gt; [splice](../fast-element.splicestrategy.splice/index.html)
+
+## SpliceStrategy.splice() method
+
+Performs and tracks a splice operation on an array.
+
+**Signature:**
+
+```typescript
+splice(array: any[], observer: ArrayObserver, splice: typeof Array.prototype.splice, args: any[]): any;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+array
+
+
+</td><td>
+
+any\[\]
+
+
+</td><td>
+
+The array to track the change for.
+
+
+</td></tr>
+<tr><td>
+
+observer
+
+
+</td><td>
+
+[ArrayObserver](../fast-element.arrayobserver/)
+
+
+</td><td>
+
+The observer to register the change with.
+
+
+</td></tr>
+<tr><td>
+
+splice
+
+
+</td><td>
+
+typeof Array.prototype.splice
+
+
+</td><td>
+
+The operation to perform.
+
+
+</td></tr>
+<tr><td>
+
+args
+
+
+</td><td>
+
+any\[\]
+
+
+</td><td>
+
+The arguments for the operation.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+any
diff --git a/sites/website/src/docs/3.x/api/fast-element.splicestrategy.support.md b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.support.md
new file mode 100644
index 00000000000..233c8284604
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.support.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.splicestrategy.support"
+title: "SpliceStrategy.support property"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.splicestrategy.support"
+  parent: "api3xfast-element"
+  title: "SpliceStrategy.support property"
+navigationOptions:
+  activeKey: "api3xfast-element.splicestrategy.support"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [SpliceStrategy](../fast-element.splicestrategy/index.html) &gt; [support](../fast-element.splicestrategy.support/index.html)
+
+## SpliceStrategy.support property
+
+The level of feature support the splice strategy provides.
+
+**Signature:**
+
+```typescript
+readonly support: SpliceStrategySupport;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.splicestrategy.unshift.md b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.unshift.md
new file mode 100644
index 00000000000..a33bc1428d7
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.splicestrategy.unshift.md
@@ -0,0 +1,112 @@
+---
+id: "fast-element.splicestrategy.unshift"
+title: "SpliceStrategy.unshift() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.splicestrategy.unshift"
+  parent: "api3xfast-element"
+  title: "SpliceStrategy.unshift() method"
+navigationOptions:
+  activeKey: "api3xfast-element.splicestrategy.unshift"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [SpliceStrategy](../fast-element.splicestrategy/index.html) &gt; [unshift](../fast-element.splicestrategy.unshift/index.html)
+
+## SpliceStrategy.unshift() method
+
+Performs and tracks an unshift operation on an array.
+
+**Signature:**
+
+```typescript
+unshift(array: any[], observer: ArrayObserver, unshift: typeof Array.prototype.unshift, args: any[]): any[];
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+array
+
+
+</td><td>
+
+any\[\]
+
+
+</td><td>
+
+The array to track the change for.
+
+
+</td></tr>
+<tr><td>
+
+observer
+
+
+</td><td>
+
+[ArrayObserver](../fast-element.arrayobserver/)
+
+
+</td><td>
+
+The observer to register the change with.
+
+
+</td></tr>
+<tr><td>
+
+unshift
+
+
+</td><td>
+
+typeof Array.prototype.unshift
+
+
+</td><td>
+
+The operation to perform.
+
+
+</td></tr>
+<tr><td>
+
+args
+
+
+</td><td>
+
+any\[\]
+
+
+</td><td>
+
+The arguments for the operation.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+any\[\]
diff --git a/sites/website/src/docs/3.x/api/fast-element.splicestrategysupport.md b/sites/website/src/docs/3.x/api/fast-element.splicestrategysupport.md
new file mode 100644
index 00000000000..009d88be3ea
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.splicestrategysupport.md
@@ -0,0 +1,28 @@
+---
+id: "fast-element.splicestrategysupport"
+title: "SpliceStrategySupport variable"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.splicestrategysupport"
+  parent: "api3xfast-element"
+  title: "SpliceStrategySupport variable"
+navigationOptions:
+  activeKey: "api3xfast-element.splicestrategysupport"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [SpliceStrategySupport](../fast-element.splicestrategysupport/index.html)
+
+## SpliceStrategySupport variable
+
+Indicates what level of feature support the splice strategy provides.
+
+**Signature:**
+
+```typescript
+SpliceStrategySupport: Readonly<{
+    readonly reset: 1;
+    readonly splice: 2;
+    readonly optimized: 3;
+}>
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.stages.md b/sites/website/src/docs/3.x/api/fast-element.stages.md
index 4bb51dcb885..0bff43930f3 100644
--- a/sites/website/src/docs/3.x/api/fast-element.stages.md
+++ b/sites/website/src/docs/3.x/api/fast-element.stages.md
@@ -20,7 +20,7 @@ The various lifecycle stages of an ElementController.
 **Signature:**
 
 ```typescript
-export declare const enum Stages 
+export declare const enum Stages
 ```
 
 ## Enumeration Members
diff --git a/sites/website/src/docs/3.x/api/fast-element.state.md b/sites/website/src/docs/3.x/api/fast-element.state.md
new file mode 100644
index 00000000000..e1907f02469
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.state.md
@@ -0,0 +1,32 @@
+---
+id: "fast-element.state"
+title: "State type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.state"
+  parent: "api3xfast-element"
+  title: "State type"
+navigationOptions:
+  activeKey: "api3xfast-element.state"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [State](../fast-element.state/index.html)
+
+## State type
+
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+>
+
+A read/write stateful value.
+
+**Signature:**
+
+```typescript
+export type State<T> = ReadonlyState<T> & {
+    current: T;
+    set(value: T): void;
+    asReadonly(): ReadonlyState<T>;
+};
+```
+**References:** [ReadonlyState](../fast-element.readonlystate/)
diff --git a/sites/website/src/docs/3.x/api/fast-element.statelessattachedattributedirective.md b/sites/website/src/docs/3.x/api/fast-element.statelessattachedattributedirective.md
index 76eaa01f23c..dd760a46b9d 100644
--- a/sites/website/src/docs/3.x/api/fast-element.statelessattachedattributedirective.md
+++ b/sites/website/src/docs/3.x/api/fast-element.statelessattachedattributedirective.md
@@ -20,7 +20,7 @@ A base class used for attribute directives that don't need internal state.
 **Signature:**
 
 ```typescript
-export declare abstract class StatelessAttachedAttributeDirective<TOptions> implements HTMLDirective, ViewBehaviorFactory, ViewBehavior 
+export declare abstract class StatelessAttachedAttributeDirective<TOptions> implements HTMLDirective, ViewBehaviorFactory, ViewBehavior
 ```
 **Implements:** [HTMLDirective](../fast-element.htmldirective/)<!-- -->, [ViewBehaviorFactory](../fast-element.viewbehaviorfactory/)<!-- -->, [ViewBehavior](../fast-element.viewbehavior/)
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.stateoptions.md b/sites/website/src/docs/3.x/api/fast-element.stateoptions.md
new file mode 100644
index 00000000000..d3310aac7ea
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.stateoptions.md
@@ -0,0 +1,30 @@
+---
+id: "fast-element.stateoptions"
+title: "StateOptions type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.stateoptions"
+  parent: "api3xfast-element"
+  title: "StateOptions type"
+navigationOptions:
+  activeKey: "api3xfast-element.stateoptions"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [StateOptions](../fast-element.stateoptions/index.html)
+
+## StateOptions type
+
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+>
+
+Options for creating state.
+
+**Signature:**
+
+```typescript
+export type StateOptions = {
+    deep?: boolean;
+    name?: string;
+};
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.stylestrategy.md b/sites/website/src/docs/3.x/api/fast-element.stylestrategy.md
index 0fb27f8a9b3..845f27fea12 100644
--- a/sites/website/src/docs/3.x/api/fast-element.stylestrategy.md
+++ b/sites/website/src/docs/3.x/api/fast-element.stylestrategy.md
@@ -20,7 +20,7 @@ Implemented to provide specific behavior when adding/removing styles for element
 **Signature:**
 
 ```typescript
-export interface StyleStrategy 
+export interface StyleStrategy
 ```
 
 ## Methods
diff --git a/sites/website/src/docs/3.x/api/fast-element.styletarget.md b/sites/website/src/docs/3.x/api/fast-element.styletarget.md
index 860b0e33974..869258886b9 100644
--- a/sites/website/src/docs/3.x/api/fast-element.styletarget.md
+++ b/sites/website/src/docs/3.x/api/fast-element.styletarget.md
@@ -20,7 +20,7 @@ A node that can be targeted by styles.
 **Signature:**
 
 ```typescript
-export interface StyleTarget extends Pick<Node, "getRootNode"> 
+export interface StyleTarget extends Pick<Node, "getRootNode">
 ```
 **Extends:** Pick&lt;Node, "getRootNode"&gt;
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.subscriber.md b/sites/website/src/docs/3.x/api/fast-element.subscriber.md
index e99cfb4c63f..7a3e68ffe71 100644
--- a/sites/website/src/docs/3.x/api/fast-element.subscriber.md
+++ b/sites/website/src/docs/3.x/api/fast-element.subscriber.md
@@ -20,7 +20,7 @@ Implemented by objects that are interested in change notifications.
 **Signature:**
 
 ```typescript
-export interface Subscriber 
+export interface Subscriber
 ```
 
 ## Methods
diff --git a/sites/website/src/docs/3.x/api/fast-element.subscriberset.md b/sites/website/src/docs/3.x/api/fast-element.subscriberset.md
index c7afbb78390..ae11aec5146 100644
--- a/sites/website/src/docs/3.x/api/fast-element.subscriberset.md
+++ b/sites/website/src/docs/3.x/api/fast-element.subscriberset.md
@@ -20,7 +20,7 @@ An implementation of [Notifier](../fast-element.notifier/) that efficiently keep
 **Signature:**
 
 ```typescript
-export declare class SubscriberSet implements Notifier 
+export declare class SubscriberSet implements Notifier
 ```
 **Implements:** [Notifier](../fast-element.notifier/)
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.subtreedirectiveoptions.md b/sites/website/src/docs/3.x/api/fast-element.subtreedirectiveoptions.md
index 2eca9918b16..e56ef90d702 100644
--- a/sites/website/src/docs/3.x/api/fast-element.subtreedirectiveoptions.md
+++ b/sites/website/src/docs/3.x/api/fast-element.subtreedirectiveoptions.md
@@ -20,7 +20,7 @@ The options used to configure subtree observation.
 **Signature:**
 
 ```typescript
-export interface SubtreeDirectiveOptions<T = any> extends NodeBehaviorOptions<T>, Omit<MutationObserverInit, "subtree" | "childList"> 
+export interface SubtreeDirectiveOptions<T = any> extends NodeBehaviorOptions<T>, Omit<MutationObserverInit, "subtree" | "childList">
 ```
 **Extends:** [NodeBehaviorOptions](../fast-element.nodebehavioroptions/)<!-- -->&lt;T&gt;, Omit&lt;MutationObserverInit, "subtree" \| "childList"&gt;
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.syntheticview.md b/sites/website/src/docs/3.x/api/fast-element.syntheticview.md
index bc39e699c70..2adeb069ca9 100644
--- a/sites/website/src/docs/3.x/api/fast-element.syntheticview.md
+++ b/sites/website/src/docs/3.x/api/fast-element.syntheticview.md
@@ -20,7 +20,7 @@ A view representing a range of DOM nodes which can be added/removed ad hoc.
 **Signature:**
 
 ```typescript
-export interface SyntheticView<TSource = any, TParent = any> extends View<TSource, TParent> 
+export interface SyntheticView<TSource = any, TParent = any> extends View<TSource, TParent>
 ```
 **Extends:** [View](../fast-element.view/)<!-- -->&lt;TSource, TParent&gt;
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.syntheticviewtemplate.md b/sites/website/src/docs/3.x/api/fast-element.syntheticviewtemplate.md
index d54533c2f89..52c9b389f12 100644
--- a/sites/website/src/docs/3.x/api/fast-element.syntheticviewtemplate.md
+++ b/sites/website/src/docs/3.x/api/fast-element.syntheticviewtemplate.md
@@ -20,7 +20,7 @@ A template capable of rendering views not specifically connected to custom eleme
 **Signature:**
 
 ```typescript
-export interface SyntheticViewTemplate<TSource = any, TParent = any> 
+export interface SyntheticViewTemplate<TSource = any, TParent = any>
 ```
 
 ## Methods
diff --git a/sites/website/src/docs/3.x/api/fast-element.templatelifecyclecallbacks.md b/sites/website/src/docs/3.x/api/fast-element.templatelifecyclecallbacks.md
index f4413324101..50b29a15def 100644
--- a/sites/website/src/docs/3.x/api/fast-element.templatelifecyclecallbacks.md
+++ b/sites/website/src/docs/3.x/api/fast-element.templatelifecyclecallbacks.md
@@ -20,7 +20,7 @@ Lifecycle callbacks for template events.
 **Signature:**
 
 ```typescript
-export interface TemplateLifecycleCallbacks 
+export interface TemplateLifecycleCallbacks
 ```
 
 ## Methods
diff --git a/sites/website/src/docs/3.x/api/fast-element.twoway.md b/sites/website/src/docs/3.x/api/fast-element.twoway.md
new file mode 100644
index 00000000000..e092a213158
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.twoway.md
@@ -0,0 +1,114 @@
+---
+id: "fast-element.twoway"
+title: "twoWay() function"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.twoway"
+  parent: "api3xfast-element"
+  title: "twoWay() function"
+navigationOptions:
+  activeKey: "api3xfast-element.twoway"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [twoWay](../fast-element.twoway/index.html)
+
+## twoWay() function
+
+Creates a default binding.
+
+**Signature:**
+
+```typescript
+export declare function twoWay<T = any>(expression: Expression<T>, optionsOrChangeEvent?: TwoWayBindingOptions | string, policy?: DOMPolicy, isBindingVolatile?: boolean): Binding<T>;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+expression
+
+
+</td><td>
+
+[Expression](../fast-element.expression/)<!-- -->&lt;T&gt;
+
+
+</td><td>
+
+The binding to refresh when changed.
+
+
+</td></tr>
+<tr><td>
+
+optionsOrChangeEvent
+
+
+</td><td>
+
+[TwoWayBindingOptions](../fast-element.twowaybindingoptions/) \| string
+
+
+</td><td>
+
+_(Optional)_ The binding options or the name of the change event to use.
+
+
+</td></tr>
+<tr><td>
+
+policy
+
+
+</td><td>
+
+DOMPolicy
+
+
+</td><td>
+
+_(Optional)_ The security policy to associate with the binding.
+
+
+</td></tr>
+<tr><td>
+
+isBindingVolatile
+
+
+</td><td>
+
+boolean
+
+
+</td><td>
+
+_(Optional)_ Indicates whether the binding is volatile or not.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+[Binding](../fast-element.binding/)<!-- -->&lt;T&gt;
+
+A binding.
diff --git a/sites/website/src/docs/3.x/api/fast-element.twowaybindingoptions.md b/sites/website/src/docs/3.x/api/fast-element.twowaybindingoptions.md
new file mode 100644
index 00000000000..c898da98c45
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.twowaybindingoptions.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.twowaybindingoptions"
+title: "TwoWayBindingOptions type"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.twowaybindingoptions"
+  parent: "api3xfast-element"
+  title: "TwoWayBindingOptions type"
+navigationOptions:
+  activeKey: "api3xfast-element.twowaybindingoptions"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [TwoWayBindingOptions](../fast-element.twowaybindingoptions/index.html)
+
+## TwoWayBindingOptions type
+
+The twoWay binding options.
+
+**Signature:**
+
+```typescript
+export type TwoWayBindingOptions = {
+    changeEvent?: string;
+    fromView?: (value: any) => any;
+};
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.twowaysettings.determinechangeevent.md b/sites/website/src/docs/3.x/api/fast-element.twowaysettings.determinechangeevent.md
new file mode 100644
index 00000000000..15d857b088d
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.twowaysettings.determinechangeevent.md
@@ -0,0 +1,80 @@
+---
+id: "fast-element.twowaysettings.determinechangeevent"
+title: "TwoWaySettings.determineChangeEvent() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.twowaysettings.determinechangeevent"
+  parent: "api3xfast-element"
+  title: "TwoWaySettings.determineChangeEvent() method"
+navigationOptions:
+  activeKey: "api3xfast-element.twowaysettings.determinechangeevent"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [TwoWaySettings](../fast-element.twowaysettings/index.html) &gt; [determineChangeEvent](../fast-element.twowaysettings.determinechangeevent/index.html)
+
+## TwoWaySettings.determineChangeEvent() method
+
+Determines which event to listen to, to detect changes in the view.
+
+**Signature:**
+
+```typescript
+determineChangeEvent(bindingSource: BindingDirective, target: HTMLElement): string;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+bindingSource
+
+
+</td><td>
+
+[BindingDirective](../fast-element.bindingdirective/)
+
+
+</td><td>
+
+The directive to determine the change event for.
+
+
+</td></tr>
+<tr><td>
+
+target
+
+
+</td><td>
+
+HTMLElement
+
+
+</td><td>
+
+The target element to determine the change event for.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+string
diff --git a/sites/website/src/docs/3.x/api/fast-element.twowaysettings.md b/sites/website/src/docs/3.x/api/fast-element.twowaysettings.md
new file mode 100644
index 00000000000..89fedbcdd3a
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.twowaysettings.md
@@ -0,0 +1,26 @@
+---
+id: "fast-element.twowaysettings"
+title: "TwoWaySettings variable"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.twowaysettings"
+  parent: "api3xfast-element"
+  title: "TwoWaySettings variable"
+navigationOptions:
+  activeKey: "api3xfast-element.twowaysettings"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [TwoWaySettings](../fast-element.twowaysettings/index.html)
+
+## TwoWaySettings variable
+
+Enables configuring two-way binding settings.
+
+**Signature:**
+
+```typescript
+TwoWaySettings: Readonly<{
+    configure(settings: TwoWaySettings): void;
+}>
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.updatequeue.md b/sites/website/src/docs/3.x/api/fast-element.updatequeue.md
index 2c85d545489..55fd6c637cb 100644
--- a/sites/website/src/docs/3.x/api/fast-element.updatequeue.md
+++ b/sites/website/src/docs/3.x/api/fast-element.updatequeue.md
@@ -20,7 +20,7 @@ A work queue used to synchronize writes to the DOM.
 **Signature:**
 
 ```typescript
-export interface UpdateQueue 
+export interface UpdateQueue
 ```
 
 ## Methods
diff --git a/sites/website/src/docs/3.x/api/fast-element.valueconverter.md b/sites/website/src/docs/3.x/api/fast-element.valueconverter.md
index 921f28504d9..834b8722a7f 100644
--- a/sites/website/src/docs/3.x/api/fast-element.valueconverter.md
+++ b/sites/website/src/docs/3.x/api/fast-element.valueconverter.md
@@ -20,7 +20,7 @@ Represents objects that can convert values to and from view or model representat
 **Signature:**
 
 ```typescript
-export interface ValueConverter 
+export interface ValueConverter
 ```
 
 ## Methods
diff --git a/sites/website/src/docs/3.x/api/fast-element.view.md b/sites/website/src/docs/3.x/api/fast-element.view.md
index 3245228ed5d..5e4a87b4877 100644
--- a/sites/website/src/docs/3.x/api/fast-element.view.md
+++ b/sites/website/src/docs/3.x/api/fast-element.view.md
@@ -20,7 +20,7 @@ Represents a collection of DOM nodes which can be bound to a data source.
 **Signature:**
 
 ```typescript
-export interface View<TSource = any, TParent = any> extends Disposable 
+export interface View<TSource = any, TParent = any> extends Disposable
 ```
 **Extends:** [Disposable](../fast-element.disposable/)
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.viewbehavior.md b/sites/website/src/docs/3.x/api/fast-element.viewbehavior.md
index 886f52c06e2..60ac7b30a1f 100644
--- a/sites/website/src/docs/3.x/api/fast-element.viewbehavior.md
+++ b/sites/website/src/docs/3.x/api/fast-element.viewbehavior.md
@@ -20,7 +20,7 @@ Represents an object that can contribute behavior to a view.
 **Signature:**
 
 ```typescript
-export interface ViewBehavior<TSource = any, TParent = any> 
+export interface ViewBehavior<TSource = any, TParent = any>
 ```
 
 ## Methods
diff --git a/sites/website/src/docs/3.x/api/fast-element.viewbehaviorfactory.md b/sites/website/src/docs/3.x/api/fast-element.viewbehaviorfactory.md
index 44802987075..ae903b378d6 100644
--- a/sites/website/src/docs/3.x/api/fast-element.viewbehaviorfactory.md
+++ b/sites/website/src/docs/3.x/api/fast-element.viewbehaviorfactory.md
@@ -20,7 +20,7 @@ A factory that can create a [ViewBehavior](../fast-element.viewbehavior/) associ
 **Signature:**
 
 ```typescript
-export interface ViewBehaviorFactory 
+export interface ViewBehaviorFactory
 ```
 
 ## Properties
@@ -75,7 +75,7 @@ _(Optional)_ The unique id of the factory.
 
 </td><td>
 
-[DOMPolicy](../fast-element.dompolicy/)
+DOMPolicy
 
 
 </td><td>
diff --git a/sites/website/src/docs/3.x/api/fast-element.viewbehaviororchestrator.addbehavior.md b/sites/website/src/docs/3.x/api/fast-element.viewbehaviororchestrator.addbehavior.md
new file mode 100644
index 00000000000..0e31e00e570
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.viewbehaviororchestrator.addbehavior.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.viewbehaviororchestrator.addbehavior"
+title: "ViewBehaviorOrchestrator.addBehavior() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.viewbehaviororchestrator.addbehavior"
+  parent: "api3xfast-element"
+  title: "ViewBehaviorOrchestrator.addBehavior() method"
+navigationOptions:
+  activeKey: "api3xfast-element.viewbehaviororchestrator.addbehavior"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ViewBehaviorOrchestrator](../fast-element.viewbehaviororchestrator/index.html) &gt; [addBehavior](../fast-element.viewbehaviororchestrator.addbehavior/index.html)
+
+## ViewBehaviorOrchestrator.addBehavior() method
+
+Adds a behavior.
+
+**Signature:**
+
+```typescript
+addBehavior(behavior: ViewBehavior): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+behavior
+
+
+</td><td>
+
+[ViewBehavior](../fast-element.viewbehavior/)
+
+
+</td><td>
+
+The behavior to add.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element.viewbehaviororchestrator.addbehaviorfactory.md b/sites/website/src/docs/3.x/api/fast-element.viewbehaviororchestrator.addbehaviorfactory.md
new file mode 100644
index 00000000000..26eac0c331b
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.viewbehaviororchestrator.addbehaviorfactory.md
@@ -0,0 +1,80 @@
+---
+id: "fast-element.viewbehaviororchestrator.addbehaviorfactory"
+title: "ViewBehaviorOrchestrator.addBehaviorFactory() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.viewbehaviororchestrator.addbehaviorfactory"
+  parent: "api3xfast-element"
+  title: "ViewBehaviorOrchestrator.addBehaviorFactory() method"
+navigationOptions:
+  activeKey: "api3xfast-element.viewbehaviororchestrator.addbehaviorfactory"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ViewBehaviorOrchestrator](../fast-element.viewbehaviororchestrator/index.html) &gt; [addBehaviorFactory](../fast-element.viewbehaviororchestrator.addbehaviorfactory/index.html)
+
+## ViewBehaviorOrchestrator.addBehaviorFactory() method
+
+Adds a behavior factory.
+
+**Signature:**
+
+```typescript
+addBehaviorFactory(factory: ViewBehaviorFactory, target: Node): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+factory
+
+
+</td><td>
+
+[ViewBehaviorFactory](../fast-element.viewbehaviorfactory/)
+
+
+</td><td>
+
+The behavior factory to add.
+
+
+</td></tr>
+<tr><td>
+
+target
+
+
+</td><td>
+
+Node
+
+
+</td><td>
+
+The target the factory will create behaviors for.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element.viewbehaviororchestrator.addtarget.md b/sites/website/src/docs/3.x/api/fast-element.viewbehaviororchestrator.addtarget.md
new file mode 100644
index 00000000000..7f5dd7020c0
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.viewbehaviororchestrator.addtarget.md
@@ -0,0 +1,78 @@
+---
+id: "fast-element.viewbehaviororchestrator.addtarget"
+title: "ViewBehaviorOrchestrator.addTarget() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.viewbehaviororchestrator.addtarget"
+  parent: "api3xfast-element"
+  title: "ViewBehaviorOrchestrator.addTarget() method"
+navigationOptions:
+  activeKey: "api3xfast-element.viewbehaviororchestrator.addtarget"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ViewBehaviorOrchestrator](../fast-element.viewbehaviororchestrator/index.html) &gt; [addTarget](../fast-element.viewbehaviororchestrator.addtarget/index.html)
+
+## ViewBehaviorOrchestrator.addTarget() method
+
+**Signature:**
+
+```typescript
+addTarget(nodeId: string, target: Node): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+nodeId
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+The structural id of the DOM node to which a behavior will apply.
+
+
+</td></tr>
+<tr><td>
+
+target
+
+
+</td><td>
+
+Node
+
+
+</td><td>
+
+The DOM node associated with the id.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element.viewbehaviororchestrator.md b/sites/website/src/docs/3.x/api/fast-element.viewbehaviororchestrator.md
new file mode 100644
index 00000000000..8b3b47b289d
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.viewbehaviororchestrator.md
@@ -0,0 +1,26 @@
+---
+id: "fast-element.viewbehaviororchestrator"
+title: "ViewBehaviorOrchestrator variable"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.viewbehaviororchestrator"
+  parent: "api3xfast-element"
+  title: "ViewBehaviorOrchestrator variable"
+navigationOptions:
+  activeKey: "api3xfast-element.viewbehaviororchestrator"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [ViewBehaviorOrchestrator](../fast-element.viewbehaviororchestrator/index.html)
+
+## ViewBehaviorOrchestrator variable
+
+Bridges between ViewBehaviors and HostBehaviors, enabling a host to control ViewBehaviors.
+
+**Signature:**
+
+```typescript
+ViewBehaviorOrchestrator: Readonly<{
+    create<TSource = any, TParent = any>(source: TSource): ViewBehaviorOrchestrator<TSource, TParent>;
+}>
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.viewcontroller.md b/sites/website/src/docs/3.x/api/fast-element.viewcontroller.md
index 93ef004f9e5..7b7b13de5fa 100644
--- a/sites/website/src/docs/3.x/api/fast-element.viewcontroller.md
+++ b/sites/website/src/docs/3.x/api/fast-element.viewcontroller.md
@@ -20,7 +20,7 @@ Controls the lifecycle of a view and provides relevant context.
 **Signature:**
 
 ```typescript
-export interface ViewController<TSource = any, TParent = any> extends ExpressionController<TSource, TParent> 
+export interface ViewController<TSource = any, TParent = any> extends ExpressionController<TSource, TParent>
 ```
 **Extends:** [ExpressionController](../fast-element.expressioncontroller/)<!-- -->&lt;TSource, TParent&gt;
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.viewtemplate._constructor_.md b/sites/website/src/docs/3.x/api/fast-element.viewtemplate._constructor_.md
index 5c420faab62..44a7a19e1f8 100644
--- a/sites/website/src/docs/3.x/api/fast-element.viewtemplate._constructor_.md
+++ b/sites/website/src/docs/3.x/api/fast-element.viewtemplate._constructor_.md
@@ -80,7 +80,7 @@ policy
 
 </td><td>
 
-[DOMPolicy](../fast-element.dompolicy/) \| undefined
+DOMPolicy \| undefined
 
 
 </td><td>
diff --git a/sites/website/src/docs/3.x/api/fast-element.viewtemplate.create.md b/sites/website/src/docs/3.x/api/fast-element.viewtemplate.create.md
index 179f6868a18..4110e65214a 100644
--- a/sites/website/src/docs/3.x/api/fast-element.viewtemplate.create.md
+++ b/sites/website/src/docs/3.x/api/fast-element.viewtemplate.create.md
@@ -86,7 +86,7 @@ policy
 
 </td><td>
 
-[DOMPolicy](../fast-element.dompolicy/)
+DOMPolicy
 
 
 </td><td>
diff --git a/sites/website/src/docs/3.x/api/fast-element.viewtemplate.md b/sites/website/src/docs/3.x/api/fast-element.viewtemplate.md
index a15a29a62a7..974179c10bf 100644
--- a/sites/website/src/docs/3.x/api/fast-element.viewtemplate.md
+++ b/sites/website/src/docs/3.x/api/fast-element.viewtemplate.md
@@ -20,7 +20,7 @@ A template capable of creating HTMLView instances or rendering directly to DOM.
 **Signature:**
 
 ```typescript
-export declare class ViewTemplate<TSource = any, TParent = any> implements ElementViewTemplate<TSource, TParent>, SyntheticViewTemplate<TSource, TParent> 
+export declare class ViewTemplate<TSource = any, TParent = any> implements ElementViewTemplate<TSource, TParent>, SyntheticViewTemplate<TSource, TParent>
 ```
 **Implements:** [ElementViewTemplate](../fast-element.elementviewtemplate/)<!-- -->&lt;TSource, TParent&gt;, [SyntheticViewTemplate](../fast-element.syntheticviewtemplate/)<!-- -->&lt;TSource, TParent&gt;
 
diff --git a/sites/website/src/docs/3.x/api/fast-element.viewtemplate.withpolicy.md b/sites/website/src/docs/3.x/api/fast-element.viewtemplate.withpolicy.md
index 4d7ea62b15f..5cc4e3ac86e 100644
--- a/sites/website/src/docs/3.x/api/fast-element.viewtemplate.withpolicy.md
+++ b/sites/website/src/docs/3.x/api/fast-element.viewtemplate.withpolicy.md
@@ -48,7 +48,7 @@ policy
 
 </td><td>
 
-[DOMPolicy](../fast-element.dompolicy/)
+DOMPolicy
 
 
 </td><td>
diff --git a/sites/website/src/docs/3.x/api/fast-element.watch.md b/sites/website/src/docs/3.x/api/fast-element.watch.md
new file mode 100644
index 00000000000..8c6a599e1ad
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element.watch.md
@@ -0,0 +1,85 @@
+---
+id: "fast-element.watch"
+title: "watch() function"
+layout: 3x-api
+eleventyNavigation:
+  key: "api3xfast-element.watch"
+  parent: "api3xfast-element"
+  title: "watch() function"
+navigationOptions:
+  activeKey: "api3xfast-element.watch"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element](../fast-element/index.html) &gt; [watch](../fast-element.watch/index.html)
+
+## watch() function
+
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+>
+
+Deeply subscribes to changes in existing observable objects.
+
+**Signature:**
+
+```typescript
+export declare function watch(object: any, subscriber: Subscriber | ((subject: any, args: any) => void)): Disposable;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+object
+
+
+</td><td>
+
+any
+
+
+</td><td>
+
+The observable object to watch.
+
+
+</td></tr>
+<tr><td>
+
+subscriber
+
+
+</td><td>
+
+[Subscriber](../fast-element.subscriber/) \| ((subject: any, args: any) =&gt; void)
+
+
+</td><td>
+
+The handler to call when changes are made to the object.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+[Disposable](../fast-element.disposable/)
+
+A disposable that can be used to unsubscribe from change updates.
diff --git a/sites/website/src/docs/3.x/api/fast-element/context/fast-element.contextevent.md b/sites/website/src/docs/3.x/api/fast-element/context/fast-element.contextevent.md
index de2ff149df9..99d7892c2b8 100644
--- a/sites/website/src/docs/3.x/api/fast-element/context/fast-element.contextevent.md
+++ b/sites/website/src/docs/3.x/api/fast-element/context/fast-element.contextevent.md
@@ -24,7 +24,7 @@ If the requested context event contains a truthy `multiple` value, then a provid
 **Signature:**
 
 ```typescript
-export declare class ContextEvent<T extends UnknownContext> extends Event 
+export declare class ContextEvent<T extends UnknownContext> extends Event
 ```
 **Extends:** Event
 
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accesscachedpath.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accesscachedpath.md
new file mode 100644
index 00000000000..8e2b4982133
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accesscachedpath.md
@@ -0,0 +1,67 @@
+---
+id: "fast-element.accesscachedpath"
+title: "AccessCachedPath interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.accesscachedpath"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "AccessCachedPath interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.accesscachedpath"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AccessCachedPath](../fast-element.accesscachedpath/index.html)
+
+## AccessCachedPath interface
+
+A path discovered from an access expression.
+
+**Signature:**
+
+```typescript
+export interface AccessCachedPath extends CachedPathCommon
+```
+**Extends:** [CachedPathCommon](../fast-element.cachedpathcommon/)
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[type](../fast-element.accesscachedpath.type/)
+
+
+</td><td>
+
+
+</td><td>
+
+"access"
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accesscachedpath.type.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accesscachedpath.type.md
new file mode 100644
index 00000000000..c1c0483c718
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accesscachedpath.type.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.accesscachedpath.type"
+title: "AccessCachedPath.type property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.accesscachedpath.type"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "AccessCachedPath.type property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.accesscachedpath.type"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AccessCachedPath](../fast-element.accesscachedpath/index.html) &gt; [type](../fast-element.accesscachedpath.type/index.html)
+
+## AccessCachedPath.type property
+
+**Signature:**
+
+```typescript
+type: "access";
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accessor.getvalue.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accessor.getvalue.md
new file mode 100644
index 00000000000..60ec185b5a3
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accessor.getvalue.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.accessor.getvalue"
+title: "Accessor.getValue() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.accessor.getvalue"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "Accessor.getValue() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.accessor.getvalue"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [Accessor](../fast-element.accessor/index.html) &gt; [getValue](../fast-element.accessor.getvalue/index.html)
+
+## Accessor.getValue() method
+
+Gets the value of the property on the source object.
+
+**Signature:**
+
+```typescript
+getValue(source: any): any;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+source
+
+
+</td><td>
+
+any
+
+
+</td><td>
+
+The source object to access.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+any
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accessor.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accessor.md
new file mode 100644
index 00000000000..6c3899d9001
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accessor.md
@@ -0,0 +1,105 @@
+---
+id: "fast-element.accessor"
+title: "Accessor interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.accessor"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "Accessor interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.accessor"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [Accessor](../fast-element.accessor/index.html)
+
+## Accessor interface
+
+Represents a getter/setter property accessor on an object.
+
+**Signature:**
+
+```typescript
+export interface Accessor
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[name](../fast-element.accessor.name/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+The name of the property.
+
+
+</td></tr>
+</tbody></table>
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[getValue(source)](../fast-element.accessor.getvalue/)
+
+
+</td><td>
+
+Gets the value of the property on the source object.
+
+
+</td></tr>
+<tr><td>
+
+[setValue(source, value)](../fast-element.accessor.setvalue/)
+
+
+</td><td>
+
+Sets the value of the property on the source object.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accessor.name.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accessor.name.md
new file mode 100644
index 00000000000..fe6227c6431
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accessor.name.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.accessor.name"
+title: "Accessor.name property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.accessor.name"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "Accessor.name property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.accessor.name"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [Accessor](../fast-element.accessor/index.html) &gt; [name](../fast-element.accessor.name/index.html)
+
+## Accessor.name property
+
+The name of the property.
+
+**Signature:**
+
+```typescript
+name: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accessor.setvalue.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accessor.setvalue.md
new file mode 100644
index 00000000000..f1373eec8a2
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.accessor.setvalue.md
@@ -0,0 +1,80 @@
+---
+id: "fast-element.accessor.setvalue"
+title: "Accessor.setValue() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.accessor.setvalue"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "Accessor.setValue() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.accessor.setvalue"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [Accessor](../fast-element.accessor/index.html) &gt; [setValue](../fast-element.accessor.setvalue/index.html)
+
+## Accessor.setValue() method
+
+Sets the value of the property on the source object.
+
+**Signature:**
+
+```typescript
+setValue(source: any, value: any): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+source
+
+
+</td><td>
+
+any
+
+
+</td><td>
+
+The source object to access.
+
+
+</td></tr>
+<tr><td>
+
+value
+
+
+</td><td>
+
+any
+
+
+</td><td>
+
+The value to set the property to.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributeconfiguration.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributeconfiguration.md
new file mode 100644
index 00000000000..c65e4fdc4bd
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributeconfiguration.md
@@ -0,0 +1,26 @@
+---
+id: "fast-element.attributeconfiguration"
+title: "AttributeConfiguration variable"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.attributeconfiguration"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "AttributeConfiguration variable"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.attributeconfiguration"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AttributeConfiguration](../fast-element.attributeconfiguration/index.html)
+
+## AttributeConfiguration variable
+
+Metadata used to configure a custom attribute's behavior.
+
+**Signature:**
+
+```typescript
+AttributeConfiguration: Readonly<{
+    locate: (target: {}) => AttributeConfiguration[];
+}>
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition._constructor_.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition._constructor_.md
new file mode 100644
index 00000000000..d88cf8d9817
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition._constructor_.md
@@ -0,0 +1,124 @@
+---
+id: "fast-element.attributedefinition._constructor_"
+title: "AttributeDefinition.(constructor)"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.attributedefinition._constructor_"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "AttributeDefinition.(constructor)"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.attributedefinition._constructor_"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AttributeDefinition](../fast-element.attributedefinition/index.html) &gt; [(constructor)](../fast-element.attributedefinition._constructor_/index.html)
+
+## AttributeDefinition.(constructor)
+
+Creates an instance of AttributeDefinition.
+
+**Signature:**
+
+```typescript
+constructor(Owner: Function, name: string, attribute?: string, mode?: AttributeMode, converter?: ValueConverter);
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+Owner
+
+
+</td><td>
+
+Function
+
+
+</td><td>
+
+The class constructor that owns this attribute.
+
+
+</td></tr>
+<tr><td>
+
+name
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+The name of the property associated with the attribute.
+
+
+</td></tr>
+<tr><td>
+
+attribute
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+_(Optional)_ The name of the attribute in HTML.
+
+
+</td></tr>
+<tr><td>
+
+mode
+
+
+</td><td>
+
+[AttributeMode](../fast-element.attributemode/)
+
+
+</td><td>
+
+_(Optional)_ The [AttributeMode](../fast-element.attributemode/) that describes the behavior of this attribute.
+
+
+</td></tr>
+<tr><td>
+
+converter
+
+
+</td><td>
+
+[ValueConverter](../fast-element.valueconverter/)
+
+
+</td><td>
+
+_(Optional)_ A [ValueConverter](../fast-element.valueconverter/) that integrates with the property getter/setter to convert values to and from a DOM string.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.attribute.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.attribute.md
new file mode 100644
index 00000000000..e595ad0ca3a
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.attribute.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.attributedefinition.attribute"
+title: "AttributeDefinition.attribute property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.attributedefinition.attribute"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "AttributeDefinition.attribute property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.attributedefinition.attribute"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AttributeDefinition](../fast-element.attributedefinition/index.html) &gt; [attribute](../fast-element.attributedefinition.attribute/index.html)
+
+## AttributeDefinition.attribute property
+
+The name of the attribute in HTML.
+
+**Signature:**
+
+```typescript
+readonly attribute: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.converter.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.converter.md
new file mode 100644
index 00000000000..3fff429ad58
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.converter.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.attributedefinition.converter"
+title: "AttributeDefinition.converter property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.attributedefinition.converter"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "AttributeDefinition.converter property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.attributedefinition.converter"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AttributeDefinition](../fast-element.attributedefinition/index.html) &gt; [converter](../fast-element.attributedefinition.converter/index.html)
+
+## AttributeDefinition.converter property
+
+A [ValueConverter](../fast-element.valueconverter/) that integrates with the property getter/setter to convert values to and from a DOM string.
+
+**Signature:**
+
+```typescript
+readonly converter?: ValueConverter;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.getvalue.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.getvalue.md
new file mode 100644
index 00000000000..470e5c7658d
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.getvalue.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.attributedefinition.getvalue"
+title: "AttributeDefinition.getValue() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.attributedefinition.getvalue"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "AttributeDefinition.getValue() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.attributedefinition.getvalue"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AttributeDefinition](../fast-element.attributedefinition/index.html) &gt; [getValue](../fast-element.attributedefinition.getvalue/index.html)
+
+## AttributeDefinition.getValue() method
+
+Gets the value of the attribute/property on the source element.
+
+**Signature:**
+
+```typescript
+getValue(source: HTMLElement): any;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+source
+
+
+</td><td>
+
+HTMLElement
+
+
+</td><td>
+
+The source element to access.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+any
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.md
new file mode 100644
index 00000000000..0544b95600f
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.md
@@ -0,0 +1,237 @@
+---
+id: "fast-element.attributedefinition"
+title: "AttributeDefinition class"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.attributedefinition"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "AttributeDefinition class"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.attributedefinition"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AttributeDefinition](../fast-element.attributedefinition/index.html)
+
+## AttributeDefinition class
+
+An implementation of `Accessor` that supports reactivity, change callbacks, attribute reflection, and type conversion for custom elements.
+
+**Signature:**
+
+```typescript
+export declare class AttributeDefinition implements Accessor
+```
+**Implements:** [Accessor](../fast-element.accessor/)
+
+## Constructors
+
+<table><thead><tr><th>
+
+Constructor
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[(constructor)(Owner, name, attribute, mode, converter)](../fast-element.attributedefinition._constructor_/)
+
+
+</td><td>
+
+
+</td><td>
+
+Creates an instance of AttributeDefinition.
+
+
+</td></tr>
+</tbody></table>
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[attribute](../fast-element.attributedefinition.attribute/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+The name of the attribute in HTML.
+
+
+</td></tr>
+<tr><td>
+
+[converter?](../fast-element.attributedefinition.converter/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+[ValueConverter](../fast-element.valueconverter/)
+
+
+</td><td>
+
+_(Optional)_ A [ValueConverter](../fast-element.valueconverter/) that integrates with the property getter/setter to convert values to and from a DOM string.
+
+
+</td></tr>
+<tr><td>
+
+[mode](../fast-element.attributedefinition.mode/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+[AttributeMode](../fast-element.attributemode/)
+
+
+</td><td>
+
+The [AttributeMode](../fast-element.attributemode/) that describes the behavior of this attribute.
+
+
+</td></tr>
+<tr><td>
+
+[name](../fast-element.attributedefinition.name/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+The name of the property associated with the attribute.
+
+
+</td></tr>
+<tr><td>
+
+[Owner](../fast-element.attributedefinition.owner/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+Function
+
+
+</td><td>
+
+The class constructor that owns this attribute.
+
+
+</td></tr>
+</tbody></table>
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[getValue(source)](../fast-element.attributedefinition.getvalue/)
+
+
+</td><td>
+
+
+</td><td>
+
+Gets the value of the attribute/property on the source element.
+
+
+</td></tr>
+<tr><td>
+
+[setValue(source, newValue)](../fast-element.attributedefinition.setvalue/)
+
+
+</td><td>
+
+
+</td><td>
+
+Sets the value of the attribute/property on the source element.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.mode.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.mode.md
new file mode 100644
index 00000000000..79b0b8ca2a2
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.mode.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.attributedefinition.mode"
+title: "AttributeDefinition.mode property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.attributedefinition.mode"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "AttributeDefinition.mode property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.attributedefinition.mode"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AttributeDefinition](../fast-element.attributedefinition/index.html) &gt; [mode](../fast-element.attributedefinition.mode/index.html)
+
+## AttributeDefinition.mode property
+
+The [AttributeMode](../fast-element.attributemode/) that describes the behavior of this attribute.
+
+**Signature:**
+
+```typescript
+readonly mode: AttributeMode;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.name.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.name.md
new file mode 100644
index 00000000000..53df116c06a
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.name.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.attributedefinition.name"
+title: "AttributeDefinition.name property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.attributedefinition.name"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "AttributeDefinition.name property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.attributedefinition.name"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AttributeDefinition](../fast-element.attributedefinition/index.html) &gt; [name](../fast-element.attributedefinition.name/index.html)
+
+## AttributeDefinition.name property
+
+The name of the property associated with the attribute.
+
+**Signature:**
+
+```typescript
+readonly name: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.owner.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.owner.md
new file mode 100644
index 00000000000..a36a362b3d7
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.owner.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.attributedefinition.owner"
+title: "AttributeDefinition.Owner property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.attributedefinition.owner"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "AttributeDefinition.Owner property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.attributedefinition.owner"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AttributeDefinition](../fast-element.attributedefinition/index.html) &gt; [Owner](../fast-element.attributedefinition.owner/index.html)
+
+## AttributeDefinition.Owner property
+
+The class constructor that owns this attribute.
+
+**Signature:**
+
+```typescript
+readonly Owner: Function;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.setvalue.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.setvalue.md
new file mode 100644
index 00000000000..fa315c24b92
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributedefinition.setvalue.md
@@ -0,0 +1,80 @@
+---
+id: "fast-element.attributedefinition.setvalue"
+title: "AttributeDefinition.setValue() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.attributedefinition.setvalue"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "AttributeDefinition.setValue() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.attributedefinition.setvalue"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AttributeDefinition](../fast-element.attributedefinition/index.html) &gt; [setValue](../fast-element.attributedefinition.setvalue/index.html)
+
+## AttributeDefinition.setValue() method
+
+Sets the value of the attribute/property on the source element.
+
+**Signature:**
+
+```typescript
+setValue(source: HTMLElement, newValue: any): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+source
+
+
+</td><td>
+
+HTMLElement
+
+
+</td><td>
+
+The source element to access.
+
+
+</td></tr>
+<tr><td>
+
+newValue
+
+
+</td><td>
+
+any
+
+
+</td><td>
+
+The value to set the attribute/property to.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemap._constructor_.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemap._constructor_.md
deleted file mode 100644
index 1c6bb97e344..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemap._constructor_.md
+++ /dev/null
@@ -1,104 +0,0 @@
----
-id: "fast-element.attributemap._constructor_"
-title: "AttributeMap.(constructor)"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.attributemap._constructor_"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "AttributeMap.(constructor)"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.attributemap._constructor_"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AttributeMap](../fast-element.attributemap/index.html) &gt; [(constructor)](../fast-element.attributemap._constructor_/index.html)
-
-## AttributeMap.(constructor)
-
-Constructs a new instance of the `AttributeMap` class
-
-**Signature:**
-
-```typescript
-constructor(classPrototype: any, schema: Schema, definition?: FASTElementDefinition, config?: AttributeMapConfig);
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-classPrototype
-
-
-</td><td>
-
-any
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-schema
-
-
-</td><td>
-
-[Schema](../fast-element.schema/)
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-definition
-
-
-</td><td>
-
-FASTElementDefinition
-
-
-</td><td>
-
-_(Optional)_
-
-
-</td></tr>
-<tr><td>
-
-config
-
-
-</td><td>
-
-[AttributeMapConfig](../fast-element.attributemapconfig/)
-
-
-</td><td>
-
-_(Optional)_
-
-
-</td></tr>
-</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemap.defineproperties.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemap.defineproperties.md
deleted file mode 100644
index 470ec0e788f..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemap.defineproperties.md
+++ /dev/null
@@ -1,25 +0,0 @@
----
-id: "fast-element.attributemap.defineproperties"
-title: "AttributeMap.defineProperties() method"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.attributemap.defineproperties"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "AttributeMap.defineProperties() method"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.attributemap.defineproperties"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AttributeMap](../fast-element.attributemap/index.html) &gt; [defineProperties](../fast-element.attributemap.defineproperties/index.html)
-
-## AttributeMap.defineProperties() method
-
-**Signature:**
-
-```typescript
-defineProperties(): void;
-```
-**Returns:**
-
-void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemap.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemap.md
deleted file mode 100644
index 42784eefcb2..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemap.md
+++ /dev/null
@@ -1,64 +0,0 @@
----
-id: "fast-element.attributemap"
-title: "attributeMap() function"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.attributemap"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "attributeMap() function"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.attributemap"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [attributeMap](../fast-element.attributemap/index.html)
-
-## attributeMap() function
-
-Creates a FAST element extension that enables declarative attribute mapping for the resolved definition. When called without arguments, uses the default attribute-mapping behavior.
-
-**Signature:**
-
-```typescript
-export declare function attributeMap(option?: AttributeMapConfig): FASTElementExtension;
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-option
-
-
-</td><td>
-
-[AttributeMapConfig](../fast-element.attributemapconfig/)
-
-
-</td><td>
-
-_(Optional)_
-
-
-</td></tr>
-</tbody></table>
-
-**Returns:**
-
-[FASTElementExtension](../fast-element.fastelementextension/)
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemapconfig._attribute-name-strategy_.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemapconfig._attribute-name-strategy_.md
deleted file mode 100644
index 7ca0ea1baeb..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemapconfig._attribute-name-strategy_.md
+++ /dev/null
@@ -1,26 +0,0 @@
----
-id: "fast-element.attributemapconfig._attribute-name-strategy_"
-title: "AttributeMapConfig.\"attribute-name-strategy\" property"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.attributemapconfig._attribute-name-strategy_"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "AttributeMapConfig.\"attribute-name-strategy\" property"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.attributemapconfig._attribute-name-strategy_"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AttributeMapConfig](../fast-element.attributemapconfig/index.html) &gt; ["attribute-name-strategy"](../fast-element.attributemapconfig._attribute-name-strategy_/index.html)
-
-## AttributeMapConfig."attribute-name-strategy" property
-
-Strategy for mapping template binding keys to HTML attribute names.
-
-- `"camelCase"` (default): the binding key is treated as a camelCase property name and the attribute name is derived by converting it to kebab-case (e.g. `{{fooBar}}` → property `fooBar`<!-- -->, attribute `foo-bar`<!-- -->). This matches the build-time `attribute-name-strategy` option in `@microsoft/fast-build`<!-- -->. - `"none"`<!-- -->: the binding key is used as-is for both the property name and the attribute name (e.g. `{{foo-bar}}` → property `foo-bar`<!-- -->, attribute `foo-bar`<!-- -->).
-
-**Signature:**
-
-```typescript
-"attribute-name-strategy"?: "none" | "camelCase";
-```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemapconfig.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemapconfig.md
deleted file mode 100644
index dbd915cafcf..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemapconfig.md
+++ /dev/null
@@ -1,70 +0,0 @@
----
-id: "fast-element.attributemapconfig"
-title: "AttributeMapConfig interface"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.attributemapconfig"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "AttributeMapConfig interface"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.attributemapconfig"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AttributeMapConfig](../fast-element.attributemapconfig/index.html)
-
-## AttributeMapConfig interface
-
-Configuration object for the attributeMap element option. Omitting all fields uses the default attribute-mapping behavior.
-
-**Signature:**
-
-```typescript
-export interface AttributeMapConfig 
-```
-
-## Properties
-
-<table><thead><tr><th>
-
-Property
-
-
-</th><th>
-
-Modifiers
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-["attribute-name-strategy"?](../fast-element.attributemapconfig._attribute-name-strategy_/)
-
-
-</td><td>
-
-
-</td><td>
-
-"none" \| "camelCase"
-
-
-</td><td>
-
-_(Optional)_ Strategy for mapping template binding keys to HTML attribute names.
-
-- `"camelCase"` (default): the binding key is treated as a camelCase property name and the attribute name is derived by converting it to kebab-case (e.g. `{{fooBar}}` → property `fooBar`<!-- -->, attribute `foo-bar`<!-- -->). This matches the build-time `attribute-name-strategy` option in `@microsoft/fast-build`<!-- -->. - `"none"`<!-- -->: the binding key is used as-is for both the property name and the attribute name (e.g. `{{foo-bar}}` → property `foo-bar`<!-- -->, attribute `foo-bar`<!-- -->).
-
-
-</td></tr>
-</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemode.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemode.md
new file mode 100644
index 00000000000..5b471fb2fd8
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.attributemode.md
@@ -0,0 +1,28 @@
+---
+id: "fast-element.attributemode"
+title: "AttributeMode type"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.attributemode"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "AttributeMode type"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.attributemode"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [AttributeMode](../fast-element.attributemode/index.html)
+
+## AttributeMode type
+
+The mode that specifies the runtime behavior of the attribute.
+
+**Signature:**
+
+```typescript
+export type AttributeMode = "reflect" | "boolean" | "fromView";
+```
+
+## Remarks
+
+By default, attributes run in `reflect` mode, propagating their property values to the DOM and DOM values to the property. The `boolean` mode also reflects values, but uses the HTML standard boolean attribute behavior, interpreting the presence of the attribute as `true` and the absence as `false`<!-- -->. The `fromView` behavior only updates the property value based on changes in the DOM, but does not reflect property changes back.
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpath.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpath.md
new file mode 100644
index 00000000000..905b90e9ee2
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpath.md
@@ -0,0 +1,25 @@
+---
+id: "fast-element.cachedpath"
+title: "CachedPath type"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.cachedpath"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "CachedPath type"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.cachedpath"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [CachedPath](../fast-element.cachedpath/index.html)
+
+## CachedPath type
+
+A path discovered while parsing a template.
+
+**Signature:**
+
+```typescript
+export type CachedPath = DefaultCachedPath | RepeatCachedPath | AccessCachedPath | EventCachedPath;
+```
+**References:** [DefaultCachedPath](../fast-element.defaultcachedpath/)<!-- -->, [RepeatCachedPath](../fast-element.repeatcachedpath/)<!-- -->, [AccessCachedPath](../fast-element.accesscachedpath/)<!-- -->, [EventCachedPath](../fast-element.eventcachedpath/)
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpathcommon.currentcontext.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpathcommon.currentcontext.md
new file mode 100644
index 00000000000..ce902038597
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpathcommon.currentcontext.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.cachedpathcommon.currentcontext"
+title: "CachedPathCommon.currentContext property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.cachedpathcommon.currentcontext"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "CachedPathCommon.currentContext property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.cachedpathcommon.currentcontext"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [CachedPathCommon](../fast-element.cachedpathcommon/index.html) &gt; [currentContext](../fast-element.cachedpathcommon.currentcontext/index.html)
+
+## CachedPathCommon.currentContext property
+
+**Signature:**
+
+```typescript
+currentContext: string | null;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpathcommon.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpathcommon.md
new file mode 100644
index 00000000000..e33f2b0d3f0
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpathcommon.md
@@ -0,0 +1,100 @@
+---
+id: "fast-element.cachedpathcommon"
+title: "CachedPathCommon interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.cachedpathcommon"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "CachedPathCommon interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.cachedpathcommon"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [CachedPathCommon](../fast-element.cachedpathcommon/index.html)
+
+## CachedPathCommon interface
+
+Common metadata for paths cached while parsing a template.
+
+**Signature:**
+
+```typescript
+export interface CachedPathCommon
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[currentContext](../fast-element.cachedpathcommon.currentcontext/)
+
+
+</td><td>
+
+
+</td><td>
+
+string \| null
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[parentContext](../fast-element.cachedpathcommon.parentcontext/)
+
+
+</td><td>
+
+
+</td><td>
+
+string \| null
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[path](../fast-element.cachedpathcommon.path/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpathcommon.parentcontext.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpathcommon.parentcontext.md
new file mode 100644
index 00000000000..949685f93a3
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpathcommon.parentcontext.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.cachedpathcommon.parentcontext"
+title: "CachedPathCommon.parentContext property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.cachedpathcommon.parentcontext"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "CachedPathCommon.parentContext property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.cachedpathcommon.parentcontext"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [CachedPathCommon](../fast-element.cachedpathcommon/index.html) &gt; [parentContext](../fast-element.cachedpathcommon.parentcontext/index.html)
+
+## CachedPathCommon.parentContext property
+
+**Signature:**
+
+```typescript
+parentContext: string | null;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpathcommon.path.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpathcommon.path.md
new file mode 100644
index 00000000000..3330c79ed7d
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpathcommon.path.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.cachedpathcommon.path"
+title: "CachedPathCommon.path property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.cachedpathcommon.path"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "CachedPathCommon.path property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.cachedpathcommon.path"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [CachedPathCommon](../fast-element.cachedpathcommon/index.html) &gt; [path](../fast-element.cachedpathcommon.path/index.html)
+
+## CachedPathCommon.path property
+
+**Signature:**
+
+```typescript
+path: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpathmap.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpathmap.md
index b5a9a59aa84..49ec4fd1008 100644
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpathmap.md
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.cachedpathmap.md
@@ -15,6 +15,8 @@ navigationOptions:
 
 ## CachedPathMap type
 
+A map from element names and root properties to JSON schemas.
+
 **Signature:**
 
 ```typescript
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.capturetype.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.capturetype.md
new file mode 100644
index 00000000000..ed0b11c4911
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.capturetype.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.capturetype"
+title: "CaptureType interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.capturetype"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "CaptureType interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.capturetype"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [CaptureType](../fast-element.capturetype/index.html)
+
+## CaptureType interface
+
+A marker interface used to capture types when interpolating Directive helpers into templates.
+
+**Signature:**
+
+```typescript
+export interface CaptureType
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.childrenmap.attributename.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.childrenmap.attributename.md
new file mode 100644
index 00000000000..ee7a14b5cfe
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.childrenmap.attributename.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.childrenmap.attributename"
+title: "ChildrenMap.attributeName property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.childrenmap.attributename"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ChildrenMap.attributeName property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.childrenmap.attributename"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ChildrenMap](../fast-element.childrenmap/index.html) &gt; [attributeName](../fast-element.childrenmap.attributename/index.html)
+
+## ChildrenMap.attributeName property
+
+**Signature:**
+
+```typescript
+attributeName: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.childrenmap.customelementname.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.childrenmap.customelementname.md
new file mode 100644
index 00000000000..83bc4e49e7e
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.childrenmap.customelementname.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.childrenmap.customelementname"
+title: "ChildrenMap.customElementName property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.childrenmap.customelementname"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ChildrenMap.customElementName property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.childrenmap.customelementname"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ChildrenMap](../fast-element.childrenmap/index.html) &gt; [customElementName](../fast-element.childrenmap.customelementname/index.html)
+
+## ChildrenMap.customElementName property
+
+**Signature:**
+
+```typescript
+customElementName: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.childrenmap.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.childrenmap.md
new file mode 100644
index 00000000000..15f3c671890
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.childrenmap.md
@@ -0,0 +1,83 @@
+---
+id: "fast-element.childrenmap"
+title: "ChildrenMap interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.childrenmap"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ChildrenMap interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.childrenmap"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ChildrenMap](../fast-element.childrenmap/index.html)
+
+## ChildrenMap interface
+
+Describes a child custom element binding referenced by a schema path.
+
+**Signature:**
+
+```typescript
+export interface ChildrenMap
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[attributeName](../fast-element.childrenmap.attributename/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[customElementName](../fast-element.childrenmap.customelementname/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.composablestyles.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.composablestyles.md
new file mode 100644
index 00000000000..273a4fa4599
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.composablestyles.md
@@ -0,0 +1,25 @@
+---
+id: "fast-element.composablestyles"
+title: "ComposableStyles type"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.composablestyles"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ComposableStyles type"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.composablestyles"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ComposableStyles](../fast-element.composablestyles/index.html)
+
+## ComposableStyles type
+
+Represents styles that can be composed into the ShadowDOM of a custom element.
+
+**Signature:**
+
+```typescript
+export type ComposableStyles = string | ElementStyles | CSSStyleSheet;
+```
+**References:** [ElementStyles](../fast-element.elementstyles/)
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.constructable.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.constructable.md
new file mode 100644
index 00000000000..1a0f48e43b7
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.constructable.md
@@ -0,0 +1,26 @@
+---
+id: "fast-element.constructable"
+title: "Constructable type"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.constructable"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "Constructable type"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.constructable"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [Constructable](../fast-element.constructable/index.html)
+
+## Constructable type
+
+Represents a type which can be constructed with the new operator.
+
+**Signature:**
+
+```typescript
+export type Constructable<T = {}> = {
+    new (...args: any[]): T;
+};
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.constructiblestylestrategy.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.constructiblestylestrategy.md
new file mode 100644
index 00000000000..661c211c57f
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.constructiblestylestrategy.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.constructiblestylestrategy"
+title: "ConstructibleStyleStrategy type"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.constructiblestylestrategy"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ConstructibleStyleStrategy type"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.constructiblestylestrategy"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ConstructibleStyleStrategy](../fast-element.constructiblestylestrategy/index.html)
+
+## ConstructibleStyleStrategy type
+
+A type that instantiates a StyleStrategy.
+
+**Signature:**
+
+```typescript
+export type ConstructibleStyleStrategy = {
+    new (styles: (string | CSSStyleSheet)[]): StyleStrategy;
+};
+```
+**References:** [StyleStrategy](../fast-element.stylestrategy/)
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.declarativetemplate.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.declarativetemplate.md
index 1113deb895c..0265889cd94 100644
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.declarativetemplate.md
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.declarativetemplate.md
@@ -48,7 +48,7 @@ callbacks
 
 </td><td>
 
-TemplateLifecycleCallbacks
+[TemplateLifecycleCallbacks](../fast-element.templatelifecyclecallbacks/)
 
 
 </td><td>
@@ -61,4 +61,4 @@ _(Optional)_ Optional per-element lifecycle callbacks.
 
 **Returns:**
 
-FASTElementTemplateResolver
+[FASTElementTemplateResolver](../fast-element.fastelementtemplateresolver/)
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.defaultcachedpath.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.defaultcachedpath.md
new file mode 100644
index 00000000000..d9014d1c32c
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.defaultcachedpath.md
@@ -0,0 +1,67 @@
+---
+id: "fast-element.defaultcachedpath"
+title: "DefaultCachedPath interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.defaultcachedpath"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "DefaultCachedPath interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.defaultcachedpath"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [DefaultCachedPath](../fast-element.defaultcachedpath/index.html)
+
+## DefaultCachedPath interface
+
+A path discovered from a default binding.
+
+**Signature:**
+
+```typescript
+export interface DefaultCachedPath extends CachedPathCommon
+```
+**Extends:** [CachedPathCommon](../fast-element.cachedpathcommon/)
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[type](../fast-element.defaultcachedpath.type/)
+
+
+</td><td>
+
+
+</td><td>
+
+"default"
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.defaultcachedpath.type.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.defaultcachedpath.type.md
new file mode 100644
index 00000000000..003086058f6
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.defaultcachedpath.type.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.defaultcachedpath.type"
+title: "DefaultCachedPath.type property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.defaultcachedpath.type"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "DefaultCachedPath.type property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.defaultcachedpath.type"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [DefaultCachedPath](../fast-element.defaultcachedpath/index.html) &gt; [type](../fast-element.defaultcachedpath.type/index.html)
+
+## DefaultCachedPath.type property
+
+**Signature:**
+
+```typescript
+type: "default";
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element.dompolicy.createhtml.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.dompolicy.createhtml.md
similarity index 64%
rename from sites/website/src/docs/3.x/api/fast-element.dompolicy.createhtml.md
rename to sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.dompolicy.createhtml.md
index bb7ca1c3948..f2bff61f63a 100644
--- a/sites/website/src/docs/3.x/api/fast-element.dompolicy.createhtml.md
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.dompolicy.createhtml.md
@@ -3,15 +3,15 @@ id: "fast-element.dompolicy.createhtml"
 title: "DOMPolicy.createHTML() method"
 layout: 3x-api
 eleventyNavigation:
-  key: "api3xfast-element.dompolicy.createhtml"
-  parent: "api3xfast-element"
+  key: "declarative.jsapi3xfast-element.dompolicy.createhtml"
+  parent: "@microsoft/fast-element/declarative.js3x"
   title: "DOMPolicy.createHTML() method"
 navigationOptions:
-  activeKey: "api3xfast-element.dompolicy.createhtml"
+  activeKey: "declarative.jsapi3xfast-element.dompolicy.createhtml"
 ---
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-[@microsoft/fast-element](../fast-element/index.html) &gt; [DOMPolicy](../fast-element.dompolicy/index.html) &gt; [createHTML](../fast-element.dompolicy.createhtml/index.html)
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [DOMPolicy](../fast-element.dompolicy/index.html) &gt; [createHTML](../fast-element.dompolicy.createhtml/index.html)
 
 ## DOMPolicy.createHTML() method
 
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.dompolicy.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.dompolicy.md
new file mode 100644
index 00000000000..7a3947a9acd
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.dompolicy.md
@@ -0,0 +1,61 @@
+---
+id: "fast-element.dompolicy"
+title: "DOMPolicy interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.dompolicy"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "DOMPolicy interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.dompolicy"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [DOMPolicy](../fast-element.dompolicy/index.html)
+
+## DOMPolicy interface
+
+A security policy that FAST can use to interact with the DOM.
+
+**Signature:**
+
+```typescript
+export interface DOMPolicy
+```
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[createHTML(value)](../fast-element.dompolicy.createhtml/)
+
+
+</td><td>
+
+Creates safe HTML from the provided value.
+
+
+</td></tr>
+<tr><td>
+
+[protect(tagName, aspect, aspectName, sink)](../fast-element.dompolicy.protect/)
+
+
+</td><td>
+
+Protects a DOM sink that intends to write to the DOM.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element.dompolicy.protect.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.dompolicy.protect.md
similarity index 71%
rename from sites/website/src/docs/3.x/api/fast-element.dompolicy.protect.md
rename to sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.dompolicy.protect.md
index 5b3d5b02b66..aa59ea0ad37 100644
--- a/sites/website/src/docs/3.x/api/fast-element.dompolicy.protect.md
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.dompolicy.protect.md
@@ -3,15 +3,15 @@ id: "fast-element.dompolicy.protect"
 title: "DOMPolicy.protect() method"
 layout: 3x-api
 eleventyNavigation:
-  key: "api3xfast-element.dompolicy.protect"
-  parent: "api3xfast-element"
+  key: "declarative.jsapi3xfast-element.dompolicy.protect"
+  parent: "@microsoft/fast-element/declarative.js3x"
   title: "DOMPolicy.protect() method"
 navigationOptions:
-  activeKey: "api3xfast-element.dompolicy.protect"
+  activeKey: "declarative.jsapi3xfast-element.dompolicy.protect"
 ---
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-[@microsoft/fast-element](../fast-element/index.html) &gt; [DOMPolicy](../fast-element.dompolicy/index.html) &gt; [protect](../fast-element.dompolicy.protect/index.html)
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [DOMPolicy](../fast-element.dompolicy/index.html) &gt; [protect](../fast-element.dompolicy.protect/index.html)
 
 ## DOMPolicy.protect() method
 
@@ -64,7 +64,7 @@ aspect
 
 </td><td>
 
-[DOMAspect](../fast-element.domaspect/)
+DOMAspect
 
 
 </td><td>
@@ -96,7 +96,7 @@ sink
 
 </td><td>
 
-[DOMSink](../fast-element.domsink/)
+DOMSink
 
 
 </td><td>
@@ -109,4 +109,4 @@ The sink that is used to write to the DOM.
 
 **Returns:**
 
-[DOMSink](../fast-element.domsink/)
+DOMSink
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementoptions.attributemap.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementoptions.attributemap.md
deleted file mode 100644
index 0fdc319a754..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementoptions.attributemap.md
+++ /dev/null
@@ -1,22 +0,0 @@
----
-id: "fast-element.elementoptions.attributemap"
-title: "ElementOptions.attributeMap property"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.elementoptions.attributemap"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "ElementOptions.attributeMap property"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.elementoptions.attributemap"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementOptions](../fast-element.elementoptions/index.html) &gt; [attributeMap](../fast-element.elementoptions.attributemap/index.html)
-
-## ElementOptions.attributeMap property
-
-**Signature:**
-
-```typescript
-attributeMap?: AttributeMapConfig;
-```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementoptions.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementoptions.md
deleted file mode 100644
index a82618cac15..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementoptions.md
+++ /dev/null
@@ -1,87 +0,0 @@
----
-id: "fast-element.elementoptions"
-title: "ElementOptions interface"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.elementoptions"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "ElementOptions interface"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.elementoptions"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementOptions](../fast-element.elementoptions/index.html)
-
-## ElementOptions interface
-
-Element options the TemplateElement will use to update the registered element
-
-**Signature:**
-
-```typescript
-export interface ElementOptions 
-```
-
-## Properties
-
-<table><thead><tr><th>
-
-Property
-
-
-</th><th>
-
-Modifiers
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[attributeMap?](../fast-element.elementoptions.attributemap/)
-
-
-</td><td>
-
-
-</td><td>
-
-[AttributeMapConfig](../fast-element.attributemapconfig/)
-
-
-</td><td>
-
-_(Optional)_
-
-
-</td></tr>
-<tr><td>
-
-[observerMap?](../fast-element.elementoptions.observermap/)
-
-
-</td><td>
-
-
-</td><td>
-
-[ObserverMapConfig](../fast-element.observermapconfig/)
-
-
-</td><td>
-
-_(Optional)_
-
-
-</td></tr>
-</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementoptions.observermap.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementoptions.observermap.md
deleted file mode 100644
index 2dd4be35a45..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementoptions.observermap.md
+++ /dev/null
@@ -1,22 +0,0 @@
----
-id: "fast-element.elementoptions.observermap"
-title: "ElementOptions.observerMap property"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.elementoptions.observermap"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "ElementOptions.observerMap property"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.elementoptions.observermap"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementOptions](../fast-element.elementoptions/index.html) &gt; [observerMap](../fast-element.elementoptions.observermap/index.html)
-
-## ElementOptions.observerMap property
-
-**Signature:**
-
-```typescript
-observerMap?: ObserverMapConfig;
-```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementoptionsdictionary.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementoptionsdictionary.md
deleted file mode 100644
index 2a3503a678c..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementoptionsdictionary.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-id: "fast-element.elementoptionsdictionary"
-title: "ElementOptionsDictionary interface"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.elementoptionsdictionary"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "ElementOptionsDictionary interface"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.elementoptionsdictionary"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementOptionsDictionary](../fast-element.elementoptionsdictionary/index.html)
-
-## ElementOptionsDictionary interface
-
-A dictionary of element options the TemplateElement will use to update the registered element
-
-**Signature:**
-
-```typescript
-export interface ElementOptionsDictionary<ElementOptionsType = ElementOptions> 
-```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles._constructor_.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles._constructor_.md
new file mode 100644
index 00000000000..55c9e2a0aae
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles._constructor_.md
@@ -0,0 +1,60 @@
+---
+id: "fast-element.elementstyles._constructor_"
+title: "ElementStyles.(constructor)"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.elementstyles._constructor_"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ElementStyles.(constructor)"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.elementstyles._constructor_"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementStyles](../fast-element.elementstyles/index.html) &gt; [(constructor)](../fast-element.elementstyles._constructor_/index.html)
+
+## ElementStyles.(constructor)
+
+Creates an instance of ElementStyles.
+
+**Signature:**
+
+```typescript
+constructor(styles: ReadonlyArray<ComposableStyles>);
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+styles
+
+
+</td><td>
+
+ReadonlyArray&lt;[ComposableStyles](../fast-element.composablestyles/)<!-- -->&gt;
+
+
+</td><td>
+
+The styles that will be associated with elements.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.md
new file mode 100644
index 00000000000..6196129c4ad
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.md
@@ -0,0 +1,212 @@
+---
+id: "fast-element.elementstyles"
+title: "ElementStyles class"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.elementstyles"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ElementStyles class"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.elementstyles"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementStyles](../fast-element.elementstyles/index.html)
+
+## ElementStyles class
+
+Represents styles that can be applied to a custom element.
+
+**Signature:**
+
+```typescript
+export declare class ElementStyles
+```
+
+## Constructors
+
+<table><thead><tr><th>
+
+Constructor
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[(constructor)(styles)](../fast-element.elementstyles._constructor_/)
+
+
+</td><td>
+
+
+</td><td>
+
+Creates an instance of ElementStyles.
+
+
+</td></tr>
+</tbody></table>
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[strategy](../fast-element.elementstyles.strategy/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+[StyleStrategy](../fast-element.stylestrategy/)
+
+
+</td><td>
+
+Gets the StyleStrategy associated with these element styles.
+
+
+</td></tr>
+<tr><td>
+
+[styles](../fast-element.elementstyles.styles/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+ReadonlyArray&lt;[ComposableStyles](../fast-element.composablestyles/)<!-- -->&gt;
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[supportsAdoptedStyleSheets](../fast-element.elementstyles.supportsadoptedstylesheets/)
+
+
+</td><td>
+
+`static`
+
+`readonly`
+
+
+</td><td>
+
+boolean
+
+
+</td><td>
+
+Indicates whether the DOM supports the adoptedStyleSheets feature.
+
+
+</td></tr>
+</tbody></table>
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[normalize(styles)](../fast-element.elementstyles.normalize/)
+
+
+</td><td>
+
+`static`
+
+
+</td><td>
+
+Normalizes a set of composable style options.
+
+
+</td></tr>
+<tr><td>
+
+[setDefaultStrategy(Strategy)](../fast-element.elementstyles.setdefaultstrategy/)
+
+
+</td><td>
+
+`static`
+
+
+</td><td>
+
+Sets the default strategy type to use when creating style strategies.
+
+
+</td></tr>
+<tr><td>
+
+[withStrategy(Strategy)](../fast-element.elementstyles.withstrategy/)
+
+
+</td><td>
+
+
+</td><td>
+
+Sets the strategy that handles adding/removing these styles for an element.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.normalize.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.normalize.md
new file mode 100644
index 00000000000..985649f6464
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.normalize.md
@@ -0,0 +1,66 @@
+---
+id: "fast-element.elementstyles.normalize"
+title: "ElementStyles.normalize() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.elementstyles.normalize"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ElementStyles.normalize() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.elementstyles.normalize"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementStyles](../fast-element.elementstyles/index.html) &gt; [normalize](../fast-element.elementstyles.normalize/index.html)
+
+## ElementStyles.normalize() method
+
+Normalizes a set of composable style options.
+
+**Signature:**
+
+```typescript
+static normalize(styles: ComposableStyles | ComposableStyles[] | undefined): ElementStyles | undefined;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+styles
+
+
+</td><td>
+
+[ComposableStyles](../fast-element.composablestyles/) \| [ComposableStyles](../fast-element.composablestyles/)<!-- -->\[\] \| undefined
+
+
+</td><td>
+
+The style options to normalize.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+[ElementStyles](../fast-element.elementstyles/) \| undefined
+
+A singular ElementStyles instance or undefined.
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.setdefaultstrategy.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.setdefaultstrategy.md
new file mode 100644
index 00000000000..564379c03b1
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.setdefaultstrategy.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.elementstyles.setdefaultstrategy"
+title: "ElementStyles.setDefaultStrategy() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.elementstyles.setdefaultstrategy"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ElementStyles.setDefaultStrategy() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.elementstyles.setdefaultstrategy"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementStyles](../fast-element.elementstyles/index.html) &gt; [setDefaultStrategy](../fast-element.elementstyles.setdefaultstrategy/index.html)
+
+## ElementStyles.setDefaultStrategy() method
+
+Sets the default strategy type to use when creating style strategies.
+
+**Signature:**
+
+```typescript
+static setDefaultStrategy(Strategy: ConstructibleStyleStrategy): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+Strategy
+
+
+</td><td>
+
+[ConstructibleStyleStrategy](../fast-element.constructiblestylestrategy/)
+
+
+</td><td>
+
+The strategy type to construct.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.strategy.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.strategy.md
new file mode 100644
index 00000000000..66d31b10886
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.strategy.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.elementstyles.strategy"
+title: "ElementStyles.strategy property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.elementstyles.strategy"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ElementStyles.strategy property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.elementstyles.strategy"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementStyles](../fast-element.elementstyles/index.html) &gt; [strategy](../fast-element.elementstyles.strategy/index.html)
+
+## ElementStyles.strategy property
+
+Gets the StyleStrategy associated with these element styles.
+
+**Signature:**
+
+```typescript
+get strategy(): StyleStrategy;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.styles.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.styles.md
new file mode 100644
index 00000000000..c25332833a0
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.styles.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.elementstyles.styles"
+title: "ElementStyles.styles property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.elementstyles.styles"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ElementStyles.styles property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.elementstyles.styles"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementStyles](../fast-element.elementstyles/index.html) &gt; [styles](../fast-element.elementstyles.styles/index.html)
+
+## ElementStyles.styles property
+
+**Signature:**
+
+```typescript
+readonly styles: ReadonlyArray<ComposableStyles>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.supportsadoptedstylesheets.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.supportsadoptedstylesheets.md
new file mode 100644
index 00000000000..f459696a3c8
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.supportsadoptedstylesheets.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.elementstyles.supportsadoptedstylesheets"
+title: "ElementStyles.supportsAdoptedStyleSheets property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.elementstyles.supportsadoptedstylesheets"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ElementStyles.supportsAdoptedStyleSheets property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.elementstyles.supportsadoptedstylesheets"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementStyles](../fast-element.elementstyles/index.html) &gt; [supportsAdoptedStyleSheets](../fast-element.elementstyles.supportsadoptedstylesheets/index.html)
+
+## ElementStyles.supportsAdoptedStyleSheets property
+
+Indicates whether the DOM supports the adoptedStyleSheets feature.
+
+**Signature:**
+
+```typescript
+static readonly supportsAdoptedStyleSheets: boolean;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.withstrategy.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.withstrategy.md
new file mode 100644
index 00000000000..fa5fb3fa238
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementstyles.withstrategy.md
@@ -0,0 +1,62 @@
+---
+id: "fast-element.elementstyles.withstrategy"
+title: "ElementStyles.withStrategy() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.elementstyles.withstrategy"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ElementStyles.withStrategy() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.elementstyles.withstrategy"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementStyles](../fast-element.elementstyles/index.html) &gt; [withStrategy](../fast-element.elementstyles.withstrategy/index.html)
+
+## ElementStyles.withStrategy() method
+
+Sets the strategy that handles adding/removing these styles for an element.
+
+**Signature:**
+
+```typescript
+withStrategy(Strategy: ConstructibleStyleStrategy): this;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+Strategy
+
+
+</td><td>
+
+[ConstructibleStyleStrategy](../fast-element.constructiblestylestrategy/)
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+this
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementview.appendto.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementview.appendto.md
new file mode 100644
index 00000000000..2e450b463a7
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementview.appendto.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.elementview.appendto"
+title: "ElementView.appendTo() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.elementview.appendto"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ElementView.appendTo() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.elementview.appendto"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementView](../fast-element.elementview/index.html) &gt; [appendTo](../fast-element.elementview.appendto/index.html)
+
+## ElementView.appendTo() method
+
+Appends the view's DOM nodes to the referenced node.
+
+**Signature:**
+
+```typescript
+appendTo(node: Node): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+node
+
+
+</td><td>
+
+Node
+
+
+</td><td>
+
+The parent node to append the view's DOM nodes to.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementview.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementview.md
new file mode 100644
index 00000000000..55fe6ec340d
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementview.md
@@ -0,0 +1,108 @@
+---
+id: "fast-element.elementview"
+title: "ElementView interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.elementview"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ElementView interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.elementview"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementView](../fast-element.elementview/index.html)
+
+## ElementView interface
+
+A View representing DOM nodes specifically for rendering the view of a custom element.
+
+**Signature:**
+
+```typescript
+export interface ElementView<TSource = any, TParent = any> extends View<TSource, TParent>
+```
+**Extends:** View&lt;TSource, TParent&gt;
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[sourceLifetime?](../fast-element.elementview.sourcelifetime/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+SourceLifetime
+
+
+</td><td>
+
+_(Optional)_ Indicates how the source's lifetime relates to the controller's lifetime.
+
+
+</td></tr>
+</tbody></table>
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[appendTo(node)](../fast-element.elementview.appendto/)
+
+
+</td><td>
+
+Appends the view's DOM nodes to the referenced node.
+
+
+</td></tr>
+<tr><td>
+
+[onUnbind(behavior)](../fast-element.elementview.onunbind/)
+
+
+</td><td>
+
+Registers an unbind handler with the controller.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementview.onunbind.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementview.onunbind.md
new file mode 100644
index 00000000000..5acb03a863a
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementview.onunbind.md
@@ -0,0 +1,66 @@
+---
+id: "fast-element.elementview.onunbind"
+title: "ElementView.onUnbind() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.elementview.onunbind"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ElementView.onUnbind() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.elementview.onunbind"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementView](../fast-element.elementview/index.html) &gt; [onUnbind](../fast-element.elementview.onunbind/index.html)
+
+## ElementView.onUnbind() method
+
+Registers an unbind handler with the controller.
+
+**Signature:**
+
+```typescript
+onUnbind(behavior: {
+        unbind(controller: ViewController<TSource, TParent>): any;
+    }): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+behavior
+
+
+</td><td>
+
+{ unbind(controller: ViewController&lt;TSource, TParent&gt;): any; }
+
+
+</td><td>
+
+An object to call when the controller unbinds.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementview.sourcelifetime.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementview.sourcelifetime.md
new file mode 100644
index 00000000000..64120aa2dcb
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementview.sourcelifetime.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.elementview.sourcelifetime"
+title: "ElementView.sourceLifetime property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.elementview.sourcelifetime"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ElementView.sourceLifetime property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.elementview.sourcelifetime"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementView](../fast-element.elementview/index.html) &gt; [sourceLifetime](../fast-element.elementview.sourcelifetime/index.html)
+
+## ElementView.sourceLifetime property
+
+Indicates how the source's lifetime relates to the controller's lifetime.
+
+**Signature:**
+
+```typescript
+readonly sourceLifetime?: SourceLifetime;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementviewtemplate.create.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementviewtemplate.create.md
new file mode 100644
index 00000000000..db921922666
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementviewtemplate.create.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.elementviewtemplate.create"
+title: "ElementViewTemplate.create() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.elementviewtemplate.create"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ElementViewTemplate.create() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.elementviewtemplate.create"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementViewTemplate](../fast-element.elementviewtemplate/index.html) &gt; [create](../fast-element.elementviewtemplate.create/index.html)
+
+## ElementViewTemplate.create() method
+
+Creates an ElementView instance based on this template definition.
+
+**Signature:**
+
+```typescript
+create(hostBindingTarget: Element): ElementView<TSource, TParent>;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+hostBindingTarget
+
+
+</td><td>
+
+Element
+
+
+</td><td>
+
+The element that host behaviors will be bound to.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+[ElementView](../fast-element.elementview/)<!-- -->&lt;TSource, TParent&gt;
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementviewtemplate.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementviewtemplate.md
new file mode 100644
index 00000000000..3aeab76c6bf
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementviewtemplate.md
@@ -0,0 +1,61 @@
+---
+id: "fast-element.elementviewtemplate"
+title: "ElementViewTemplate interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.elementviewtemplate"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ElementViewTemplate interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.elementviewtemplate"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementViewTemplate](../fast-element.elementviewtemplate/index.html)
+
+## ElementViewTemplate interface
+
+A template capable of creating views specifically for rendering custom elements.
+
+**Signature:**
+
+```typescript
+export interface ElementViewTemplate<TSource = any, TParent = any>
+```
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[create(hostBindingTarget)](../fast-element.elementviewtemplate.create/)
+
+
+</td><td>
+
+Creates an ElementView instance based on this template definition.
+
+
+</td></tr>
+<tr><td>
+
+[render(source, host, hostBindingTarget)](../fast-element.elementviewtemplate.render/)
+
+
+</td><td>
+
+Creates an HTMLView from this template, binds it to the source, and then appends it to the host.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementviewtemplate.render.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementviewtemplate.render.md
new file mode 100644
index 00000000000..608c01f2b02
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.elementviewtemplate.render.md
@@ -0,0 +1,96 @@
+---
+id: "fast-element.elementviewtemplate.render"
+title: "ElementViewTemplate.render() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.elementviewtemplate.render"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ElementViewTemplate.render() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.elementviewtemplate.render"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ElementViewTemplate](../fast-element.elementviewtemplate/index.html) &gt; [render](../fast-element.elementviewtemplate.render/index.html)
+
+## ElementViewTemplate.render() method
+
+Creates an HTMLView from this template, binds it to the source, and then appends it to the host.
+
+**Signature:**
+
+```typescript
+render(source: TSource, host: Node, hostBindingTarget?: Element): ElementView<TSource, TParent>;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+source
+
+
+</td><td>
+
+TSource
+
+
+</td><td>
+
+The data source to bind the template to.
+
+
+</td></tr>
+<tr><td>
+
+host
+
+
+</td><td>
+
+Node
+
+
+</td><td>
+
+The Element where the template will be rendered.
+
+
+</td></tr>
+<tr><td>
+
+hostBindingTarget
+
+
+</td><td>
+
+Element
+
+
+</td><td>
+
+_(Optional)_ An HTML element to target the host bindings at if different from the host that the template is being attached to.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+[ElementView](../fast-element.elementview/)<!-- -->&lt;TSource, TParent&gt;
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.eventcachedpath.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.eventcachedpath.md
new file mode 100644
index 00000000000..2d806e4dc62
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.eventcachedpath.md
@@ -0,0 +1,67 @@
+---
+id: "fast-element.eventcachedpath"
+title: "EventCachedPath interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.eventcachedpath"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "EventCachedPath interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.eventcachedpath"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [EventCachedPath](../fast-element.eventcachedpath/index.html)
+
+## EventCachedPath interface
+
+A path discovered from an event binding.
+
+**Signature:**
+
+```typescript
+export interface EventCachedPath extends CachedPathCommon
+```
+**Extends:** [CachedPathCommon](../fast-element.cachedpathcommon/)
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[type](../fast-element.eventcachedpath.type/)
+
+
+</td><td>
+
+
+</td><td>
+
+"event"
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.eventcachedpath.type.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.eventcachedpath.type.md
new file mode 100644
index 00000000000..1fe6fea560a
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.eventcachedpath.type.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.eventcachedpath.type"
+title: "EventCachedPath.type property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.eventcachedpath.type"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "EventCachedPath.type property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.eventcachedpath.type"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [EventCachedPath](../fast-element.eventcachedpath/index.html) &gt; [type](../fast-element.eventcachedpath.type/index.html)
+
+## EventCachedPath.type property
+
+**Signature:**
+
+```typescript
+type: "event";
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.attributelookup.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.attributelookup.md
new file mode 100644
index 00000000000..3a4d9bea6be
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.attributelookup.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.attributelookup"
+title: "FASTElementDefinition.attributeLookup property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.attributelookup"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.attributeLookup property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.attributelookup"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [attributeLookup](../fast-element.fastelementdefinition.attributelookup/index.html)
+
+## FASTElementDefinition.attributeLookup property
+
+A map enabling lookup of property by associated attribute name.
+
+**Signature:**
+
+```typescript
+readonly attributeLookup: Record<string, AttributeDefinition>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.attributes.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.attributes.md
new file mode 100644
index 00000000000..db0ef3b3c16
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.attributes.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.attributes"
+title: "FASTElementDefinition.attributes property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.attributes"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.attributes property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.attributes"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [attributes](../fast-element.fastelementdefinition.attributes/index.html)
+
+## FASTElementDefinition.attributes property
+
+The custom attributes of the custom element.
+
+**Signature:**
+
+```typescript
+readonly attributes: ReadonlyArray<AttributeDefinition>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.compose.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.compose.md
new file mode 100644
index 00000000000..d4a47e38ed3
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.compose.md
@@ -0,0 +1,80 @@
+---
+id: "fast-element.fastelementdefinition.compose"
+title: "FASTElementDefinition.compose() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.compose"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.compose() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.compose"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [compose](../fast-element.fastelementdefinition.compose/index.html)
+
+## FASTElementDefinition.compose() method
+
+Creates an instance of FASTElementDefinition.
+
+**Signature:**
+
+```typescript
+static compose<TType extends Constructable<HTMLElement> = Constructable<HTMLElement>>(type: TType, nameOrDef?: string | PartialFASTElementDefinition<TType>): Promise<FASTElementDefinition<TType>>;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+type
+
+
+</td><td>
+
+TType
+
+
+</td><td>
+
+The type this definition is being created for.
+
+
+</td></tr>
+<tr><td>
+
+nameOrDef
+
+
+</td><td>
+
+string \| [PartialFASTElementDefinition](../fast-element.partialfastelementdefinition/)<!-- -->&lt;TType&gt;
+
+
+</td><td>
+
+_(Optional)_ The name of the element to define or a config object that describes the element to define.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+Promise&lt;[FASTElementDefinition](../fast-element.fastelementdefinition/)<!-- -->&lt;TType&gt;&gt;
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.define.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.define.md
new file mode 100644
index 00000000000..7429a42f10e
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.define.md
@@ -0,0 +1,84 @@
+---
+id: "fast-element.fastelementdefinition.define"
+title: "FASTElementDefinition.define() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.define"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.define() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.define"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [define](../fast-element.fastelementdefinition.define/index.html)
+
+## FASTElementDefinition.define() method
+
+Defines a custom element based on this definition.
+
+**Signature:**
+
+```typescript
+define(registry?: CustomElementRegistry, extensions?: FASTElementExtension[]): this;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+registry
+
+
+</td><td>
+
+CustomElementRegistry
+
+
+</td><td>
+
+_(Optional)_ The element registry to define the element in.
+
+
+</td></tr>
+<tr><td>
+
+extensions
+
+
+</td><td>
+
+[FASTElementExtension](../fast-element.fastelementextension/)<!-- -->\[\]
+
+
+</td><td>
+
+_(Optional)_ An optional array of extension callbacks to invoke with this definition before platform registration.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+this
+
+## Remarks
+
+This operation is idempotent per registry.
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.elementoptions.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.elementoptions.md
new file mode 100644
index 00000000000..9fc3da5d82c
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.elementoptions.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.elementoptions"
+title: "FASTElementDefinition.elementOptions property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.elementoptions"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.elementOptions property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.elementoptions"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [elementOptions](../fast-element.fastelementdefinition.elementoptions/index.html)
+
+## FASTElementDefinition.elementOptions property
+
+Options controlling how the custom element is defined with the platform.
+
+**Signature:**
+
+```typescript
+readonly elementOptions: ElementDefinitionOptions;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.getbytype.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.getbytype.md
new file mode 100644
index 00000000000..9fe0f396ad7
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.getbytype.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.getbytype"
+title: "FASTElementDefinition.getByType property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.getbytype"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.getByType property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.getbytype"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [getByType](../fast-element.fastelementdefinition.getbytype/index.html)
+
+## FASTElementDefinition.getByType property
+
+Gets the element definition associated with the specified type.
+
+**Signature:**
+
+```typescript
+static readonly getByType: (key: Function) => FASTElementDefinition<Constructable<HTMLElement>> | undefined;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.getforinstance.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.getforinstance.md
new file mode 100644
index 00000000000..21f8e93856a
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.getforinstance.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.getforinstance"
+title: "FASTElementDefinition.getForInstance property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.getforinstance"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.getForInstance property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.getforinstance"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [getForInstance](../fast-element.fastelementdefinition.getforinstance/index.html)
+
+## FASTElementDefinition.getForInstance property
+
+Gets the element definition associated with the instance.
+
+**Signature:**
+
+```typescript
+static readonly getForInstance: (object: any) => FASTElementDefinition<Constructable<HTMLElement>> | undefined;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.isdefined.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.isdefined.md
new file mode 100644
index 00000000000..8531124f20e
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.isdefined.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.isdefined"
+title: "FASTElementDefinition.isDefined property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.isdefined"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.isDefined property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.isdefined"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [isDefined](../fast-element.fastelementdefinition.isdefined/index.html)
+
+## FASTElementDefinition.isDefined property
+
+Indicates if this element has been defined in at least one registry.
+
+**Signature:**
+
+```typescript
+get isDefined(): boolean;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.isregistered.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.isregistered.md
new file mode 100644
index 00000000000..b1660cbbf7b
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.isregistered.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.isregistered"
+title: "FASTElementDefinition.isRegistered property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.isregistered"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.isRegistered property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.isregistered"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [isRegistered](../fast-element.fastelementdefinition.isregistered/index.html)
+
+## FASTElementDefinition.isRegistered property
+
+The definition has been registered to the FAST element registry.
+
+**Signature:**
+
+```typescript
+static isRegistered: Record<string, Function>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.lifecyclecallbacks.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.lifecyclecallbacks.md
new file mode 100644
index 00000000000..83e42b1cccf
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.lifecyclecallbacks.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.lifecyclecallbacks"
+title: "FASTElementDefinition.lifecycleCallbacks property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.lifecyclecallbacks"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.lifecycleCallbacks property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.lifecyclecallbacks"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [lifecycleCallbacks](../fast-element.fastelementdefinition.lifecyclecallbacks/index.html)
+
+## FASTElementDefinition.lifecycleCallbacks property
+
+Lifecycle callbacks for template events.
+
+**Signature:**
+
+```typescript
+readonly lifecycleCallbacks?: TemplateLifecycleCallbacks;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.md
new file mode 100644
index 00000000000..8ec8d243f0c
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.md
@@ -0,0 +1,454 @@
+---
+id: "fast-element.fastelementdefinition"
+title: "FASTElementDefinition class"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition class"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html)
+
+## FASTElementDefinition class
+
+Defines metadata for a FASTElement.
+
+**Signature:**
+
+```typescript
+export declare class FASTElementDefinition<TType extends Constructable<HTMLElement> = Constructable<HTMLElement>>
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[attributeLookup](../fast-element.fastelementdefinition.attributelookup/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+Record&lt;string, [AttributeDefinition](../fast-element.attributedefinition/)<!-- -->&gt;
+
+
+</td><td>
+
+A map enabling lookup of property by associated attribute name.
+
+
+</td></tr>
+<tr><td>
+
+[attributes](../fast-element.fastelementdefinition.attributes/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+ReadonlyArray&lt;[AttributeDefinition](../fast-element.attributedefinition/)<!-- -->&gt;
+
+
+</td><td>
+
+The custom attributes of the custom element.
+
+
+</td></tr>
+<tr><td>
+
+[elementOptions](../fast-element.fastelementdefinition.elementoptions/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+ElementDefinitionOptions
+
+
+</td><td>
+
+Options controlling how the custom element is defined with the platform.
+
+
+</td></tr>
+<tr><td>
+
+[getByType](../fast-element.fastelementdefinition.getbytype/)
+
+
+</td><td>
+
+`static`
+
+`readonly`
+
+
+</td><td>
+
+(key: Function) =&gt; [FASTElementDefinition](../fast-element.fastelementdefinition/)<!-- -->&lt;[Constructable](../fast-element.constructable/)<!-- -->&lt;HTMLElement&gt;&gt; \| undefined
+
+
+</td><td>
+
+Gets the element definition associated with the specified type.
+
+
+</td></tr>
+<tr><td>
+
+[getForInstance](../fast-element.fastelementdefinition.getforinstance/)
+
+
+</td><td>
+
+`static`
+
+`readonly`
+
+
+</td><td>
+
+(object: any) =&gt; [FASTElementDefinition](../fast-element.fastelementdefinition/)<!-- -->&lt;[Constructable](../fast-element.constructable/)<!-- -->&lt;HTMLElement&gt;&gt; \| undefined
+
+
+</td><td>
+
+Gets the element definition associated with the instance.
+
+
+</td></tr>
+<tr><td>
+
+[isDefined](../fast-element.fastelementdefinition.isdefined/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+boolean
+
+
+</td><td>
+
+Indicates if this element has been defined in at least one registry.
+
+
+</td></tr>
+<tr><td>
+
+[isRegistered](../fast-element.fastelementdefinition.isregistered/)
+
+
+</td><td>
+
+`static`
+
+
+</td><td>
+
+Record&lt;string, Function&gt;
+
+
+</td><td>
+
+The definition has been registered to the FAST element registry.
+
+
+</td></tr>
+<tr><td>
+
+[lifecycleCallbacks?](../fast-element.fastelementdefinition.lifecyclecallbacks/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+[TemplateLifecycleCallbacks](../fast-element.templatelifecyclecallbacks/)
+
+
+</td><td>
+
+_(Optional)_ Lifecycle callbacks for template events.
+
+
+</td></tr>
+<tr><td>
+
+[name](../fast-element.fastelementdefinition.name/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+The name of the custom element.
+
+
+</td></tr>
+<tr><td>
+
+[propertyLookup](../fast-element.fastelementdefinition.propertylookup/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+Record&lt;string, [AttributeDefinition](../fast-element.attributedefinition/)<!-- -->&gt;
+
+
+</td><td>
+
+A map enabling lookup of attribute by associated property name.
+
+
+</td></tr>
+<tr><td>
+
+[register](../fast-element.fastelementdefinition.register/)
+
+
+</td><td>
+
+`static`
+
+
+</td><td>
+
+(name: string, registry?: CustomElementRegistry) =&gt; Promise&lt;Function&gt;
+
+
+</td><td>
+
+**_(ALPHA)_** Indicates when a custom elements definition has been registered with the fastElementRegistry.
+
+
+</td></tr>
+<tr><td>
+
+[registry](../fast-element.fastelementdefinition.registry/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+CustomElementRegistry
+
+
+</td><td>
+
+The registry to register this component in by default.
+
+
+</td></tr>
+<tr><td>
+
+[schema?](../fast-element.fastelementdefinition.schema/)
+
+
+</td><td>
+
+
+</td><td>
+
+[Schema](../fast-element.schema/)
+
+
+</td><td>
+
+_(Optional)_ The optional schema associated with the custom element definition. Declarative templates assign this automatically during template resolution. Non-declarative callers can provide one for schema-driven extensions.
+
+
+</td></tr>
+<tr><td>
+
+[shadowOptions?](../fast-element.fastelementdefinition.shadowoptions/)
+
+
+</td><td>
+
+
+</td><td>
+
+[ShadowRootOptions](../fast-element.shadowrootoptions/)
+
+
+</td><td>
+
+_(Optional)_ Options controlling the creation of the custom element's shadow DOM.
+
+
+</td></tr>
+<tr><td>
+
+[styles?](../fast-element.fastelementdefinition.styles/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+[ElementStyles](../fast-element.elementstyles/)
+
+
+</td><td>
+
+_(Optional)_ The styles to associate with the custom element.
+
+
+</td></tr>
+<tr><td>
+
+[template?](../fast-element.fastelementdefinition.template/)
+
+
+</td><td>
+
+
+</td><td>
+
+[ElementViewTemplate](../fast-element.elementviewtemplate/)<!-- -->&lt;InstanceType&lt;TType&gt;&gt;
+
+
+</td><td>
+
+_(Optional)_ The template to render for the custom element.
+
+
+</td></tr>
+<tr><td>
+
+[type](../fast-element.fastelementdefinition.type/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+TType
+
+
+</td><td>
+
+The type this element definition describes.
+
+
+</td></tr>
+</tbody></table>
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[compose(type, nameOrDef)](../fast-element.fastelementdefinition.compose/)
+
+
+</td><td>
+
+`static`
+
+
+</td><td>
+
+Creates an instance of FASTElementDefinition.
+
+
+</td></tr>
+<tr><td>
+
+[define(registry, extensions)](../fast-element.fastelementdefinition.define/)
+
+
+</td><td>
+
+
+</td><td>
+
+Defines a custom element based on this definition.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.name.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.name.md
new file mode 100644
index 00000000000..49ab6da48b4
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.name.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.name"
+title: "FASTElementDefinition.name property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.name"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.name property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.name"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [name](../fast-element.fastelementdefinition.name/index.html)
+
+## FASTElementDefinition.name property
+
+The name of the custom element.
+
+**Signature:**
+
+```typescript
+readonly name: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.propertylookup.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.propertylookup.md
new file mode 100644
index 00000000000..0d31893d591
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.propertylookup.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.propertylookup"
+title: "FASTElementDefinition.propertyLookup property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.propertylookup"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.propertyLookup property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.propertylookup"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [propertyLookup](../fast-element.fastelementdefinition.propertylookup/index.html)
+
+## FASTElementDefinition.propertyLookup property
+
+A map enabling lookup of attribute by associated property name.
+
+**Signature:**
+
+```typescript
+readonly propertyLookup: Record<string, AttributeDefinition>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.register.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.register.md
new file mode 100644
index 00000000000..5d0cee4e063
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.register.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.fastelementdefinition.register"
+title: "FASTElementDefinition.register property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.register"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.register property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.register"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [register](../fast-element.fastelementdefinition.register/index.html)
+
+## FASTElementDefinition.register property
+
+> This API is provided as an alpha preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+>
+
+Indicates when a custom elements definition has been registered with the fastElementRegistry.
+
+**Signature:**
+
+```typescript
+static register: (name: string, registry?: CustomElementRegistry) => Promise<Function>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.registry.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.registry.md
new file mode 100644
index 00000000000..260b4647a45
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.registry.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.registry"
+title: "FASTElementDefinition.registry property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.registry"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.registry property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.registry"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [registry](../fast-element.fastelementdefinition.registry/index.html)
+
+## FASTElementDefinition.registry property
+
+The registry to register this component in by default.
+
+**Signature:**
+
+```typescript
+readonly registry: CustomElementRegistry;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.schema.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.schema.md
new file mode 100644
index 00000000000..f005c5af038
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.schema.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.schema"
+title: "FASTElementDefinition.schema property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.schema"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.schema property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.schema"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [schema](../fast-element.fastelementdefinition.schema/index.html)
+
+## FASTElementDefinition.schema property
+
+The optional schema associated with the custom element definition. Declarative templates assign this automatically during template resolution. Non-declarative callers can provide one for schema-driven extensions.
+
+**Signature:**
+
+```typescript
+schema?: Schema;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.shadowoptions.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.shadowoptions.md
new file mode 100644
index 00000000000..d14cf0b28ea
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.shadowoptions.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.shadowoptions"
+title: "FASTElementDefinition.shadowOptions property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.shadowoptions"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.shadowOptions property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.shadowoptions"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [shadowOptions](../fast-element.fastelementdefinition.shadowoptions/index.html)
+
+## FASTElementDefinition.shadowOptions property
+
+Options controlling the creation of the custom element's shadow DOM.
+
+**Signature:**
+
+```typescript
+shadowOptions?: ShadowRootOptions;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.styles.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.styles.md
new file mode 100644
index 00000000000..322fa32ea4f
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.styles.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.styles"
+title: "FASTElementDefinition.styles property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.styles"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.styles property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.styles"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [styles](../fast-element.fastelementdefinition.styles/index.html)
+
+## FASTElementDefinition.styles property
+
+The styles to associate with the custom element.
+
+**Signature:**
+
+```typescript
+readonly styles?: ElementStyles;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.template.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.template.md
new file mode 100644
index 00000000000..793bcd9dff7
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.template.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.template"
+title: "FASTElementDefinition.template property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.template"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.template property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.template"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [template](../fast-element.fastelementdefinition.template/index.html)
+
+## FASTElementDefinition.template property
+
+The template to render for the custom element.
+
+**Signature:**
+
+```typescript
+template?: ElementViewTemplate<InstanceType<TType>>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.type.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.type.md
new file mode 100644
index 00000000000..7f3b9b36be3
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementdefinition.type.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.fastelementdefinition.type"
+title: "FASTElementDefinition.type property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementdefinition.type"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementDefinition.type property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementdefinition.type"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementDefinition](../fast-element.fastelementdefinition/index.html) &gt; [type](../fast-element.fastelementdefinition.type/index.html)
+
+## FASTElementDefinition.type property
+
+The type this element definition describes.
+
+**Signature:**
+
+```typescript
+readonly type: TType;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementextension.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementextension.md
index f3de147c942..2b315a8180a 100644
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementextension.md
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementextension.md
@@ -21,4 +21,5 @@ A callback that receives a FASTElementDefinition during element registration. Ex
 
 ```typescript
 export type FASTElementExtension = (definition: FASTElementDefinition) => void;
-```
\ No newline at end of file
+```
+**References:** [FASTElementDefinition](../fast-element.fastelementdefinition/)
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementtemplateresolver.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementtemplateresolver.md
new file mode 100644
index 00000000000..cd38af8ea45
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.fastelementtemplateresolver.md
@@ -0,0 +1,25 @@
+---
+id: "fast-element.fastelementtemplateresolver"
+title: "FASTElementTemplateResolver type"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.fastelementtemplateresolver"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "FASTElementTemplateResolver type"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.fastelementtemplateresolver"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [FASTElementTemplateResolver](../fast-element.fastelementtemplateresolver/index.html)
+
+## FASTElementTemplateResolver type
+
+Resolves an element template from a composed definition.
+
+**Signature:**
+
+```typescript
+export type FASTElementTemplateResolver<TType extends Constructable<HTMLElement> = Constructable<HTMLElement>> = (definition: FASTElementDefinition<TType>) => ElementViewTemplate<InstanceType<TType>> | Promise<ElementViewTemplate<InstanceType<TType>>>;
+```
+**References:** [Constructable](../fast-element.constructable/)<!-- -->, [FASTElementDefinition](../fast-element.fastelementdefinition/)<!-- -->, [ElementViewTemplate](../fast-element.elementviewtemplate/)
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmltemplatecompilationresult.createview.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmltemplatecompilationresult.createview.md
new file mode 100644
index 00000000000..95eade3399c
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmltemplatecompilationresult.createview.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.htmltemplatecompilationresult.createview"
+title: "HTMLTemplateCompilationResult.createView() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmltemplatecompilationresult.createview"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLTemplateCompilationResult.createView() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmltemplatecompilationresult.createview"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLTemplateCompilationResult](../fast-element.htmltemplatecompilationresult/index.html) &gt; [createView](../fast-element.htmltemplatecompilationresult.createview/index.html)
+
+## HTMLTemplateCompilationResult.createView() method
+
+Creates a view instance.
+
+**Signature:**
+
+```typescript
+createView(hostBindingTarget?: Element): HTMLView<TSource, TParent>;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+hostBindingTarget
+
+
+</td><td>
+
+Element
+
+
+</td><td>
+
+_(Optional)_ The host binding target for the view.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+[HTMLView](../fast-element.htmlview/)<!-- -->&lt;TSource, TParent&gt;
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmltemplatecompilationresult.factories.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmltemplatecompilationresult.factories.md
new file mode 100644
index 00000000000..2497534db3d
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmltemplatecompilationresult.factories.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.htmltemplatecompilationresult.factories"
+title: "HTMLTemplateCompilationResult.factories property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmltemplatecompilationresult.factories"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLTemplateCompilationResult.factories property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmltemplatecompilationresult.factories"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLTemplateCompilationResult](../fast-element.htmltemplatecompilationresult/index.html) &gt; [factories](../fast-element.htmltemplatecompilationresult.factories/index.html)
+
+## HTMLTemplateCompilationResult.factories property
+
+**Signature:**
+
+```typescript
+readonly factories: CompiledViewBehaviorFactory[];
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmltemplatecompilationresult.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmltemplatecompilationresult.md
new file mode 100644
index 00000000000..2330b509d83
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmltemplatecompilationresult.md
@@ -0,0 +1,94 @@
+---
+id: "fast-element.htmltemplatecompilationresult"
+title: "HTMLTemplateCompilationResult interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmltemplatecompilationresult"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLTemplateCompilationResult interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmltemplatecompilationresult"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLTemplateCompilationResult](../fast-element.htmltemplatecompilationresult/index.html)
+
+## HTMLTemplateCompilationResult interface
+
+The result of a template compilation operation.
+
+**Signature:**
+
+```typescript
+export interface HTMLTemplateCompilationResult<TSource = any, TParent = any>
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[factories](../fast-element.htmltemplatecompilationresult.factories/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+CompiledViewBehaviorFactory\[\]
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[createView(hostBindingTarget)](../fast-element.htmltemplatecompilationresult.createview/)
+
+
+</td><td>
+
+Creates a view instance.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview._constructor_.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview._constructor_.md
new file mode 100644
index 00000000000..f4d4486e526
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview._constructor_.md
@@ -0,0 +1,88 @@
+---
+id: "fast-element.htmlview._constructor_"
+title: "HTMLView.(constructor)"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview._constructor_"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.(constructor)"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview._constructor_"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [(constructor)](../fast-element.htmlview._constructor_/index.html)
+
+## HTMLView.(constructor)
+
+Constructs an instance of HTMLView.
+
+**Signature:**
+
+```typescript
+constructor(fragment: DocumentFragment, factories: ReadonlyArray<CompiledViewBehaviorFactory>, targets: ViewBehaviorTargets);
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+fragment
+
+
+</td><td>
+
+DocumentFragment
+
+
+</td><td>
+
+The html fragment that contains the nodes for this view.
+
+
+</td></tr>
+<tr><td>
+
+factories
+
+
+</td><td>
+
+ReadonlyArray&lt;CompiledViewBehaviorFactory&gt;
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+targets
+
+
+</td><td>
+
+ViewBehaviorTargets
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.appendto.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.appendto.md
new file mode 100644
index 00000000000..0c9b7919ad0
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.appendto.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.htmlview.appendto"
+title: "HTMLView.appendTo() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.appendto"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.appendTo() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.appendto"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [appendTo](../fast-element.htmlview.appendto/index.html)
+
+## HTMLView.appendTo() method
+
+Appends the view's DOM nodes to the referenced node.
+
+**Signature:**
+
+```typescript
+appendTo(node: Node): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+node
+
+
+</td><td>
+
+Node
+
+
+</td><td>
+
+The parent node to append the view's DOM nodes to.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.bind.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.bind.md
new file mode 100644
index 00000000000..4a040d1d9b6
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.bind.md
@@ -0,0 +1,84 @@
+---
+id: "fast-element.htmlview.bind"
+title: "HTMLView.bind() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.bind"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.bind() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.bind"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [bind](../fast-element.htmlview.bind/index.html)
+
+## HTMLView.bind() method
+
+Binds a view's behaviors to its binding source.
+
+On the first call, this iterates through all compiled factories, calling createBehavior() on each to produce a ViewBehavior instance (e.g., an HTMLBindingDirective), and then immediately binds it. This is where event listeners are registered, expression observers are created, and initial DOM values are set.
+
+On subsequent calls with a new source, existing behaviors are re-bound to the new data source, which re-evaluates all binding expressions and updates the DOM accordingly.
+
+**Signature:**
+
+```typescript
+bind(source: TSource, context?: ExecutionContext<TParent>): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+source
+
+
+</td><td>
+
+TSource
+
+
+</td><td>
+
+The binding source for the view's binding behaviors.
+
+
+</td></tr>
+<tr><td>
+
+context
+
+
+</td><td>
+
+ExecutionContext&lt;TParent&gt;
+
+
+</td><td>
+
+_(Optional)_ The execution context to run the behaviors within.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.context.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.context.md
new file mode 100644
index 00000000000..a65b28646f5
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.context.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.htmlview.context"
+title: "HTMLView.context property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.context"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.context property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.context"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [context](../fast-element.htmlview.context/index.html)
+
+## HTMLView.context property
+
+The execution context the view is running within.
+
+**Signature:**
+
+```typescript
+context: ExecutionContext<TParent>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.dispose.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.dispose.md
new file mode 100644
index 00000000000..c2aa27cbf55
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.dispose.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.htmlview.dispose"
+title: "HTMLView.dispose() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.dispose"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.dispose() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.dispose"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [dispose](../fast-element.htmlview.dispose/index.html)
+
+## HTMLView.dispose() method
+
+Removes the view and unbinds its behaviors, disposing of DOM nodes afterward. Once a view has been disposed, it cannot be inserted or bound again.
+
+**Signature:**
+
+```typescript
+dispose(): void;
+```
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.disposecontiguousbatch.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.disposecontiguousbatch.md
new file mode 100644
index 00000000000..d5d86d24f00
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.disposecontiguousbatch.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.htmlview.disposecontiguousbatch"
+title: "HTMLView.disposeContiguousBatch() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.disposecontiguousbatch"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.disposeContiguousBatch() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.disposecontiguousbatch"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [disposeContiguousBatch](../fast-element.htmlview.disposecontiguousbatch/index.html)
+
+## HTMLView.disposeContiguousBatch() method
+
+Efficiently disposes of a contiguous range of synthetic view instances.
+
+**Signature:**
+
+```typescript
+static disposeContiguousBatch(views: SyntheticView[]): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+views
+
+
+</td><td>
+
+SyntheticView\[\]
+
+
+</td><td>
+
+A contiguous range of views to be disposed.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.firstchild.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.firstchild.md
new file mode 100644
index 00000000000..b6d81987b6f
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.firstchild.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.htmlview.firstchild"
+title: "HTMLView.firstChild property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.firstchild"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.firstChild property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.firstchild"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [firstChild](../fast-element.htmlview.firstchild/index.html)
+
+## HTMLView.firstChild property
+
+The first DOM node in the range of nodes that make up the view.
+
+**Signature:**
+
+```typescript
+firstChild: Node;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.insertbefore.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.insertbefore.md
new file mode 100644
index 00000000000..8f283be3822
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.insertbefore.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.htmlview.insertbefore"
+title: "HTMLView.insertBefore() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.insertbefore"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.insertBefore() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.insertbefore"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [insertBefore](../fast-element.htmlview.insertbefore/index.html)
+
+## HTMLView.insertBefore() method
+
+Inserts the view's DOM nodes before the referenced node.
+
+**Signature:**
+
+```typescript
+insertBefore(node: Node): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+node
+
+
+</td><td>
+
+Node
+
+
+</td><td>
+
+The node to insert the view's DOM before.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.isbound.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.isbound.md
new file mode 100644
index 00000000000..6aeff8ee008
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.isbound.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.htmlview.isbound"
+title: "HTMLView.isBound property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.isbound"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.isBound property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.isbound"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [isBound](../fast-element.htmlview.isbound/index.html)
+
+## HTMLView.isBound property
+
+Indicates whether the controller is bound.
+
+**Signature:**
+
+```typescript
+isBound: boolean;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.ishydrated.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.ishydrated.md
new file mode 100644
index 00000000000..9b53eb9cf2d
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.ishydrated.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.htmlview.ishydrated"
+title: "HTMLView.isHydrated property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.ishydrated"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.isHydrated property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.ishydrated"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [isHydrated](../fast-element.htmlview.ishydrated/index.html)
+
+## HTMLView.isHydrated property
+
+Resolves `true` after prerendered content has been hydrated, `false` when client-side rendered or hydration not enabled.
+
+**Signature:**
+
+```typescript
+isHydrated: Promise<boolean>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.isprerendered.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.isprerendered.md
new file mode 100644
index 00000000000..518b7f24d32
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.isprerendered.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.htmlview.isprerendered"
+title: "HTMLView.isPrerendered property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.isprerendered"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.isPrerendered property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.isprerendered"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [isPrerendered](../fast-element.htmlview.isprerendered/index.html)
+
+## HTMLView.isPrerendered property
+
+A promise that resolves with `true` after prerendered content has been hydrated, or `false` when the view is client-side rendered. Resolves once the first bind completes.
+
+**Signature:**
+
+```typescript
+isPrerendered: Promise<boolean>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.lastchild.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.lastchild.md
new file mode 100644
index 00000000000..a719845223b
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.lastchild.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.htmlview.lastchild"
+title: "HTMLView.lastChild property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.lastchild"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.lastChild property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.lastchild"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [lastChild](../fast-element.htmlview.lastchild/index.html)
+
+## HTMLView.lastChild property
+
+The last DOM node in the range of nodes that make up the view.
+
+**Signature:**
+
+```typescript
+lastChild: Node;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.md
new file mode 100644
index 00000000000..01a9eae6773
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.md
@@ -0,0 +1,395 @@
+---
+id: "fast-element.htmlview"
+title: "HTMLView class"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView class"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html)
+
+## HTMLView class
+
+The standard View implementation, which also implements ElementView and SyntheticView.
+
+**Signature:**
+
+```typescript
+export declare class HTMLView<TSource = any, TParent = any> extends DefaultExecutionContext<TParent> implements ElementView<TSource, TParent>, SyntheticView<TSource, TParent>, ExecutionContext<TParent>
+```
+**Extends:** DefaultExecutionContext&lt;TParent&gt;
+
+**Implements:** [ElementView](../fast-element.elementview/)<!-- -->&lt;TSource, TParent&gt;, SyntheticView&lt;TSource, TParent&gt;, ExecutionContext&lt;TParent&gt;
+
+## Constructors
+
+<table><thead><tr><th>
+
+Constructor
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[(constructor)(fragment, factories, targets)](../fast-element.htmlview._constructor_/)
+
+
+</td><td>
+
+
+</td><td>
+
+Constructs an instance of HTMLView.
+
+
+</td></tr>
+</tbody></table>
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[context](../fast-element.htmlview.context/)
+
+
+</td><td>
+
+
+</td><td>
+
+ExecutionContext&lt;TParent&gt;
+
+
+</td><td>
+
+The execution context the view is running within.
+
+
+</td></tr>
+<tr><td>
+
+[firstChild](../fast-element.htmlview.firstchild/)
+
+
+</td><td>
+
+
+</td><td>
+
+Node
+
+
+</td><td>
+
+The first DOM node in the range of nodes that make up the view.
+
+
+</td></tr>
+<tr><td>
+
+[isBound](../fast-element.htmlview.isbound/)
+
+
+</td><td>
+
+
+</td><td>
+
+boolean
+
+
+</td><td>
+
+Indicates whether the controller is bound.
+
+
+</td></tr>
+<tr><td>
+
+[isHydrated](../fast-element.htmlview.ishydrated/)
+
+
+</td><td>
+
+
+</td><td>
+
+Promise&lt;boolean&gt;
+
+
+</td><td>
+
+Resolves `true` after prerendered content has been hydrated, `false` when client-side rendered or hydration not enabled.
+
+
+</td></tr>
+<tr><td>
+
+[isPrerendered](../fast-element.htmlview.isprerendered/)
+
+
+</td><td>
+
+
+</td><td>
+
+Promise&lt;boolean&gt;
+
+
+</td><td>
+
+A promise that resolves with `true` after prerendered content has been hydrated, or `false` when the view is client-side rendered. Resolves once the first bind completes.
+
+
+</td></tr>
+<tr><td>
+
+[lastChild](../fast-element.htmlview.lastchild/)
+
+
+</td><td>
+
+
+</td><td>
+
+Node
+
+
+</td><td>
+
+The last DOM node in the range of nodes that make up the view.
+
+
+</td></tr>
+<tr><td>
+
+[source](../fast-element.htmlview.source/)
+
+
+</td><td>
+
+
+</td><td>
+
+TSource \| null
+
+
+</td><td>
+
+The data that the view is bound to.
+
+
+</td></tr>
+<tr><td>
+
+[sourceLifetime](../fast-element.htmlview.sourcelifetime/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+SourceLifetime
+
+
+</td><td>
+
+Indicates how the source's lifetime relates to the controller's lifetime.
+
+
+</td></tr>
+<tr><td>
+
+[targets](../fast-element.htmlview.targets/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+ViewBehaviorTargets
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[appendTo(node)](../fast-element.htmlview.appendto/)
+
+
+</td><td>
+
+
+</td><td>
+
+Appends the view's DOM nodes to the referenced node.
+
+
+</td></tr>
+<tr><td>
+
+[bind(source, context)](../fast-element.htmlview.bind/)
+
+
+</td><td>
+
+
+</td><td>
+
+Binds a view's behaviors to its binding source.
+
+On the first call, this iterates through all compiled factories, calling createBehavior() on each to produce a ViewBehavior instance (e.g., an HTMLBindingDirective), and then immediately binds it. This is where event listeners are registered, expression observers are created, and initial DOM values are set.
+
+On subsequent calls with a new source, existing behaviors are re-bound to the new data source, which re-evaluates all binding expressions and updates the DOM accordingly.
+
+
+</td></tr>
+<tr><td>
+
+[dispose()](../fast-element.htmlview.dispose/)
+
+
+</td><td>
+
+
+</td><td>
+
+Removes the view and unbinds its behaviors, disposing of DOM nodes afterward. Once a view has been disposed, it cannot be inserted or bound again.
+
+
+</td></tr>
+<tr><td>
+
+[disposeContiguousBatch(views)](../fast-element.htmlview.disposecontiguousbatch/)
+
+
+</td><td>
+
+`static`
+
+
+</td><td>
+
+Efficiently disposes of a contiguous range of synthetic view instances.
+
+
+</td></tr>
+<tr><td>
+
+[insertBefore(node)](../fast-element.htmlview.insertbefore/)
+
+
+</td><td>
+
+
+</td><td>
+
+Inserts the view's DOM nodes before the referenced node.
+
+
+</td></tr>
+<tr><td>
+
+[onUnbind(behavior)](../fast-element.htmlview.onunbind/)
+
+
+</td><td>
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[remove()](../fast-element.htmlview.remove/)
+
+
+</td><td>
+
+
+</td><td>
+
+Removes the view's DOM nodes. The nodes are not disposed and the view can later be re-inserted.
+
+
+</td></tr>
+<tr><td>
+
+[unbind()](../fast-element.htmlview.unbind/)
+
+
+</td><td>
+
+
+</td><td>
+
+Unbinds a view's behaviors from its binding source.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.onunbind.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.onunbind.md
new file mode 100644
index 00000000000..8b425dc508b
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.onunbind.md
@@ -0,0 +1,62 @@
+---
+id: "fast-element.htmlview.onunbind"
+title: "HTMLView.onUnbind() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.onunbind"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.onUnbind() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.onunbind"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [onUnbind](../fast-element.htmlview.onunbind/index.html)
+
+## HTMLView.onUnbind() method
+
+**Signature:**
+
+```typescript
+onUnbind(behavior: {
+        unbind(controller: ViewController<TSource, TParent>): void;
+    }): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+behavior
+
+
+</td><td>
+
+{ unbind(controller: ViewController&lt;TSource, TParent&gt;): void; }
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.remove.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.remove.md
new file mode 100644
index 00000000000..eda0ad73c01
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.remove.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.htmlview.remove"
+title: "HTMLView.remove() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.remove"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.remove() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.remove"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [remove](../fast-element.htmlview.remove/index.html)
+
+## HTMLView.remove() method
+
+Removes the view's DOM nodes. The nodes are not disposed and the view can later be re-inserted.
+
+**Signature:**
+
+```typescript
+remove(): void;
+```
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.source.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.source.md
new file mode 100644
index 00000000000..4e049244a81
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.source.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.htmlview.source"
+title: "HTMLView.source property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.source"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.source property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.source"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [source](../fast-element.htmlview.source/index.html)
+
+## HTMLView.source property
+
+The data that the view is bound to.
+
+**Signature:**
+
+```typescript
+source: TSource | null;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.sourcelifetime.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.sourcelifetime.md
new file mode 100644
index 00000000000..3a747754a06
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.sourcelifetime.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.htmlview.sourcelifetime"
+title: "HTMLView.sourceLifetime property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.sourcelifetime"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.sourceLifetime property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.sourcelifetime"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [sourceLifetime](../fast-element.htmlview.sourcelifetime/index.html)
+
+## HTMLView.sourceLifetime property
+
+Indicates how the source's lifetime relates to the controller's lifetime.
+
+**Signature:**
+
+```typescript
+readonly sourceLifetime: SourceLifetime;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.targets.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.targets.md
new file mode 100644
index 00000000000..89241312bed
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.targets.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.htmlview.targets"
+title: "HTMLView.targets property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.targets"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.targets property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.targets"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [targets](../fast-element.htmlview.targets/index.html)
+
+## HTMLView.targets property
+
+**Signature:**
+
+```typescript
+readonly targets: ViewBehaviorTargets;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.unbind.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.unbind.md
new file mode 100644
index 00000000000..2038e94bfd1
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.htmlview.unbind.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.htmlview.unbind"
+title: "HTMLView.unbind() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.htmlview.unbind"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "HTMLView.unbind() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.htmlview.unbind"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HTMLView](../fast-element.htmlview/index.html) &gt; [unbind](../fast-element.htmlview.unbind/index.html)
+
+## HTMLView.unbind() method
+
+Unbinds a view's behaviors from its binding source.
+
+**Signature:**
+
+```typescript
+unbind(): void;
+```
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.hydrationlifecyclecallbacks.hydrationcomplete.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.hydrationlifecyclecallbacks.hydrationcomplete.md
deleted file mode 100644
index 7275306424f..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.hydrationlifecyclecallbacks.hydrationcomplete.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-id: "fast-element.hydrationlifecyclecallbacks.hydrationcomplete"
-title: "HydrationLifecycleCallbacks.hydrationComplete() method"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.hydrationlifecyclecallbacks.hydrationcomplete"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "HydrationLifecycleCallbacks.hydrationComplete() method"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.hydrationlifecyclecallbacks.hydrationcomplete"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HydrationLifecycleCallbacks](../fast-element.hydrationlifecyclecallbacks/index.html) &gt; [hydrationComplete](../fast-element.hydrationlifecyclecallbacks.hydrationcomplete/index.html)
-
-## HydrationLifecycleCallbacks.hydrationComplete() method
-
-Called after all elements have completed hydration.
-
-**Signature:**
-
-```typescript
-hydrationComplete?(): void;
-```
-**Returns:**
-
-void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.hydrationlifecyclecallbacks.hydrationstarted.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.hydrationlifecyclecallbacks.hydrationstarted.md
deleted file mode 100644
index 8cba1723e16..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.hydrationlifecyclecallbacks.hydrationstarted.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-id: "fast-element.hydrationlifecyclecallbacks.hydrationstarted"
-title: "HydrationLifecycleCallbacks.hydrationStarted() method"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.hydrationlifecyclecallbacks.hydrationstarted"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "HydrationLifecycleCallbacks.hydrationStarted() method"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.hydrationlifecyclecallbacks.hydrationstarted"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HydrationLifecycleCallbacks](../fast-element.hydrationlifecyclecallbacks/index.html) &gt; [hydrationStarted](../fast-element.hydrationlifecyclecallbacks.hydrationstarted/index.html)
-
-## HydrationLifecycleCallbacks.hydrationStarted() method
-
-Called once when the first element enters the hydration pipeline.
-
-**Signature:**
-
-```typescript
-hydrationStarted?(): void;
-```
-**Returns:**
-
-void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.hydrationlifecyclecallbacks.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.hydrationlifecyclecallbacks.md
deleted file mode 100644
index 258ef42e39a..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.hydrationlifecyclecallbacks.md
+++ /dev/null
@@ -1,71 +0,0 @@
----
-id: "fast-element.hydrationlifecyclecallbacks"
-title: "HydrationLifecycleCallbacks interface"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.hydrationlifecyclecallbacks"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "HydrationLifecycleCallbacks interface"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.hydrationlifecyclecallbacks"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [HydrationLifecycleCallbacks](../fast-element.hydrationlifecyclecallbacks/index.html)
-
-## HydrationLifecycleCallbacks interface
-
-> Warning: This API is now obsolete.
-> 
-> Use `enableHydration()` and [declarativeTemplate()](../fast-element.declarativetemplate/) callbacks instead.
-> 
-
-Lifecycle callbacks for template events.
-
-**Signature:**
-
-```typescript
-export interface HydrationLifecycleCallbacks extends TemplateLifecycleCallbacks 
-```
-**Extends:** TemplateLifecycleCallbacks
-
-## Remarks
-
-This interface combines template lifecycle callbacks with global hydration events. It is accepted by [TemplateElement.config()](../fast-element.templateelement.config/) for backward compatibility. New code should prefer `enableHydration()` for global hydration events and pass per-element callbacks directly to [declarativeTemplate()](../fast-element.declarativetemplate/)<!-- -->.
-
-## Methods
-
-<table><thead><tr><th>
-
-Method
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[hydrationComplete()?](../fast-element.hydrationlifecyclecallbacks.hydrationcomplete/)
-
-
-</td><td>
-
-_(Optional)_ Called after all elements have completed hydration.
-
-
-</td></tr>
-<tr><td>
-
-[hydrationStarted()?](../fast-element.hydrationlifecyclecallbacks.hydrationstarted/)
-
-
-</td><td>
-
-_(Optional)_ Called once when the first element enters the hydration pipeline.
-
-
-</td></tr>
-</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschema.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschema.md
index 08c5471d500..cf4917d7810 100644
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschema.md
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschema.md
@@ -15,12 +15,14 @@ navigationOptions:
 
 ## JSONSchema interface
 
+A JSON schema describing a root property.
+
 **Signature:**
 
 ```typescript
-export interface JSONSchema extends JSONSchemaCommon 
+export interface JSONSchema extends JSONSchemaCommon
 ```
-**Extends:** JSONSchemaCommon
+**Extends:** [JSONSchemaCommon](../fast-element.jsonschemacommon/)
 
 ## Properties
 
@@ -55,7 +57,7 @@ Description
 
 </td><td>
 
-Record&lt;string, JSONSchemaDefinition&gt;
+Record&lt;string, [JSONSchemaDefinition](../fast-element.jsonschemadefinition/)<!-- -->&gt;
 
 
 </td><td>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon._observe.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon._observe.md
new file mode 100644
index 00000000000..e9a60181f57
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon._observe.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.jsonschemacommon._observe"
+title: "JSONSchemaCommon.$observe property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.jsonschemacommon._observe"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "JSONSchemaCommon.$observe property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.jsonschemacommon._observe"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [JSONSchemaCommon](../fast-element.jsonschemacommon/index.html) &gt; [$observe](../fast-element.jsonschemacommon._observe/index.html)
+
+## JSONSchemaCommon.$observe property
+
+Stamped by `applyConfigToSchema` when an `ObserverMapConfig` excludes this path. When `false`<!-- -->, the proxy system skips observation for this node and (if all descendants are also `false`<!-- -->) its subtree.
+
+**Signature:**
+
+```typescript
+$observe?: boolean;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon._ref.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon._ref.md
new file mode 100644
index 00000000000..5193c0ca7dc
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon._ref.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschemacommon._ref"
+title: "JSONSchemaCommon.$ref property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.jsonschemacommon._ref"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "JSONSchemaCommon.$ref property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.jsonschemacommon._ref"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [JSONSchemaCommon](../fast-element.jsonschemacommon/index.html) &gt; [$ref](../fast-element.jsonschemacommon._ref/index.html)
+
+## JSONSchemaCommon.$ref property
+
+**Signature:**
+
+```typescript
+$ref?: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon.anyof.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon.anyof.md
new file mode 100644
index 00000000000..b4744346e30
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon.anyof.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschemacommon.anyof"
+title: "JSONSchemaCommon.anyOf property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.jsonschemacommon.anyof"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "JSONSchemaCommon.anyOf property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.jsonschemacommon.anyof"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [JSONSchemaCommon](../fast-element.jsonschemacommon/index.html) &gt; [anyOf](../fast-element.jsonschemacommon.anyof/index.html)
+
+## JSONSchemaCommon.anyOf property
+
+**Signature:**
+
+```typescript
+anyOf?: Array<any>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon.items.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon.items.md
new file mode 100644
index 00000000000..627c705a59b
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon.items.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschemacommon.items"
+title: "JSONSchemaCommon.items property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.jsonschemacommon.items"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "JSONSchemaCommon.items property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.jsonschemacommon.items"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [JSONSchemaCommon](../fast-element.jsonschemacommon/index.html) &gt; [items](../fast-element.jsonschemacommon.items/index.html)
+
+## JSONSchemaCommon.items property
+
+**Signature:**
+
+```typescript
+items?: any;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon.md
new file mode 100644
index 00000000000..a9d9c577a27
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon.md
@@ -0,0 +1,163 @@
+---
+id: "fast-element.jsonschemacommon"
+title: "JSONSchemaCommon interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.jsonschemacommon"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "JSONSchemaCommon interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.jsonschemacommon"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [JSONSchemaCommon](../fast-element.jsonschemacommon/index.html)
+
+## JSONSchemaCommon interface
+
+Common properties shared by schema nodes.
+
+**Signature:**
+
+```typescript
+export interface JSONSchemaCommon
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[$observe?](../fast-element.jsonschemacommon._observe/)
+
+
+</td><td>
+
+
+</td><td>
+
+boolean
+
+
+</td><td>
+
+_(Optional)_ Stamped by `applyConfigToSchema` when an `ObserverMapConfig` excludes this path. When `false`<!-- -->, the proxy system skips observation for this node and (if all descendants are also `false`<!-- -->) its subtree.
+
+
+</td></tr>
+<tr><td>
+
+[$ref?](../fast-element.jsonschemacommon._ref/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+_(Optional)_
+
+
+</td></tr>
+<tr><td>
+
+[anyOf?](../fast-element.jsonschemacommon.anyof/)
+
+
+</td><td>
+
+
+</td><td>
+
+Array&lt;any&gt;
+
+
+</td><td>
+
+_(Optional)_
+
+
+</td></tr>
+<tr><td>
+
+[items?](../fast-element.jsonschemacommon.items/)
+
+
+</td><td>
+
+
+</td><td>
+
+any
+
+
+</td><td>
+
+_(Optional)_
+
+
+</td></tr>
+<tr><td>
+
+[properties?](../fast-element.jsonschemacommon.properties/)
+
+
+</td><td>
+
+
+</td><td>
+
+any
+
+
+</td><td>
+
+_(Optional)_
+
+
+</td></tr>
+<tr><td>
+
+[type?](../fast-element.jsonschemacommon.type/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+_(Optional)_
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon.properties.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon.properties.md
new file mode 100644
index 00000000000..2f87f41f704
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon.properties.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschemacommon.properties"
+title: "JSONSchemaCommon.properties property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.jsonschemacommon.properties"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "JSONSchemaCommon.properties property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.jsonschemacommon.properties"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [JSONSchemaCommon](../fast-element.jsonschemacommon/index.html) &gt; [properties](../fast-element.jsonschemacommon.properties/index.html)
+
+## JSONSchemaCommon.properties property
+
+**Signature:**
+
+```typescript
+properties?: any;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon.type.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon.type.md
new file mode 100644
index 00000000000..66d223095b6
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemacommon.type.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschemacommon.type"
+title: "JSONSchemaCommon.type property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.jsonschemacommon.type"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "JSONSchemaCommon.type property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.jsonschemacommon.type"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [JSONSchemaCommon](../fast-element.jsonschemacommon/index.html) &gt; [type](../fast-element.jsonschemacommon.type/index.html)
+
+## JSONSchemaCommon.type property
+
+**Signature:**
+
+```typescript
+type?: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemadefinition._fast_context.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemadefinition._fast_context.md
new file mode 100644
index 00000000000..34ba0360779
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemadefinition._fast_context.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschemadefinition._fast_context"
+title: "JSONSchemaDefinition.$fast\\_context property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.jsonschemadefinition._fast_context"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "JSONSchemaDefinition.$fast\\_context property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.jsonschemadefinition._fast_context"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [JSONSchemaDefinition](../fast-element.jsonschemadefinition/index.html) &gt; [$fast\_context](../fast-element.jsonschemadefinition._fast_context/index.html)
+
+## JSONSchemaDefinition.$fast\_context property
+
+**Signature:**
+
+```typescript
+$fast_context: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemadefinition._fast_parent_contexts.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemadefinition._fast_parent_contexts.md
new file mode 100644
index 00000000000..f1118ae75f3
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemadefinition._fast_parent_contexts.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.jsonschemadefinition._fast_parent_contexts"
+title: "JSONSchemaDefinition.$fast\\_parent\\_contexts property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.jsonschemadefinition._fast_parent_contexts"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "JSONSchemaDefinition.$fast\\_parent\\_contexts property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.jsonschemadefinition._fast_parent_contexts"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [JSONSchemaDefinition](../fast-element.jsonschemadefinition/index.html) &gt; [$fast\_parent\_contexts](../fast-element.jsonschemadefinition._fast_parent_contexts/index.html)
+
+## JSONSchemaDefinition.$fast\_parent\_contexts property
+
+**Signature:**
+
+```typescript
+$fast_parent_contexts: Array<string>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemadefinition.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemadefinition.md
new file mode 100644
index 00000000000..9e1765b2be1
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.jsonschemadefinition.md
@@ -0,0 +1,84 @@
+---
+id: "fast-element.jsonschemadefinition"
+title: "JSONSchemaDefinition interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.jsonschemadefinition"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "JSONSchemaDefinition interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.jsonschemadefinition"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [JSONSchemaDefinition](../fast-element.jsonschemadefinition/index.html)
+
+## JSONSchemaDefinition interface
+
+A reusable JSON schema definition.
+
+**Signature:**
+
+```typescript
+export interface JSONSchemaDefinition extends JSONSchemaCommon
+```
+**Extends:** [JSONSchemaCommon](../fast-element.jsonschemacommon/)
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[$fast\_context](../fast-element.jsonschemadefinition._fast_context/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[$fast\_parent\_contexts](../fast-element.jsonschemadefinition._fast_parent_contexts/)
+
+
+</td><td>
+
+
+</td><td>
+
+Array&lt;string&gt;
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.md
index fecb8b013df..046d537673b 100644
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.md
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.md
@@ -29,55 +29,56 @@ Description
 </th></tr></thead>
 <tbody><tr><td>
 
-[AttributeMap](../fast-element.attributemap/)
+[AttributeDefinition](../fast-element.attributedefinition/)
 
 
 </td><td>
 
-AttributeMap provides functionality for detecting simple (leaf) properties in a generated JSON schema and defining them as  properties on a class prototype.
+An implementation of `Accessor` that supports reactivity, change callbacks, attribute reflection, and type conversion for custom elements.
 
-A property is a candidate for  when its schema entry has no nested `properties`<!-- -->, no `type`<!-- -->, and no `anyOf` — i.e. it is a plain binding like {<!-- -->{<!-- -->foo<!-- -->}<!-- -->} or id="<!-- -->{<!-- -->{<!-- -->foo-bar<!-- -->}<!-- -->}<!-- -->".
 
-When `attribute-name-strategy` is `"camelCase"` (the default), the binding key is treated as a camelCase property name and the HTML attribute name is derived by converting it to kebab-case (e.g. property `fooBar` → attribute `foo-bar`<!-- -->). This matches the build-time `attribute-name-strategy` option in `@microsoft/fast-build`<!-- -->.
+</td></tr>
+<tr><td>
+
+[ElementStyles](../fast-element.elementstyles/)
+
 
-When `attribute-name-strategy` is `"none"`<!-- -->, the binding key is used as both the attribute name and property name — no normalization is applied.
+</td><td>
 
-Properties already decorated with `@attr` or `@observable` on the class are left untouched.
+Represents styles that can be applied to a custom element.
 
 
 </td></tr>
 <tr><td>
 
-[ObserverMap](../fast-element.observermap/)
+[FASTElementDefinition](../fast-element.fastelementdefinition/)
 
 
 </td><td>
 
-ObserverMap provides functionality for caching binding paths, extracting root properties, and defining observable properties on class prototypes
+Defines metadata for a FASTElement.
 
 
 </td></tr>
 <tr><td>
 
-[Schema](../fast-element.schema/)
+[HTMLView](../fast-element.htmlview/)
 
 
 </td><td>
 
-A constructed JSON schema from a template
+The standard View implementation, which also implements ElementView and SyntheticView.
 
 
 </td></tr>
 <tr><td>
 
-[TemplateElement](../fast-element.templateelement/)
+[Schema](../fast-element.schema/)
 
 
 </td><td>
 
-The <f-template> custom element that will provide view logic to the element.
-
-Acts as the bridge between declarative HTML templates and the FAST element registry. Lifecycle orchestration (registration, options, callbacks) lives here; template parsing is delegated to [TemplateParser](../fast-element.templateparser/)<!-- -->.
+A constructed JSON schema from a template
 
 
 </td></tr>
@@ -95,6 +96,17 @@ This class is intentionally stateless across invocations — all mutable parsing
 The parsing pipeline is fully synchronous — no promises are allocated during template resolution.
 
 
+</td></tr>
+<tr><td>
+
+[ViewTemplate](../fast-element.viewtemplate/)
+
+
+</td><td>
+
+A template capable of creating HTMLView instances or rendering directly to DOM.
+
+
 </td></tr>
 </tbody></table>
 
@@ -113,93 +125,148 @@ Description
 </th></tr></thead>
 <tbody><tr><td>
 
-[attributeMap(option)](../fast-element.attributemap/)
+[declarativeTemplate(callbacks)](../fast-element.declarativetemplate/)
+
+
+</td><td>
+
+Returns a declarative template resolver that waits for the matching `<f-template>` element and resolves it into a concrete `ViewTemplate`<!-- -->.
+
+
+</td></tr>
+</tbody></table>
+
+## Interfaces
+
+<table><thead><tr><th>
+
+Interface
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[AccessCachedPath](../fast-element.accesscachedpath/)
 
 
 </td><td>
 
-Creates a FAST element extension that enables declarative attribute mapping for the resolved definition. When called without arguments, uses the default attribute-mapping behavior.
+A path discovered from an access expression.
 
 
 </td></tr>
 <tr><td>
 
-[declarativeTemplate(callbacks)](../fast-element.declarativetemplate/)
+[Accessor](../fast-element.accessor/)
 
 
 </td><td>
 
-Returns a declarative template resolver that waits for the matching `<f-template>` element and resolves it into a concrete `ViewTemplate`<!-- -->.
+Represents a getter/setter property accessor on an object.
 
 
 </td></tr>
 <tr><td>
 
-[observerMap(option)](../fast-element.observermap/)
+[CachedPathCommon](../fast-element.cachedpathcommon/)
 
 
 </td><td>
 
-Creates a FAST element extension that enables declarative observer mapping for the resolved definition. When called without arguments, observes every discovered root property.
+Common metadata for paths cached while parsing a template.
 
 
 </td></tr>
-</tbody></table>
+<tr><td>
 
-## Interfaces
+[CaptureType](../fast-element.capturetype/)
 
-<table><thead><tr><th>
 
-Interface
+</td><td>
 
+A marker interface used to capture types when interpolating Directive helpers into templates.
 
-</th><th>
 
-Description
+</td></tr>
+<tr><td>
 
+[ChildrenMap](../fast-element.childrenmap/)
 
-</th></tr></thead>
-<tbody><tr><td>
 
-[AttributeMapConfig](../fast-element.attributemapconfig/)
+</td><td>
+
+Describes a child custom element binding referenced by a schema path.
+
+
+</td></tr>
+<tr><td>
+
+[DefaultCachedPath](../fast-element.defaultcachedpath/)
 
 
 </td><td>
 
-Configuration object for the attributeMap element option. Omitting all fields uses the default attribute-mapping behavior.
+A path discovered from a default binding.
 
 
 </td></tr>
 <tr><td>
 
-[ElementOptions](../fast-element.elementoptions/)
+[DOMPolicy](../fast-element.dompolicy/)
 
 
 </td><td>
 
-Element options the TemplateElement will use to update the registered element
+A security policy that FAST can use to interact with the DOM.
 
 
 </td></tr>
 <tr><td>
 
-[ElementOptionsDictionary](../fast-element.elementoptionsdictionary/)
+[ElementView](../fast-element.elementview/)
 
 
 </td><td>
 
-A dictionary of element options the TemplateElement will use to update the registered element
+A View representing DOM nodes specifically for rendering the view of a custom element.
 
 
 </td></tr>
 <tr><td>
 
-[HydrationLifecycleCallbacks](../fast-element.hydrationlifecyclecallbacks/)
+[ElementViewTemplate](../fast-element.elementviewtemplate/)
 
 
 </td><td>
 
-Lifecycle callbacks for template events.
+A template capable of creating views specifically for rendering custom elements.
+
+
+</td></tr>
+<tr><td>
+
+[EventCachedPath](../fast-element.eventcachedpath/)
+
+
+</td><td>
+
+A path discovered from an event binding.
+
+
+</td></tr>
+<tr><td>
+
+[HTMLTemplateCompilationResult](../fast-element.htmltemplatecompilationresult/)
+
+
+</td><td>
+
+The result of a template compilation operation.
 
 
 </td></tr>
@@ -210,31 +277,62 @@ Lifecycle callbacks for template events.
 
 </td><td>
 
+A JSON schema describing a root property.
+
+
+</td></tr>
+<tr><td>
+
+[JSONSchemaCommon](../fast-element.jsonschemacommon/)
+
+
+</td><td>
+
+Common properties shared by schema nodes.
+
+
+</td></tr>
+<tr><td>
+
+[JSONSchemaDefinition](../fast-element.jsonschemadefinition/)
+
+
+</td><td>
+
+A reusable JSON schema definition.
+
 
 </td></tr>
 <tr><td>
 
-[ObserverMapConfig](../fast-element.observermapconfig/)
+[PartialFASTElementDefinition](../fast-element.partialfastelementdefinition/)
 
 
 </td><td>
 
-Configuration object for the observerMap element option. When `properties` is omitted, every root property is observed. When `properties` is present, only listed root properties participate in observer-map observation.
+Represents metadata configuration for a custom element.
 
 
 </td></tr>
 <tr><td>
 
-[ObserverMapPathNode](../fast-element.observermappathnode/)
+[RegisterPathConfig](../fast-element.registerpathconfig/)
 
 
 </td><td>
 
-A node object in the observer-map path tree.
+Configuration for registering a path with a schema.
 
-`$observe` controls whether this node itself is observed. When omitted the value is inherited from the nearest ancestor that explicitly sets `$observe`<!-- -->. At the root level the default is `true`<!-- -->.
 
-Child property overrides are keyed by property name.
+</td></tr>
+<tr><td>
+
+[RepeatCachedPath](../fast-element.repeatcachedpath/)
+
+
+</td><td>
+
+A path discovered from a repeat directive.
 
 
 </td></tr>
@@ -248,6 +346,94 @@ Child property overrides are keyed by property name.
 The return type for [TemplateParser.parse()](../fast-element.templateparser.parse/)<!-- -->.
 
 
+</td></tr>
+<tr><td>
+
+[ShadowRootOptions](../fast-element.shadowrootoptions/)
+
+
+</td><td>
+
+Shadow root initialization options.
+
+
+</td></tr>
+<tr><td>
+
+[StyleStrategy](../fast-element.stylestrategy/)
+
+
+</td><td>
+
+Implemented to provide specific behavior when adding/removing styles for elements.
+
+
+</td></tr>
+<tr><td>
+
+[StyleTarget](../fast-element.styletarget/)
+
+
+</td><td>
+
+A node that can be targeted by styles.
+
+
+</td></tr>
+<tr><td>
+
+[SyntheticViewTemplate](../fast-element.syntheticviewtemplate/)
+
+
+</td><td>
+
+A template capable of rendering views not specifically connected to custom elements.
+
+
+</td></tr>
+<tr><td>
+
+[TemplateLifecycleCallbacks](../fast-element.templatelifecyclecallbacks/)
+
+
+</td><td>
+
+Lifecycle callbacks for template events.
+
+
+</td></tr>
+<tr><td>
+
+[ValueConverter](../fast-element.valueconverter/)
+
+
+</td><td>
+
+Represents objects that can convert values to and from view or model representations.
+
+
+</td></tr>
+<tr><td>
+
+[ViewBehavior](../fast-element.viewbehavior/)
+
+
+</td><td>
+
+Represents an object that can contribute behavior to a view.
+
+
+</td></tr>
+<tr><td>
+
+[ViewBehaviorFactory](../fast-element.viewbehaviorfactory/)
+
+
+</td><td>
+
+A factory that can create a [ViewBehavior](../fast-element.viewbehavior/) associated with a particular location within a DOM fragment.
+
+
 </td></tr>
 </tbody></table>
 
@@ -266,6 +452,17 @@ Description
 </th></tr></thead>
 <tbody><tr><td>
 
+[AttributeConfiguration](../fast-element.attributeconfiguration/)
+
+
+</td><td>
+
+Metadata used to configure a custom attribute's behavior.
+
+
+</td></tr>
+<tr><td>
+
 [schemaRegistry](../fast-element.schemaregistry/)
 
 
@@ -292,11 +489,79 @@ Description
 </th></tr></thead>
 <tbody><tr><td>
 
+[AttributeConfiguration](../fast-element.attributeconfiguration/)
+
+
+</td><td>
+
+Metadata used to configure a custom attribute's behavior.
+
+
+</td></tr>
+<tr><td>
+
+[AttributeMode](../fast-element.attributemode/)
+
+
+</td><td>
+
+The mode that specifies the runtime behavior of the attribute.
+
+
+</td></tr>
+<tr><td>
+
+[CachedPath](../fast-element.cachedpath/)
+
+
+</td><td>
+
+A path discovered while parsing a template.
+
+
+</td></tr>
+<tr><td>
+
 [CachedPathMap](../fast-element.cachedpathmap/)
 
 
 </td><td>
 
+A map from element names and root properties to JSON schemas.
+
+
+</td></tr>
+<tr><td>
+
+[ComposableStyles](../fast-element.composablestyles/)
+
+
+</td><td>
+
+Represents styles that can be composed into the ShadowDOM of a custom element.
+
+
+</td></tr>
+<tr><td>
+
+[Constructable](../fast-element.constructable/)
+
+
+</td><td>
+
+Represents a type which can be constructed with the new operator.
+
+
+</td></tr>
+<tr><td>
+
+[ConstructibleStyleStrategy](../fast-element.constructiblestylestrategy/)
+
+
+</td><td>
+
+A type that instantiates a StyleStrategy.
+
 
 </td></tr>
 <tr><td>
@@ -312,14 +577,23 @@ A callback that receives a FASTElementDefinition during element registration. Ex
 </td></tr>
 <tr><td>
 
-[ObserverMapPathEntry](../fast-element.observermappathentry/)
+[FASTElementTemplateResolver](../fast-element.fastelementtemplateresolver/)
 
 
 </td><td>
 
-A node in the observer-map path tree.
+Resolves an element template from a composed definition.
+
+
+</td></tr>
+<tr><td>
+
+[TemplateValue](../fast-element.templatevalue/)
+
+
+</td><td>
 
-- `true` → observe this path and all descendants (unless overridden by children). - `false` → do NOT observe this path or its descendants (unless overridden by children). - `ObserverMapPathNode` → configure child paths individually; the node itself is observed if `$observe` is true (default when parent is observed).
+Represents the types of values that can be interpolated into a template.
 
 
 </td></tr>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermap._constructor_.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermap._constructor_.md
deleted file mode 100644
index 1ee61bd4821..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermap._constructor_.md
+++ /dev/null
@@ -1,88 +0,0 @@
----
-id: "fast-element.observermap._constructor_"
-title: "ObserverMap.(constructor)"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.observermap._constructor_"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "ObserverMap.(constructor)"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.observermap._constructor_"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ObserverMap](../fast-element.observermap/index.html) &gt; [(constructor)](../fast-element.observermap._constructor_/index.html)
-
-## ObserverMap.(constructor)
-
-Constructs a new instance of the `ObserverMap` class
-
-**Signature:**
-
-```typescript
-constructor(classPrototype: any, schema: Schema, config?: ObserverMapConfig);
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-classPrototype
-
-
-</td><td>
-
-any
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-schema
-
-
-</td><td>
-
-[Schema](../fast-element.schema/)
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-config
-
-
-</td><td>
-
-[ObserverMapConfig](../fast-element.observermapconfig/)
-
-
-</td><td>
-
-_(Optional)_
-
-
-</td></tr>
-</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermap.defineproperties.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermap.defineproperties.md
deleted file mode 100644
index 0670a136d7a..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermap.defineproperties.md
+++ /dev/null
@@ -1,25 +0,0 @@
----
-id: "fast-element.observermap.defineproperties"
-title: "ObserverMap.defineProperties() method"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.observermap.defineproperties"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "ObserverMap.defineProperties() method"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.observermap.defineproperties"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ObserverMap](../fast-element.observermap/index.html) &gt; [defineProperties](../fast-element.observermap.defineproperties/index.html)
-
-## ObserverMap.defineProperties() method
-
-**Signature:**
-
-```typescript
-defineProperties(): void;
-```
-**Returns:**
-
-void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermap.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermap.md
deleted file mode 100644
index 9e1ba0ccf4d..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermap.md
+++ /dev/null
@@ -1,64 +0,0 @@
----
-id: "fast-element.observermap"
-title: "observerMap() function"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.observermap"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "observerMap() function"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.observermap"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [observerMap](../fast-element.observermap/index.html)
-
-## observerMap() function
-
-Creates a FAST element extension that enables declarative observer mapping for the resolved definition. When called without arguments, observes every discovered root property.
-
-**Signature:**
-
-```typescript
-export declare function observerMap(option?: ObserverMapConfig): FASTElementExtension;
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-option
-
-
-</td><td>
-
-[ObserverMapConfig](../fast-element.observermapconfig/)
-
-
-</td><td>
-
-_(Optional)_
-
-
-</td></tr>
-</tbody></table>
-
-**Returns:**
-
-[FASTElementExtension](../fast-element.fastelementextension/)
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermapconfig.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermapconfig.md
deleted file mode 100644
index 1c5b37c19bd..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermapconfig.md
+++ /dev/null
@@ -1,68 +0,0 @@
----
-id: "fast-element.observermapconfig"
-title: "ObserverMapConfig interface"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.observermapconfig"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "ObserverMapConfig interface"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.observermapconfig"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ObserverMapConfig](../fast-element.observermapconfig/index.html)
-
-## ObserverMapConfig interface
-
-Configuration object for the observerMap element option. When `properties` is omitted, every root property is observed. When `properties` is present, only listed root properties participate in observer-map observation.
-
-**Signature:**
-
-```typescript
-export interface ObserverMapConfig 
-```
-
-## Properties
-
-<table><thead><tr><th>
-
-Property
-
-
-</th><th>
-
-Modifiers
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[properties?](../fast-element.observermapconfig.properties/)
-
-
-</td><td>
-
-
-</td><td>
-
-{ \[rootProperty: string\]: [ObserverMapPathEntry](../fast-element.observermappathentry/)<!-- -->; }
-
-
-</td><td>
-
-_(Optional)_ Per-root-property observation control. Keys are root property names discovered in the template schema. Only root properties listed here participate in observer-map observation. Omitting this field observes every discovered root property.
-
-
-</td></tr>
-</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermapconfig.properties.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermapconfig.properties.md
deleted file mode 100644
index 21dcd64e985..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermapconfig.properties.md
+++ /dev/null
@@ -1,26 +0,0 @@
----
-id: "fast-element.observermapconfig.properties"
-title: "ObserverMapConfig.properties property"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.observermapconfig.properties"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "ObserverMapConfig.properties property"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.observermapconfig.properties"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ObserverMapConfig](../fast-element.observermapconfig/index.html) &gt; [properties](../fast-element.observermapconfig.properties/index.html)
-
-## ObserverMapConfig.properties property
-
-Per-root-property observation control. Keys are root property names discovered in the template schema. Only root properties listed here participate in observer-map observation. Omitting this field observes every discovered root property.
-
-**Signature:**
-
-```typescript
-properties?: {
-        [rootProperty: string]: ObserverMapPathEntry;
-    };
-```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermappathentry.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermappathentry.md
deleted file mode 100644
index 53628e5e5cc..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermappathentry.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-id: "fast-element.observermappathentry"
-title: "ObserverMapPathEntry type"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.observermappathentry"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "ObserverMapPathEntry type"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.observermappathentry"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ObserverMapPathEntry](../fast-element.observermappathentry/index.html)
-
-## ObserverMapPathEntry type
-
-A node in the observer-map path tree.
-
-- `true` → observe this path and all descendants (unless overridden by children). - `false` → do NOT observe this path or its descendants (unless overridden by children). - `ObserverMapPathNode` → configure child paths individually; the node itself is observed if `$observe` is true (default when parent is observed).
-
-**Signature:**
-
-```typescript
-export type ObserverMapPathEntry = boolean | ObserverMapPathNode;
-```
-**References:** [ObserverMapPathNode](../fast-element.observermappathnode/)
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermappathnode._observe.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermappathnode._observe.md
deleted file mode 100644
index abb4734cdf7..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermappathnode._observe.md
+++ /dev/null
@@ -1,22 +0,0 @@
----
-id: "fast-element.observermappathnode._observe"
-title: "ObserverMapPathNode.$observe property"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.observermappathnode._observe"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "ObserverMapPathNode.$observe property"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.observermappathnode._observe"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ObserverMapPathNode](../fast-element.observermappathnode/index.html) &gt; [$observe](../fast-element.observermappathnode._observe/index.html)
-
-## ObserverMapPathNode.$observe property
-
-**Signature:**
-
-```typescript
-$observe?: boolean;
-```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermappathnode.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermappathnode.md
deleted file mode 100644
index 9bf6e04105a..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.observermappathnode.md
+++ /dev/null
@@ -1,72 +0,0 @@
----
-id: "fast-element.observermappathnode"
-title: "ObserverMapPathNode interface"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.observermappathnode"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "ObserverMapPathNode interface"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.observermappathnode"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ObserverMapPathNode](../fast-element.observermappathnode/index.html)
-
-## ObserverMapPathNode interface
-
-A node object in the observer-map path tree.
-
-`$observe` controls whether this node itself is observed. When omitted the value is inherited from the nearest ancestor that explicitly sets `$observe`<!-- -->. At the root level the default is `true`<!-- -->.
-
-Child property overrides are keyed by property name.
-
-**Signature:**
-
-```typescript
-export interface ObserverMapPathNode 
-```
-
-## Properties
-
-<table><thead><tr><th>
-
-Property
-
-
-</th><th>
-
-Modifiers
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[$observe?](../fast-element.observermappathnode._observe/)
-
-
-</td><td>
-
-
-</td><td>
-
-boolean
-
-
-</td><td>
-
-_(Optional)_
-
-
-</td></tr>
-</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.attributes.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.attributes.md
new file mode 100644
index 00000000000..27571bf2e4f
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.attributes.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.partialfastelementdefinition.attributes"
+title: "PartialFASTElementDefinition.attributes property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.partialfastelementdefinition.attributes"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "PartialFASTElementDefinition.attributes property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.partialfastelementdefinition.attributes"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [PartialFASTElementDefinition](../fast-element.partialfastelementdefinition/index.html) &gt; [attributes](../fast-element.partialfastelementdefinition.attributes/index.html)
+
+## PartialFASTElementDefinition.attributes property
+
+The custom attributes of the custom element.
+
+**Signature:**
+
+```typescript
+readonly attributes?: (AttributeConfiguration | string)[];
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.elementoptions.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.elementoptions.md
new file mode 100644
index 00000000000..d342a09ddc9
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.elementoptions.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.partialfastelementdefinition.elementoptions"
+title: "PartialFASTElementDefinition.elementOptions property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.partialfastelementdefinition.elementoptions"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "PartialFASTElementDefinition.elementOptions property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.partialfastelementdefinition.elementoptions"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [PartialFASTElementDefinition](../fast-element.partialfastelementdefinition/index.html) &gt; [elementOptions](../fast-element.partialfastelementdefinition.elementoptions/index.html)
+
+## PartialFASTElementDefinition.elementOptions property
+
+Options controlling how the custom element is defined with the platform.
+
+**Signature:**
+
+```typescript
+readonly elementOptions?: ElementDefinitionOptions;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.lifecyclecallbacks.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.lifecyclecallbacks.md
new file mode 100644
index 00000000000..0b3df3b4e51
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.lifecyclecallbacks.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.partialfastelementdefinition.lifecyclecallbacks"
+title: "PartialFASTElementDefinition.lifecycleCallbacks property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.partialfastelementdefinition.lifecyclecallbacks"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "PartialFASTElementDefinition.lifecycleCallbacks property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.partialfastelementdefinition.lifecyclecallbacks"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [PartialFASTElementDefinition](../fast-element.partialfastelementdefinition/index.html) &gt; [lifecycleCallbacks](../fast-element.partialfastelementdefinition.lifecyclecallbacks/index.html)
+
+## PartialFASTElementDefinition.lifecycleCallbacks property
+
+Lifecycle callbacks for template events.
+
+**Signature:**
+
+```typescript
+readonly lifecycleCallbacks?: TemplateLifecycleCallbacks;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.md
new file mode 100644
index 00000000000..34782bd4e91
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.md
@@ -0,0 +1,238 @@
+---
+id: "fast-element.partialfastelementdefinition"
+title: "PartialFASTElementDefinition interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.partialfastelementdefinition"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "PartialFASTElementDefinition interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.partialfastelementdefinition"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [PartialFASTElementDefinition](../fast-element.partialfastelementdefinition/index.html)
+
+## PartialFASTElementDefinition interface
+
+Represents metadata configuration for a custom element.
+
+**Signature:**
+
+```typescript
+export interface PartialFASTElementDefinition<TType extends Constructable<HTMLElement> = Constructable<HTMLElement>>
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[attributes?](../fast-element.partialfastelementdefinition.attributes/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+([AttributeConfiguration](../fast-element.attributeconfiguration/) \| string)\[\]
+
+
+</td><td>
+
+_(Optional)_ The custom attributes of the custom element.
+
+
+</td></tr>
+<tr><td>
+
+[elementOptions?](../fast-element.partialfastelementdefinition.elementoptions/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+ElementDefinitionOptions
+
+
+</td><td>
+
+_(Optional)_ Options controlling how the custom element is defined with the platform.
+
+
+</td></tr>
+<tr><td>
+
+[lifecycleCallbacks?](../fast-element.partialfastelementdefinition.lifecyclecallbacks/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+[TemplateLifecycleCallbacks](../fast-element.templatelifecyclecallbacks/)
+
+
+</td><td>
+
+_(Optional)_ Lifecycle callbacks for template events.
+
+
+</td></tr>
+<tr><td>
+
+[name](../fast-element.partialfastelementdefinition.name/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+The name of the custom element.
+
+
+</td></tr>
+<tr><td>
+
+[registry?](../fast-element.partialfastelementdefinition.registry/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+CustomElementRegistry
+
+
+</td><td>
+
+_(Optional)_ The registry to register this component in by default.
+
+
+</td></tr>
+<tr><td>
+
+[schema?](../fast-element.partialfastelementdefinition.schema/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+[Schema](../fast-element.schema/)
+
+
+</td><td>
+
+_(Optional)_ The optional schema associated with the custom element definition. Declarative templates assign this automatically during template resolution. Non-declarative callers can provide one for schema-driven extensions.
+
+
+</td></tr>
+<tr><td>
+
+[shadowOptions?](../fast-element.partialfastelementdefinition.shadowoptions/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+Partial&lt;[ShadowRootOptions](../fast-element.shadowrootoptions/)<!-- -->&gt; \| null
+
+
+</td><td>
+
+_(Optional)_ Options controlling the creation of the custom element's shadow DOM.
+
+
+</td></tr>
+<tr><td>
+
+[styles?](../fast-element.partialfastelementdefinition.styles/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+[ComposableStyles](../fast-element.composablestyles/) \| [ComposableStyles](../fast-element.composablestyles/)<!-- -->\[\]
+
+
+</td><td>
+
+_(Optional)_ The styles to associate with the custom element.
+
+
+</td></tr>
+<tr><td>
+
+[template?](../fast-element.partialfastelementdefinition.template/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+[ElementViewTemplate](../fast-element.elementviewtemplate/)<!-- -->&lt;InstanceType&lt;TType&gt;&gt; \| [FASTElementTemplateResolver](../fast-element.fastelementtemplateresolver/)<!-- -->&lt;TType&gt;
+
+
+</td><td>
+
+_(Optional)_ The template, or template resolver, for the custom element.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.name.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.name.md
new file mode 100644
index 00000000000..b4a0e2337c0
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.name.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.partialfastelementdefinition.name"
+title: "PartialFASTElementDefinition.name property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.partialfastelementdefinition.name"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "PartialFASTElementDefinition.name property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.partialfastelementdefinition.name"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [PartialFASTElementDefinition](../fast-element.partialfastelementdefinition/index.html) &gt; [name](../fast-element.partialfastelementdefinition.name/index.html)
+
+## PartialFASTElementDefinition.name property
+
+The name of the custom element.
+
+**Signature:**
+
+```typescript
+readonly name: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.registry.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.registry.md
new file mode 100644
index 00000000000..fe7d94e391b
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.registry.md
@@ -0,0 +1,28 @@
+---
+id: "fast-element.partialfastelementdefinition.registry"
+title: "PartialFASTElementDefinition.registry property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.partialfastelementdefinition.registry"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "PartialFASTElementDefinition.registry property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.partialfastelementdefinition.registry"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [PartialFASTElementDefinition](../fast-element.partialfastelementdefinition/index.html) &gt; [registry](../fast-element.partialfastelementdefinition.registry/index.html)
+
+## PartialFASTElementDefinition.registry property
+
+The registry to register this component in by default.
+
+**Signature:**
+
+```typescript
+readonly registry?: CustomElementRegistry;
+```
+
+## Remarks
+
+If not provided, defaults to the global registry.
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.schema.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.schema.md
new file mode 100644
index 00000000000..a6adbcc7466
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.schema.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.partialfastelementdefinition.schema"
+title: "PartialFASTElementDefinition.schema property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.partialfastelementdefinition.schema"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "PartialFASTElementDefinition.schema property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.partialfastelementdefinition.schema"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [PartialFASTElementDefinition](../fast-element.partialfastelementdefinition/index.html) &gt; [schema](../fast-element.partialfastelementdefinition.schema/index.html)
+
+## PartialFASTElementDefinition.schema property
+
+The optional schema associated with the custom element definition. Declarative templates assign this automatically during template resolution. Non-declarative callers can provide one for schema-driven extensions.
+
+**Signature:**
+
+```typescript
+readonly schema?: Schema;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.shadowoptions.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.shadowoptions.md
new file mode 100644
index 00000000000..a8f09d003c2
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.shadowoptions.md
@@ -0,0 +1,28 @@
+---
+id: "fast-element.partialfastelementdefinition.shadowoptions"
+title: "PartialFASTElementDefinition.shadowOptions property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.partialfastelementdefinition.shadowoptions"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "PartialFASTElementDefinition.shadowOptions property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.partialfastelementdefinition.shadowoptions"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [PartialFASTElementDefinition](../fast-element.partialfastelementdefinition/index.html) &gt; [shadowOptions](../fast-element.partialfastelementdefinition.shadowoptions/index.html)
+
+## PartialFASTElementDefinition.shadowOptions property
+
+Options controlling the creation of the custom element's shadow DOM.
+
+**Signature:**
+
+```typescript
+readonly shadowOptions?: Partial<ShadowRootOptions> | null;
+```
+
+## Remarks
+
+If not provided, defaults to an open shadow root. Provide null to render to the associated template to the light DOM instead.
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.styles.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.styles.md
new file mode 100644
index 00000000000..d4974c6ba64
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.styles.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.partialfastelementdefinition.styles"
+title: "PartialFASTElementDefinition.styles property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.partialfastelementdefinition.styles"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "PartialFASTElementDefinition.styles property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.partialfastelementdefinition.styles"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [PartialFASTElementDefinition](../fast-element.partialfastelementdefinition/index.html) &gt; [styles](../fast-element.partialfastelementdefinition.styles/index.html)
+
+## PartialFASTElementDefinition.styles property
+
+The styles to associate with the custom element.
+
+**Signature:**
+
+```typescript
+readonly styles?: ComposableStyles | ComposableStyles[];
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.template.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.template.md
new file mode 100644
index 00000000000..81d49d2fe51
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.partialfastelementdefinition.template.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.partialfastelementdefinition.template"
+title: "PartialFASTElementDefinition.template property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.partialfastelementdefinition.template"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "PartialFASTElementDefinition.template property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.partialfastelementdefinition.template"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [PartialFASTElementDefinition](../fast-element.partialfastelementdefinition/index.html) &gt; [template](../fast-element.partialfastelementdefinition.template/index.html)
+
+## PartialFASTElementDefinition.template property
+
+The template, or template resolver, for the custom element.
+
+**Signature:**
+
+```typescript
+readonly template?: ElementViewTemplate<InstanceType<TType>> | FASTElementTemplateResolver<TType>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.registerpathconfig.childrenmap.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.registerpathconfig.childrenmap.md
new file mode 100644
index 00000000000..bba99f612d5
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.registerpathconfig.childrenmap.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.registerpathconfig.childrenmap"
+title: "RegisterPathConfig.childrenMap property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.registerpathconfig.childrenmap"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "RegisterPathConfig.childrenMap property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.registerpathconfig.childrenmap"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [RegisterPathConfig](../fast-element.registerpathconfig/index.html) &gt; [childrenMap](../fast-element.registerpathconfig.childrenmap/index.html)
+
+## RegisterPathConfig.childrenMap property
+
+**Signature:**
+
+```typescript
+childrenMap: ChildrenMap | null;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.registerpathconfig.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.registerpathconfig.md
new file mode 100644
index 00000000000..3ac9baf6cf1
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.registerpathconfig.md
@@ -0,0 +1,100 @@
+---
+id: "fast-element.registerpathconfig"
+title: "RegisterPathConfig interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.registerpathconfig"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "RegisterPathConfig interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.registerpathconfig"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [RegisterPathConfig](../fast-element.registerpathconfig/index.html)
+
+## RegisterPathConfig interface
+
+Configuration for registering a path with a schema.
+
+**Signature:**
+
+```typescript
+export interface RegisterPathConfig
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[childrenMap](../fast-element.registerpathconfig.childrenmap/)
+
+
+</td><td>
+
+
+</td><td>
+
+[ChildrenMap](../fast-element.childrenmap/) \| null
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[pathConfig](../fast-element.registerpathconfig.pathconfig/)
+
+
+</td><td>
+
+
+</td><td>
+
+[CachedPath](../fast-element.cachedpath/)
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[rootPropertyName](../fast-element.registerpathconfig.rootpropertyname/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.registerpathconfig.pathconfig.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.registerpathconfig.pathconfig.md
new file mode 100644
index 00000000000..15c3b25bd18
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.registerpathconfig.pathconfig.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.registerpathconfig.pathconfig"
+title: "RegisterPathConfig.pathConfig property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.registerpathconfig.pathconfig"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "RegisterPathConfig.pathConfig property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.registerpathconfig.pathconfig"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [RegisterPathConfig](../fast-element.registerpathconfig/index.html) &gt; [pathConfig](../fast-element.registerpathconfig.pathconfig/index.html)
+
+## RegisterPathConfig.pathConfig property
+
+**Signature:**
+
+```typescript
+pathConfig: CachedPath;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.registerpathconfig.rootpropertyname.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.registerpathconfig.rootpropertyname.md
new file mode 100644
index 00000000000..05f2fc4aef3
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.registerpathconfig.rootpropertyname.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.registerpathconfig.rootpropertyname"
+title: "RegisterPathConfig.rootPropertyName property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.registerpathconfig.rootpropertyname"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "RegisterPathConfig.rootPropertyName property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.registerpathconfig.rootpropertyname"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [RegisterPathConfig](../fast-element.registerpathconfig/index.html) &gt; [rootPropertyName](../fast-element.registerpathconfig.rootpropertyname/index.html)
+
+## RegisterPathConfig.rootPropertyName property
+
+**Signature:**
+
+```typescript
+rootPropertyName: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.repeatcachedpath.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.repeatcachedpath.md
new file mode 100644
index 00000000000..27d69e4e378
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.repeatcachedpath.md
@@ -0,0 +1,67 @@
+---
+id: "fast-element.repeatcachedpath"
+title: "RepeatCachedPath interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.repeatcachedpath"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "RepeatCachedPath interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.repeatcachedpath"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [RepeatCachedPath](../fast-element.repeatcachedpath/index.html)
+
+## RepeatCachedPath interface
+
+A path discovered from a repeat directive.
+
+**Signature:**
+
+```typescript
+export interface RepeatCachedPath extends CachedPathCommon
+```
+**Extends:** [CachedPathCommon](../fast-element.cachedpathcommon/)
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[type](../fast-element.repeatcachedpath.type/)
+
+
+</td><td>
+
+
+</td><td>
+
+"repeat"
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.repeatcachedpath.type.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.repeatcachedpath.type.md
new file mode 100644
index 00000000000..35011cc8d96
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.repeatcachedpath.type.md
@@ -0,0 +1,22 @@
+---
+id: "fast-element.repeatcachedpath.type"
+title: "RepeatCachedPath.type property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.repeatcachedpath.type"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "RepeatCachedPath.type property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.repeatcachedpath.type"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [RepeatCachedPath](../fast-element.repeatcachedpath/index.html) &gt; [type](../fast-element.repeatcachedpath.type/index.html)
+
+## RepeatCachedPath.type property
+
+**Signature:**
+
+```typescript
+type: "repeat";
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.resolvedstringsandvalues.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.resolvedstringsandvalues.md
index 85beb3fe4f0..73df839c488 100644
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.resolvedstringsandvalues.md
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.resolvedstringsandvalues.md
@@ -20,7 +20,7 @@ The return type for [TemplateParser.parse()](../fast-element.templateparser.pars
 **Signature:**
 
 ```typescript
-export interface ResolvedStringsAndValues 
+export interface ResolvedStringsAndValues
 ```
 
 ## Properties
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.schema.addpath.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.schema.addpath.md
index ba046ac345c..7f39f0aba08 100644
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.schema.addpath.md
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.schema.addpath.md
@@ -48,12 +48,12 @@ config
 
 </td><td>
 
-RegisterPathConfig
+[RegisterPathConfig](../fast-element.registerpathconfig/)
 
 
 </td><td>
 
-RegisterPathConfig
+The path registration configuration.
 
 
 </td></tr>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.schema.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.schema.md
index bcb490b78d2..93ab4338530 100644
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.schema.md
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.schema.md
@@ -20,7 +20,7 @@ A constructed JSON schema from a template
 **Signature:**
 
 ```typescript
-export declare class Schema 
+export declare class Schema
 ```
 
 ## Constructors
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.shadowrootoptions.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.shadowrootoptions.md
new file mode 100644
index 00000000000..712c3571a88
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.shadowrootoptions.md
@@ -0,0 +1,69 @@
+---
+id: "fast-element.shadowrootoptions"
+title: "ShadowRootOptions interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.shadowrootoptions"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ShadowRootOptions interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.shadowrootoptions"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ShadowRootOptions](../fast-element.shadowrootoptions/index.html)
+
+## ShadowRootOptions interface
+
+Shadow root initialization options.
+
+**Signature:**
+
+```typescript
+export interface ShadowRootOptions extends ShadowRootInit
+```
+**Extends:** ShadowRootInit
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[registry?](../fast-element.shadowrootoptions.registry/)
+
+
+</td><td>
+
+
+</td><td>
+
+CustomElementRegistry
+
+
+</td><td>
+
+**_(BETA)_** _(Optional)_ A registry that provides the custom elements visible from within this shadow root.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.shadowrootoptions.registry.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.shadowrootoptions.registry.md
new file mode 100644
index 00000000000..6129f6b1f58
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.shadowrootoptions.registry.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.shadowrootoptions.registry"
+title: "ShadowRootOptions.registry property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.shadowrootoptions.registry"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ShadowRootOptions.registry property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.shadowrootoptions.registry"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ShadowRootOptions](../fast-element.shadowrootoptions/index.html) &gt; [registry](../fast-element.shadowrootoptions.registry/index.html)
+
+## ShadowRootOptions.registry property
+
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+>
+
+A registry that provides the custom elements visible from within this shadow root.
+
+**Signature:**
+
+```typescript
+registry?: CustomElementRegistry;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.stylestrategy.addstylesto.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.stylestrategy.addstylesto.md
new file mode 100644
index 00000000000..ab830bf9941
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.stylestrategy.addstylesto.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.stylestrategy.addstylesto"
+title: "StyleStrategy.addStylesTo() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.stylestrategy.addstylesto"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "StyleStrategy.addStylesTo() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.stylestrategy.addstylesto"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [StyleStrategy](../fast-element.stylestrategy/index.html) &gt; [addStylesTo](../fast-element.stylestrategy.addstylesto/index.html)
+
+## StyleStrategy.addStylesTo() method
+
+Adds styles to the target.
+
+**Signature:**
+
+```typescript
+addStylesTo(target: StyleTarget): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+target
+
+
+</td><td>
+
+[StyleTarget](../fast-element.styletarget/)
+
+
+</td><td>
+
+The target to add the styles to.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.stylestrategy.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.stylestrategy.md
new file mode 100644
index 00000000000..848ea8ebf50
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.stylestrategy.md
@@ -0,0 +1,61 @@
+---
+id: "fast-element.stylestrategy"
+title: "StyleStrategy interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.stylestrategy"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "StyleStrategy interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.stylestrategy"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [StyleStrategy](../fast-element.stylestrategy/index.html)
+
+## StyleStrategy interface
+
+Implemented to provide specific behavior when adding/removing styles for elements.
+
+**Signature:**
+
+```typescript
+export interface StyleStrategy
+```
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[addStylesTo(target)](../fast-element.stylestrategy.addstylesto/)
+
+
+</td><td>
+
+Adds styles to the target.
+
+
+</td></tr>
+<tr><td>
+
+[removeStylesFrom(target)](../fast-element.stylestrategy.removestylesfrom/)
+
+
+</td><td>
+
+Removes styles from the target.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.stylestrategy.removestylesfrom.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.stylestrategy.removestylesfrom.md
new file mode 100644
index 00000000000..49443dc75f1
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.stylestrategy.removestylesfrom.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.stylestrategy.removestylesfrom"
+title: "StyleStrategy.removeStylesFrom() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.stylestrategy.removestylesfrom"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "StyleStrategy.removeStylesFrom() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.stylestrategy.removestylesfrom"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [StyleStrategy](../fast-element.stylestrategy/index.html) &gt; [removeStylesFrom](../fast-element.stylestrategy.removestylesfrom/index.html)
+
+## StyleStrategy.removeStylesFrom() method
+
+Removes styles from the target.
+
+**Signature:**
+
+```typescript
+removeStylesFrom(target: StyleTarget): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+target
+
+
+</td><td>
+
+[StyleTarget](../fast-element.styletarget/)
+
+
+</td><td>
+
+The target to remove the styles from.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.styletarget.adoptedstylesheets.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.styletarget.adoptedstylesheets.md
new file mode 100644
index 00000000000..6ff07489e35
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.styletarget.adoptedstylesheets.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.styletarget.adoptedstylesheets"
+title: "StyleTarget.adoptedStyleSheets property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.styletarget.adoptedstylesheets"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "StyleTarget.adoptedStyleSheets property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.styletarget.adoptedstylesheets"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [StyleTarget](../fast-element.styletarget/index.html) &gt; [adoptedStyleSheets](../fast-element.styletarget.adoptedstylesheets/index.html)
+
+## StyleTarget.adoptedStyleSheets property
+
+Stylesheets to be adopted by the node.
+
+**Signature:**
+
+```typescript
+adoptedStyleSheets?: CSSStyleSheet[];
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.styletarget.append.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.styletarget.append.md
new file mode 100644
index 00000000000..2f3c451bd4e
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.styletarget.append.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.styletarget.append"
+title: "StyleTarget.append() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.styletarget.append"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "StyleTarget.append() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.styletarget.append"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [StyleTarget](../fast-element.styletarget/index.html) &gt; [append](../fast-element.styletarget.append/index.html)
+
+## StyleTarget.append() method
+
+Adds styles to the target by appending the styles.
+
+**Signature:**
+
+```typescript
+append(styles: HTMLStyleElement): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+styles
+
+
+</td><td>
+
+HTMLStyleElement
+
+
+</td><td>
+
+The styles element to add.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.styletarget.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.styletarget.md
new file mode 100644
index 00000000000..084ccc11cb5
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.styletarget.md
@@ -0,0 +1,117 @@
+---
+id: "fast-element.styletarget"
+title: "StyleTarget interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.styletarget"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "StyleTarget interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.styletarget"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [StyleTarget](../fast-element.styletarget/index.html)
+
+## StyleTarget interface
+
+A node that can be targeted by styles.
+
+**Signature:**
+
+```typescript
+export interface StyleTarget extends Pick<Node, "getRootNode">
+```
+**Extends:** Pick&lt;Node, "getRootNode"&gt;
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[adoptedStyleSheets?](../fast-element.styletarget.adoptedstylesheets/)
+
+
+</td><td>
+
+
+</td><td>
+
+CSSStyleSheet\[\]
+
+
+</td><td>
+
+_(Optional)_ Stylesheets to be adopted by the node.
+
+
+</td></tr>
+</tbody></table>
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[append(styles)](../fast-element.styletarget.append/)
+
+
+</td><td>
+
+Adds styles to the target by appending the styles.
+
+
+</td></tr>
+<tr><td>
+
+[querySelectorAll(selectors)](../fast-element.styletarget.queryselectorall/)
+
+
+</td><td>
+
+Returns all element descendants of node that match selectors.
+
+
+</td></tr>
+<tr><td>
+
+[removeChild(styles)](../fast-element.styletarget.removechild/)
+
+
+</td><td>
+
+Removes styles from the target.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.styletarget.queryselectorall.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.styletarget.queryselectorall.md
new file mode 100644
index 00000000000..2319b186b5e
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.styletarget.queryselectorall.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.styletarget.queryselectorall"
+title: "StyleTarget.querySelectorAll() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.styletarget.queryselectorall"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "StyleTarget.querySelectorAll() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.styletarget.queryselectorall"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [StyleTarget](../fast-element.styletarget/index.html) &gt; [querySelectorAll](../fast-element.styletarget.queryselectorall/index.html)
+
+## StyleTarget.querySelectorAll() method
+
+Returns all element descendants of node that match selectors.
+
+**Signature:**
+
+```typescript
+querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+selectors
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+The CSS selector to use for the query.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+NodeListOf&lt;E&gt;
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.styletarget.removechild.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.styletarget.removechild.md
new file mode 100644
index 00000000000..a7f85982a9a
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.styletarget.removechild.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.styletarget.removechild"
+title: "StyleTarget.removeChild() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.styletarget.removechild"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "StyleTarget.removeChild() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.styletarget.removechild"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [StyleTarget](../fast-element.styletarget/index.html) &gt; [removeChild](../fast-element.styletarget.removechild/index.html)
+
+## StyleTarget.removeChild() method
+
+Removes styles from the target.
+
+**Signature:**
+
+```typescript
+removeChild(styles: HTMLStyleElement): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+styles
+
+
+</td><td>
+
+HTMLStyleElement
+
+
+</td><td>
+
+The styles element to remove.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.syntheticviewtemplate.create.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.syntheticviewtemplate.create.md
new file mode 100644
index 00000000000..b034688d99d
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.syntheticviewtemplate.create.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.syntheticviewtemplate.create"
+title: "SyntheticViewTemplate.create() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.syntheticviewtemplate.create"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "SyntheticViewTemplate.create() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.syntheticviewtemplate.create"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [SyntheticViewTemplate](../fast-element.syntheticviewtemplate/index.html) &gt; [create](../fast-element.syntheticviewtemplate.create/index.html)
+
+## SyntheticViewTemplate.create() method
+
+Creates a SyntheticView instance based on this template definition.
+
+**Signature:**
+
+```typescript
+create(): SyntheticView<TSource, TParent>;
+```
+**Returns:**
+
+SyntheticView&lt;TSource, TParent&gt;
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.syntheticviewtemplate.inline.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.syntheticviewtemplate.inline.md
new file mode 100644
index 00000000000..f81fb4fbde3
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.syntheticviewtemplate.inline.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.syntheticviewtemplate.inline"
+title: "SyntheticViewTemplate.inline() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.syntheticviewtemplate.inline"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "SyntheticViewTemplate.inline() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.syntheticviewtemplate.inline"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [SyntheticViewTemplate](../fast-element.syntheticviewtemplate/index.html) &gt; [inline](../fast-element.syntheticviewtemplate.inline/index.html)
+
+## SyntheticViewTemplate.inline() method
+
+Returns a directive that can inline the template.
+
+**Signature:**
+
+```typescript
+inline(): CaptureType;
+```
+**Returns:**
+
+[CaptureType](../fast-element.capturetype/)
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.syntheticviewtemplate.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.syntheticviewtemplate.md
new file mode 100644
index 00000000000..1e8820a75e2
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.syntheticviewtemplate.md
@@ -0,0 +1,61 @@
+---
+id: "fast-element.syntheticviewtemplate"
+title: "SyntheticViewTemplate interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.syntheticviewtemplate"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "SyntheticViewTemplate interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.syntheticviewtemplate"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [SyntheticViewTemplate](../fast-element.syntheticviewtemplate/index.html)
+
+## SyntheticViewTemplate interface
+
+A template capable of rendering views not specifically connected to custom elements.
+
+**Signature:**
+
+```typescript
+export interface SyntheticViewTemplate<TSource = any, TParent = any>
+```
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[create()](../fast-element.syntheticviewtemplate.create/)
+
+
+</td><td>
+
+Creates a SyntheticView instance based on this template definition.
+
+
+</td></tr>
+<tr><td>
+
+[inline()](../fast-element.syntheticviewtemplate.inline/)
+
+
+</td><td>
+
+Returns a directive that can inline the template.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement._constructor_.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement._constructor_.md
deleted file mode 100644
index 9e4ef013432..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement._constructor_.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-id: "fast-element.templateelement._constructor_"
-title: "TemplateElement.(constructor)"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.templateelement._constructor_"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "TemplateElement.(constructor)"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.templateelement._constructor_"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateElement](../fast-element.templateelement/index.html) &gt; [(constructor)](../fast-element.templateelement._constructor_/index.html)
-
-## TemplateElement.(constructor)
-
-Constructs a new instance of the `TemplateElement` class
-
-**Signature:**
-
-```typescript
-constructor();
-```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.config.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.config.md
deleted file mode 100644
index a0e9f51598f..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.config.md
+++ /dev/null
@@ -1,71 +0,0 @@
----
-id: "fast-element.templateelement.config"
-title: "TemplateElement.config() method"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.templateelement.config"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "TemplateElement.config() method"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.templateelement.config"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateElement](../fast-element.templateelement/index.html) &gt; [config](../fast-element.templateelement.config/index.html)
-
-## TemplateElement.config() method
-
-> Warning: This API is now obsolete.
-> 
-> Use `enableHydration()` for global hydration events and pass per-element callbacks to [declarativeTemplate()](../fast-element.declarativetemplate/) instead.
-> 
-
-Configure lifecycle callbacks for hydration events.
-
-**Signature:**
-
-```typescript
-static config(callbacks: HydrationLifecycleCallbacks): typeof TemplateElement;
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-callbacks
-
-
-</td><td>
-
-[HydrationLifecycleCallbacks](../fast-element.hydrationlifecyclecallbacks/)
-
-
-</td><td>
-
-Lifecycle callbacks to configure.
-
-
-</td></tr>
-</tbody></table>
-
-**Returns:**
-
-typeof [TemplateElement](../fast-element.templateelement/)
-
-The [TemplateElement](../fast-element.templateelement/) class.
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.connectedcallback.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.connectedcallback.md
deleted file mode 100644
index 11384a3e9b4..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.connectedcallback.md
+++ /dev/null
@@ -1,25 +0,0 @@
----
-id: "fast-element.templateelement.connectedcallback"
-title: "TemplateElement.connectedCallback() method"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.templateelement.connectedcallback"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "TemplateElement.connectedCallback() method"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.templateelement.connectedcallback"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateElement](../fast-element.templateelement/index.html) &gt; [connectedCallback](../fast-element.templateelement.connectedcallback/index.html)
-
-## TemplateElement.connectedCallback() method
-
-**Signature:**
-
-```typescript
-connectedCallback(): void;
-```
-**Returns:**
-
-void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.disconnectedcallback.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.disconnectedcallback.md
deleted file mode 100644
index 59cf9583ecb..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.disconnectedcallback.md
+++ /dev/null
@@ -1,25 +0,0 @@
----
-id: "fast-element.templateelement.disconnectedcallback"
-title: "TemplateElement.disconnectedCallback() method"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.templateelement.disconnectedcallback"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "TemplateElement.disconnectedCallback() method"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.templateelement.disconnectedcallback"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateElement](../fast-element.templateelement/index.html) &gt; [disconnectedCallback](../fast-element.templateelement.disconnectedcallback/index.html)
-
-## TemplateElement.disconnectedCallback() method
-
-**Signature:**
-
-```typescript
-disconnectedCallback(): void;
-```
-**Returns:**
-
-void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.elementoptions.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.elementoptions.md
deleted file mode 100644
index 8b7f0d5de67..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.elementoptions.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-id: "fast-element.templateelement.elementoptions"
-title: "TemplateElement.elementOptions property"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.templateelement.elementoptions"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "TemplateElement.elementOptions property"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.templateelement.elementoptions"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateElement](../fast-element.templateelement/index.html) &gt; [elementOptions](../fast-element.templateelement.elementoptions/index.html)
-
-## TemplateElement.elementOptions property
-
-A dictionary of fallback custom element options
-
-**Signature:**
-
-```typescript
-static elementOptions: ElementOptionsDictionary;
-```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.md
deleted file mode 100644
index 9999153bbb2..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.md
+++ /dev/null
@@ -1,216 +0,0 @@
----
-id: "fast-element.templateelement"
-title: "TemplateElement class"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.templateelement"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "TemplateElement class"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.templateelement"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateElement](../fast-element.templateelement/index.html)
-
-## TemplateElement class
-
-The <f-template> custom element that will provide view logic to the element.
-
-Acts as the bridge between declarative HTML templates and the FAST element registry. Lifecycle orchestration (registration, options, callbacks) lives here; template parsing is delegated to [TemplateParser](../fast-element.templateparser/)<!-- -->.
-
-**Signature:**
-
-```typescript
-declare class TemplateElement extends FASTElement implements TemplatePublisher 
-```
-**Extends:** FASTElement
-
-**Implements:** TemplatePublisher
-
-## Constructors
-
-<table><thead><tr><th>
-
-Constructor
-
-
-</th><th>
-
-Modifiers
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[(constructor)()](../fast-element.templateelement._constructor_/)
-
-
-</td><td>
-
-
-</td><td>
-
-Constructs a new instance of the `TemplateElement` class
-
-
-</td></tr>
-</tbody></table>
-
-## Properties
-
-<table><thead><tr><th>
-
-Property
-
-
-</th><th>
-
-Modifiers
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[elementOptions](../fast-element.templateelement.elementoptions/)
-
-
-</td><td>
-
-`static`
-
-
-</td><td>
-
-[ElementOptionsDictionary](../fast-element.elementoptionsdictionary/)
-
-
-</td><td>
-
-A dictionary of fallback custom element options
-
-
-</td></tr>
-<tr><td>
-
-[name?](../fast-element.templateelement.name/)
-
-
-</td><td>
-
-
-</td><td>
-
-string
-
-
-</td><td>
-
-_(Optional)_ The name of the custom element this template will be applied to
-
-
-</td></tr>
-</tbody></table>
-
-## Methods
-
-<table><thead><tr><th>
-
-Method
-
-
-</th><th>
-
-Modifiers
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[config(callbacks)](../fast-element.templateelement.config/)
-
-
-</td><td>
-
-`static`
-
-
-</td><td>
-
-Configure lifecycle callbacks for hydration events.
-
-
-</td></tr>
-<tr><td>
-
-[connectedCallback()](../fast-element.templateelement.connectedcallback/)
-
-
-</td><td>
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-[disconnectedCallback()](../fast-element.templateelement.disconnectedcallback/)
-
-
-</td><td>
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-[nameChanged(previousName, nextName)](../fast-element.templateelement.namechanged/)
-
-
-</td><td>
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-[options(elementOptions)](../fast-element.templateelement.options/)
-
-
-</td><td>
-
-`static`
-
-
-</td><td>
-
-Set fallback options for custom elements.
-
-
-</td></tr>
-</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.name.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.name.md
deleted file mode 100644
index 11cee8c83e4..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.name.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-id: "fast-element.templateelement.name"
-title: "TemplateElement.name property"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.templateelement.name"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "TemplateElement.name property"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.templateelement.name"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateElement](../fast-element.templateelement/index.html) &gt; [name](../fast-element.templateelement.name/index.html)
-
-## TemplateElement.name property
-
-The name of the custom element this template will be applied to
-
-**Signature:**
-
-```typescript
-name?: string;
-```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.namechanged.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.namechanged.md
deleted file mode 100644
index d90e5906a92..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.namechanged.md
+++ /dev/null
@@ -1,74 +0,0 @@
----
-id: "fast-element.templateelement.namechanged"
-title: "TemplateElement.nameChanged() method"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.templateelement.namechanged"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "TemplateElement.nameChanged() method"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.templateelement.namechanged"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateElement](../fast-element.templateelement/index.html) &gt; [nameChanged](../fast-element.templateelement.namechanged/index.html)
-
-## TemplateElement.nameChanged() method
-
-**Signature:**
-
-```typescript
-nameChanged(previousName: string | undefined, nextName: string | undefined): void;
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-previousName
-
-
-</td><td>
-
-string \| undefined
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-nextName
-
-
-</td><td>
-
-string \| undefined
-
-
-</td><td>
-
-
-</td></tr>
-</tbody></table>
-
-**Returns:**
-
-void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.options.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.options.md
deleted file mode 100644
index 572e2f93c61..00000000000
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateelement.options.md
+++ /dev/null
@@ -1,66 +0,0 @@
----
-id: "fast-element.templateelement.options"
-title: "TemplateElement.options() method"
-layout: 3x-api
-eleventyNavigation:
-  key: "declarative.jsapi3xfast-element.templateelement.options"
-  parent: "@microsoft/fast-element/declarative.js3x"
-  title: "TemplateElement.options() method"
-navigationOptions:
-  activeKey: "declarative.jsapi3xfast-element.templateelement.options"
----
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateElement](../fast-element.templateelement/index.html) &gt; [options](../fast-element.templateelement.options/index.html)
-
-## TemplateElement.options() method
-
-Set fallback options for custom elements.
-
-**Signature:**
-
-```typescript
-static options(elementOptions?: ElementOptionsDictionary): typeof TemplateElement;
-```
-
-## Parameters
-
-<table><thead><tr><th>
-
-Parameter
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-elementOptions
-
-
-</td><td>
-
-[ElementOptionsDictionary](../fast-element.elementoptionsdictionary/)
-
-
-</td><td>
-
-_(Optional)_ A dictionary of custom element options
-
-
-</td></tr>
-</tbody></table>
-
-**Returns:**
-
-typeof [TemplateElement](../fast-element.templateelement/)
-
-The TemplateElement class.
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.elementdiddefine.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.elementdiddefine.md
new file mode 100644
index 00000000000..f8ce9d23e5b
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.elementdiddefine.md
@@ -0,0 +1,62 @@
+---
+id: "fast-element.templatelifecyclecallbacks.elementdiddefine"
+title: "TemplateLifecycleCallbacks.elementDidDefine() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.templatelifecyclecallbacks.elementdiddefine"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "TemplateLifecycleCallbacks.elementDidDefine() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.templatelifecyclecallbacks.elementdiddefine"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateLifecycleCallbacks](../fast-element.templatelifecyclecallbacks/index.html) &gt; [elementDidDefine](../fast-element.templatelifecyclecallbacks.elementdiddefine/index.html)
+
+## TemplateLifecycleCallbacks.elementDidDefine() method
+
+Called after the custom element has been defined.
+
+**Signature:**
+
+```typescript
+elementDidDefine?(name: string): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+name
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.elementdidhydrate.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.elementdidhydrate.md
new file mode 100644
index 00000000000..4143d58aae1
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.elementdidhydrate.md
@@ -0,0 +1,62 @@
+---
+id: "fast-element.templatelifecyclecallbacks.elementdidhydrate"
+title: "TemplateLifecycleCallbacks.elementDidHydrate() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.templatelifecyclecallbacks.elementdidhydrate"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "TemplateLifecycleCallbacks.elementDidHydrate() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.templatelifecyclecallbacks.elementdidhydrate"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateLifecycleCallbacks](../fast-element.templatelifecyclecallbacks/index.html) &gt; [elementDidHydrate](../fast-element.templatelifecyclecallbacks.elementdidhydrate/index.html)
+
+## TemplateLifecycleCallbacks.elementDidHydrate() method
+
+Called after an individual element's hydration has finished.
+
+**Signature:**
+
+```typescript
+elementDidHydrate?(source: HTMLElement): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+source
+
+
+</td><td>
+
+HTMLElement
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.elementdidregister.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.elementdidregister.md
new file mode 100644
index 00000000000..3b5fb5f918b
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.elementdidregister.md
@@ -0,0 +1,62 @@
+---
+id: "fast-element.templatelifecyclecallbacks.elementdidregister"
+title: "TemplateLifecycleCallbacks.elementDidRegister() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.templatelifecyclecallbacks.elementdidregister"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "TemplateLifecycleCallbacks.elementDidRegister() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.templatelifecyclecallbacks.elementdidregister"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateLifecycleCallbacks](../fast-element.templatelifecyclecallbacks/index.html) &gt; [elementDidRegister](../fast-element.templatelifecyclecallbacks.elementdidregister/index.html)
+
+## TemplateLifecycleCallbacks.elementDidRegister() method
+
+Called after the JS class definition has been registered.
+
+**Signature:**
+
+```typescript
+elementDidRegister?(name: string): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+name
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.elementwillhydrate.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.elementwillhydrate.md
new file mode 100644
index 00000000000..bd9f5561f7f
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.elementwillhydrate.md
@@ -0,0 +1,62 @@
+---
+id: "fast-element.templatelifecyclecallbacks.elementwillhydrate"
+title: "TemplateLifecycleCallbacks.elementWillHydrate() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.templatelifecyclecallbacks.elementwillhydrate"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "TemplateLifecycleCallbacks.elementWillHydrate() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.templatelifecyclecallbacks.elementwillhydrate"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateLifecycleCallbacks](../fast-element.templatelifecyclecallbacks/index.html) &gt; [elementWillHydrate](../fast-element.templatelifecyclecallbacks.elementwillhydrate/index.html)
+
+## TemplateLifecycleCallbacks.elementWillHydrate() method
+
+Called before an individual element's hydration begins.
+
+**Signature:**
+
+```typescript
+elementWillHydrate?(source: HTMLElement): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+source
+
+
+</td><td>
+
+HTMLElement
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.md
new file mode 100644
index 00000000000..d5c8632bb08
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.md
@@ -0,0 +1,105 @@
+---
+id: "fast-element.templatelifecyclecallbacks"
+title: "TemplateLifecycleCallbacks interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.templatelifecyclecallbacks"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "TemplateLifecycleCallbacks interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.templatelifecyclecallbacks"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateLifecycleCallbacks](../fast-element.templatelifecyclecallbacks/index.html)
+
+## TemplateLifecycleCallbacks interface
+
+Lifecycle callbacks for template events.
+
+**Signature:**
+
+```typescript
+export interface TemplateLifecycleCallbacks
+```
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[elementDidDefine(name)?](../fast-element.templatelifecyclecallbacks.elementdiddefine/)
+
+
+</td><td>
+
+_(Optional)_ Called after the custom element has been defined.
+
+
+</td></tr>
+<tr><td>
+
+[elementDidHydrate(source)?](../fast-element.templatelifecyclecallbacks.elementdidhydrate/)
+
+
+</td><td>
+
+_(Optional)_ Called after an individual element's hydration has finished.
+
+
+</td></tr>
+<tr><td>
+
+[elementDidRegister(name)?](../fast-element.templatelifecyclecallbacks.elementdidregister/)
+
+
+</td><td>
+
+_(Optional)_ Called after the JS class definition has been registered.
+
+
+</td></tr>
+<tr><td>
+
+[elementWillHydrate(source)?](../fast-element.templatelifecyclecallbacks.elementwillhydrate/)
+
+
+</td><td>
+
+_(Optional)_ Called before an individual element's hydration begins.
+
+
+</td></tr>
+<tr><td>
+
+[templateDidUpdate(name)?](../fast-element.templatelifecyclecallbacks.templatedidupdate/)
+
+
+</td><td>
+
+_(Optional)_ Called after the template has been assigned to the definition.
+
+
+</td></tr>
+<tr><td>
+
+[templateWillUpdate(name)?](../fast-element.templatelifecyclecallbacks.templatewillupdate/)
+
+
+</td><td>
+
+_(Optional)_ Called before the template has been evaluated and assigned.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.templatedidupdate.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.templatedidupdate.md
new file mode 100644
index 00000000000..08ed0ce5741
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.templatedidupdate.md
@@ -0,0 +1,62 @@
+---
+id: "fast-element.templatelifecyclecallbacks.templatedidupdate"
+title: "TemplateLifecycleCallbacks.templateDidUpdate() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.templatelifecyclecallbacks.templatedidupdate"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "TemplateLifecycleCallbacks.templateDidUpdate() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.templatelifecyclecallbacks.templatedidupdate"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateLifecycleCallbacks](../fast-element.templatelifecyclecallbacks/index.html) &gt; [templateDidUpdate](../fast-element.templatelifecyclecallbacks.templatedidupdate/index.html)
+
+## TemplateLifecycleCallbacks.templateDidUpdate() method
+
+Called after the template has been assigned to the definition.
+
+**Signature:**
+
+```typescript
+templateDidUpdate?(name: string): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+name
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.templatewillupdate.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.templatewillupdate.md
new file mode 100644
index 00000000000..2fe9a4239ef
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatelifecyclecallbacks.templatewillupdate.md
@@ -0,0 +1,62 @@
+---
+id: "fast-element.templatelifecyclecallbacks.templatewillupdate"
+title: "TemplateLifecycleCallbacks.templateWillUpdate() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.templatelifecyclecallbacks.templatewillupdate"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "TemplateLifecycleCallbacks.templateWillUpdate() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.templatelifecyclecallbacks.templatewillupdate"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateLifecycleCallbacks](../fast-element.templatelifecyclecallbacks/index.html) &gt; [templateWillUpdate](../fast-element.templatelifecyclecallbacks.templatewillupdate/index.html)
+
+## TemplateLifecycleCallbacks.templateWillUpdate() method
+
+Called before the template has been evaluated and assigned.
+
+**Signature:**
+
+```typescript
+templateWillUpdate?(name: string): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+name
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateparser.createtemplate.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateparser.createtemplate.md
index c6823eb4d60..5262e40e5b8 100644
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateparser.createtemplate.md
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateparser.createtemplate.md
@@ -77,4 +77,4 @@ The interpreted values.
 
 **Returns:**
 
-ViewTemplate&lt;any, any&gt;
+[ViewTemplate](../fast-element.viewtemplate/)<!-- -->&lt;any, any&gt;
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateparser.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateparser.md
index d9ff02ea79f..084b8e3daf1 100644
--- a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateparser.md
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templateparser.md
@@ -24,7 +24,7 @@ The parsing pipeline is fully synchronous — no promises are allocated during t
 **Signature:**
 
 ```typescript
-export declare class TemplateParser 
+export declare class TemplateParser
 ```
 
 ## Methods
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatevalue.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatevalue.md
new file mode 100644
index 00000000000..6add5e29048
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.templatevalue.md
@@ -0,0 +1,25 @@
+---
+id: "fast-element.templatevalue"
+title: "TemplateValue type"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.templatevalue"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "TemplateValue type"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.templatevalue"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [TemplateValue](../fast-element.templatevalue/index.html)
+
+## TemplateValue type
+
+Represents the types of values that can be interpolated into a template.
+
+**Signature:**
+
+```typescript
+export type TemplateValue<TSource, TParent = any> = Expression<TSource, any, TParent> | Binding<TSource, any, TParent> | HTMLDirective | CaptureType;
+```
+**References:** [CaptureType](../fast-element.capturetype/)
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.valueconverter.fromview.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.valueconverter.fromview.md
new file mode 100644
index 00000000000..48998b8e54d
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.valueconverter.fromview.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.valueconverter.fromview"
+title: "ValueConverter.fromView() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.valueconverter.fromview"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ValueConverter.fromView() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.valueconverter.fromview"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ValueConverter](../fast-element.valueconverter/index.html) &gt; [fromView](../fast-element.valueconverter.fromview/index.html)
+
+## ValueConverter.fromView() method
+
+Converts a value from its representation in the view, to a representation for the model.
+
+**Signature:**
+
+```typescript
+fromView(value: any): any;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+value
+
+
+</td><td>
+
+any
+
+
+</td><td>
+
+The value to convert to a model representation.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+any
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.valueconverter.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.valueconverter.md
new file mode 100644
index 00000000000..304b3bc7af3
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.valueconverter.md
@@ -0,0 +1,61 @@
+---
+id: "fast-element.valueconverter"
+title: "ValueConverter interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.valueconverter"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ValueConverter interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.valueconverter"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ValueConverter](../fast-element.valueconverter/index.html)
+
+## ValueConverter interface
+
+Represents objects that can convert values to and from view or model representations.
+
+**Signature:**
+
+```typescript
+export interface ValueConverter
+```
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[fromView(value)](../fast-element.valueconverter.fromview/)
+
+
+</td><td>
+
+Converts a value from its representation in the view, to a representation for the model.
+
+
+</td></tr>
+<tr><td>
+
+[toView(value)](../fast-element.valueconverter.toview/)
+
+
+</td><td>
+
+Converts a value from its representation in the model, to a representation for the view.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.valueconverter.toview.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.valueconverter.toview.md
new file mode 100644
index 00000000000..8e4910cdfb1
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.valueconverter.toview.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.valueconverter.toview"
+title: "ValueConverter.toView() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.valueconverter.toview"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ValueConverter.toView() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.valueconverter.toview"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ValueConverter](../fast-element.valueconverter/index.html) &gt; [toView](../fast-element.valueconverter.toview/index.html)
+
+## ValueConverter.toView() method
+
+Converts a value from its representation in the model, to a representation for the view.
+
+**Signature:**
+
+```typescript
+toView(value: any): any;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+value
+
+
+</td><td>
+
+any
+
+
+</td><td>
+
+The value to convert to a view representation.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+any
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehavior.bind.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehavior.bind.md
new file mode 100644
index 00000000000..7b751a76fcb
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehavior.bind.md
@@ -0,0 +1,64 @@
+---
+id: "fast-element.viewbehavior.bind"
+title: "ViewBehavior.bind() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.viewbehavior.bind"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ViewBehavior.bind() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.viewbehavior.bind"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ViewBehavior](../fast-element.viewbehavior/index.html) &gt; [bind](../fast-element.viewbehavior.bind/index.html)
+
+## ViewBehavior.bind() method
+
+Bind this behavior.
+
+**Signature:**
+
+```typescript
+bind(controller: ViewController<TSource, TParent>): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+controller
+
+
+</td><td>
+
+ViewController&lt;TSource, TParent&gt;
+
+
+</td><td>
+
+The view controller that manages the lifecycle of this behavior.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+void
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehavior.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehavior.md
new file mode 100644
index 00000000000..ac252d136bb
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehavior.md
@@ -0,0 +1,50 @@
+---
+id: "fast-element.viewbehavior"
+title: "ViewBehavior interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.viewbehavior"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ViewBehavior interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.viewbehavior"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ViewBehavior](../fast-element.viewbehavior/index.html)
+
+## ViewBehavior interface
+
+Represents an object that can contribute behavior to a view.
+
+**Signature:**
+
+```typescript
+export interface ViewBehavior<TSource = any, TParent = any>
+```
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[bind(controller)](../fast-element.viewbehavior.bind/)
+
+
+</td><td>
+
+Bind this behavior.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.createbehavior.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.createbehavior.md
new file mode 100644
index 00000000000..cd920706025
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.createbehavior.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.viewbehaviorfactory.createbehavior"
+title: "ViewBehaviorFactory.createBehavior() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.viewbehaviorfactory.createbehavior"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ViewBehaviorFactory.createBehavior() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.viewbehaviorfactory.createbehavior"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ViewBehaviorFactory](../fast-element.viewbehaviorfactory/index.html) &gt; [createBehavior](../fast-element.viewbehaviorfactory.createbehavior/index.html)
+
+## ViewBehaviorFactory.createBehavior() method
+
+Creates a behavior.
+
+**Signature:**
+
+```typescript
+createBehavior(): ViewBehavior;
+```
+**Returns:**
+
+[ViewBehavior](../fast-element.viewbehavior/)
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.id.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.id.md
new file mode 100644
index 00000000000..1d19e8c85ef
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.id.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.viewbehaviorfactory.id"
+title: "ViewBehaviorFactory.id property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.viewbehaviorfactory.id"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ViewBehaviorFactory.id property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.viewbehaviorfactory.id"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ViewBehaviorFactory](../fast-element.viewbehaviorfactory/index.html) &gt; [id](../fast-element.viewbehaviorfactory.id/index.html)
+
+## ViewBehaviorFactory.id property
+
+The unique id of the factory.
+
+**Signature:**
+
+```typescript
+id?: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.md
new file mode 100644
index 00000000000..96883e20c07
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.md
@@ -0,0 +1,151 @@
+---
+id: "fast-element.viewbehaviorfactory"
+title: "ViewBehaviorFactory interface"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.viewbehaviorfactory"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ViewBehaviorFactory interface"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.viewbehaviorfactory"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ViewBehaviorFactory](../fast-element.viewbehaviorfactory/index.html)
+
+## ViewBehaviorFactory interface
+
+A factory that can create a [ViewBehavior](../fast-element.viewbehavior/) associated with a particular location within a DOM fragment.
+
+**Signature:**
+
+```typescript
+export interface ViewBehaviorFactory
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[id?](../fast-element.viewbehaviorfactory.id/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+_(Optional)_ The unique id of the factory.
+
+
+</td></tr>
+<tr><td>
+
+[policy?](../fast-element.viewbehaviorfactory.policy/)
+
+
+</td><td>
+
+
+</td><td>
+
+[DOMPolicy](../fast-element.dompolicy/)
+
+
+</td><td>
+
+_(Optional)_ The policy that the created behavior must run under.
+
+
+</td></tr>
+<tr><td>
+
+[targetNodeId?](../fast-element.viewbehaviorfactory.targetnodeid/)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+_(Optional)_ The structural id of the DOM node to which the created behavior will apply.
+
+
+</td></tr>
+<tr><td>
+
+[targetTagName?](../fast-element.viewbehaviorfactory.targettagname/)
+
+
+</td><td>
+
+
+</td><td>
+
+string \| null
+
+
+</td><td>
+
+_(Optional)_ The tag name of the DOM node to which the created behavior will apply.
+
+
+</td></tr>
+</tbody></table>
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[createBehavior()](../fast-element.viewbehaviorfactory.createbehavior/)
+
+
+</td><td>
+
+Creates a behavior.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.policy.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.policy.md
new file mode 100644
index 00000000000..54594709524
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.policy.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.viewbehaviorfactory.policy"
+title: "ViewBehaviorFactory.policy property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.viewbehaviorfactory.policy"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ViewBehaviorFactory.policy property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.viewbehaviorfactory.policy"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ViewBehaviorFactory](../fast-element.viewbehaviorfactory/index.html) &gt; [policy](../fast-element.viewbehaviorfactory.policy/index.html)
+
+## ViewBehaviorFactory.policy property
+
+The policy that the created behavior must run under.
+
+**Signature:**
+
+```typescript
+policy?: DOMPolicy;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.targetnodeid.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.targetnodeid.md
new file mode 100644
index 00000000000..c24ec166950
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.targetnodeid.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.viewbehaviorfactory.targetnodeid"
+title: "ViewBehaviorFactory.targetNodeId property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.viewbehaviorfactory.targetnodeid"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ViewBehaviorFactory.targetNodeId property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.viewbehaviorfactory.targetnodeid"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ViewBehaviorFactory](../fast-element.viewbehaviorfactory/index.html) &gt; [targetNodeId](../fast-element.viewbehaviorfactory.targetnodeid/index.html)
+
+## ViewBehaviorFactory.targetNodeId property
+
+The structural id of the DOM node to which the created behavior will apply.
+
+**Signature:**
+
+```typescript
+targetNodeId?: string;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.targettagname.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.targettagname.md
new file mode 100644
index 00000000000..145fe4f7f02
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewbehaviorfactory.targettagname.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.viewbehaviorfactory.targettagname"
+title: "ViewBehaviorFactory.targetTagName property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.viewbehaviorfactory.targettagname"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ViewBehaviorFactory.targetTagName property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.viewbehaviorfactory.targettagname"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ViewBehaviorFactory](../fast-element.viewbehaviorfactory/index.html) &gt; [targetTagName](../fast-element.viewbehaviorfactory.targettagname/index.html)
+
+## ViewBehaviorFactory.targetTagName property
+
+The tag name of the DOM node to which the created behavior will apply.
+
+**Signature:**
+
+```typescript
+targetTagName?: string | null;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate._constructor_.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate._constructor_.md
new file mode 100644
index 00000000000..2d035857a38
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate._constructor_.md
@@ -0,0 +1,92 @@
+---
+id: "fast-element.viewtemplate._constructor_"
+title: "ViewTemplate.(constructor)"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.viewtemplate._constructor_"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ViewTemplate.(constructor)"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.viewtemplate._constructor_"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ViewTemplate](../fast-element.viewtemplate/index.html) &gt; [(constructor)](../fast-element.viewtemplate._constructor_/index.html)
+
+## ViewTemplate.(constructor)
+
+Creates an instance of ViewTemplate.
+
+**Signature:**
+
+```typescript
+constructor(html: string | HTMLTemplateElement, factories?: Record<string, ViewBehaviorFactory>, policy?: DOMPolicy | undefined);
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+html
+
+
+</td><td>
+
+string \| HTMLTemplateElement
+
+
+</td><td>
+
+The html representing what this template will instantiate, including placeholders for directives.
+
+
+</td></tr>
+<tr><td>
+
+factories
+
+
+</td><td>
+
+Record&lt;string, [ViewBehaviorFactory](../fast-element.viewbehaviorfactory/)<!-- -->&gt;
+
+
+</td><td>
+
+_(Optional)_ The directives that will be connected to placeholders in the html.
+
+
+</td></tr>
+<tr><td>
+
+policy
+
+
+</td><td>
+
+[DOMPolicy](../fast-element.dompolicy/) \| undefined
+
+
+</td><td>
+
+_(Optional)_ The security policy to use when compiling this template.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.create.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.create.md
new file mode 100644
index 00000000000..c83aec32b7c
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.create.md
@@ -0,0 +1,108 @@
+---
+id: "fast-element.viewtemplate.create"
+title: "ViewTemplate.create() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.viewtemplate.create"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ViewTemplate.create() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.viewtemplate.create"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ViewTemplate](../fast-element.viewtemplate/index.html) &gt; [create](../fast-element.viewtemplate.create/index.html)
+
+## ViewTemplate.create() method
+
+Processes the tagged template literal's static strings and interpolated values and creates a ViewTemplate.
+
+For each interpolated value: 1. Functions (binding expressions, e.g., `x => x.name`<!-- -->) → wrapped in a one-way HTMLBindingDirective 2. Binding instances → wrapped in an HTMLBindingDirective 3. HTMLDirective instances → used as-is 4. Static values (strings, numbers) → wrapped in a one-time HTMLBindingDirective
+
+Each directive's createHTML() is called with an `add` callback that registers the factory in the factories record under a unique ID and returns that ID. The directive inserts a placeholder marker (e.g., `fast-abc123{0}fast-abc123`<!-- -->) into the HTML string so the compiler can later find and associate it with the factory.
+
+Aspect detection happens here too: the `lastAttributeNameRegex` checks whether the placeholder appears inside an attribute value, and if so, assignAspect() sets the correct DOMAspect (attribute, property, event, etc.) based on the attribute name prefix.
+
+**Signature:**
+
+```typescript
+static create<TSource = any, TParent = any>(strings: string[], values: TemplateValue<TSource, TParent>[], policy?: DOMPolicy): ViewTemplate<TSource, TParent>;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+strings
+
+
+</td><td>
+
+string\[\]
+
+
+</td><td>
+
+The static strings to create the template with.
+
+
+</td></tr>
+<tr><td>
+
+values
+
+
+</td><td>
+
+[TemplateValue](../fast-element.templatevalue/)<!-- -->&lt;TSource, TParent&gt;\[\]
+
+
+</td><td>
+
+The dynamic values to create the template with.
+
+
+</td></tr>
+<tr><td>
+
+policy
+
+
+</td><td>
+
+[DOMPolicy](../fast-element.dompolicy/)
+
+
+</td><td>
+
+_(Optional)_ The DOMPolicy to associated with the template.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+[ViewTemplate](../fast-element.viewtemplate/)<!-- -->&lt;TSource, TParent&gt;
+
+A ViewTemplate.
+
+## Remarks
+
+This API should not be used directly under normal circumstances because constructing a template in this way, if not done properly, can open up the application to XSS attacks. When using this API, provide a strong DOMPolicy that can properly sanitize and also be sure to manually sanitize all static strings particularly if they can come from user input.
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.factories.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.factories.md
new file mode 100644
index 00000000000..04362597d86
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.factories.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.viewtemplate.factories"
+title: "ViewTemplate.factories property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.viewtemplate.factories"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ViewTemplate.factories property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.viewtemplate.factories"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ViewTemplate](../fast-element.viewtemplate/index.html) &gt; [factories](../fast-element.viewtemplate.factories/index.html)
+
+## ViewTemplate.factories property
+
+The directives that will be connected to placeholders in the html.
+
+**Signature:**
+
+```typescript
+readonly factories: Record<string, ViewBehaviorFactory>;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.html.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.html.md
new file mode 100644
index 00000000000..5a506d7737c
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.html.md
@@ -0,0 +1,24 @@
+---
+id: "fast-element.viewtemplate.html"
+title: "ViewTemplate.html property"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.viewtemplate.html"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ViewTemplate.html property"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.viewtemplate.html"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ViewTemplate](../fast-element.viewtemplate/index.html) &gt; [html](../fast-element.viewtemplate.html/index.html)
+
+## ViewTemplate.html property
+
+The html representing what this template will instantiate, including placeholders for directives.
+
+**Signature:**
+
+```typescript
+readonly html: string | HTMLTemplateElement;
+```
\ No newline at end of file
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.inline.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.inline.md
new file mode 100644
index 00000000000..2705301e6aa
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.inline.md
@@ -0,0 +1,27 @@
+---
+id: "fast-element.viewtemplate.inline"
+title: "ViewTemplate.inline() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.viewtemplate.inline"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ViewTemplate.inline() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.viewtemplate.inline"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ViewTemplate](../fast-element.viewtemplate/index.html) &gt; [inline](../fast-element.viewtemplate.inline/index.html)
+
+## ViewTemplate.inline() method
+
+Returns a directive that can inline the template.
+
+**Signature:**
+
+```typescript
+inline(): CaptureType;
+```
+**Returns:**
+
+[CaptureType](../fast-element.capturetype/)
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.md
new file mode 100644
index 00000000000..ea2e00ad285
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.md
@@ -0,0 +1,224 @@
+---
+id: "fast-element.viewtemplate"
+title: "ViewTemplate class"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.viewtemplate"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ViewTemplate class"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.viewtemplate"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ViewTemplate](../fast-element.viewtemplate/index.html)
+
+## ViewTemplate class
+
+A template capable of creating HTMLView instances or rendering directly to DOM.
+
+**Signature:**
+
+```typescript
+export declare class ViewTemplate<TSource = any, TParent = any> implements ElementViewTemplate<TSource, TParent>, SyntheticViewTemplate<TSource, TParent>
+```
+**Implements:** [ElementViewTemplate](../fast-element.elementviewtemplate/)<!-- -->&lt;TSource, TParent&gt;, [SyntheticViewTemplate](../fast-element.syntheticviewtemplate/)<!-- -->&lt;TSource, TParent&gt;
+
+## Constructors
+
+<table><thead><tr><th>
+
+Constructor
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[(constructor)(html, factories, policy)](../fast-element.viewtemplate._constructor_/)
+
+
+</td><td>
+
+
+</td><td>
+
+Creates an instance of ViewTemplate.
+
+
+</td></tr>
+</tbody></table>
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[factories](../fast-element.viewtemplate.factories/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+Record&lt;string, [ViewBehaviorFactory](../fast-element.viewbehaviorfactory/)<!-- -->&gt;
+
+
+</td><td>
+
+The directives that will be connected to placeholders in the html.
+
+
+</td></tr>
+<tr><td>
+
+[html](../fast-element.viewtemplate.html/)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+string \| HTMLTemplateElement
+
+
+</td><td>
+
+The html representing what this template will instantiate, including placeholders for directives.
+
+
+</td></tr>
+</tbody></table>
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[create(hostBindingTarget)](../fast-element.viewtemplate.create/)
+
+
+</td><td>
+
+
+</td><td>
+
+Creates an HTMLView instance based on this template definition.
+
+
+</td></tr>
+<tr><td>
+
+[create(strings, values, policy)](../fast-element.viewtemplate.create/)
+
+
+</td><td>
+
+`static`
+
+
+</td><td>
+
+Processes the tagged template literal's static strings and interpolated values and creates a ViewTemplate.
+
+For each interpolated value: 1. Functions (binding expressions, e.g., `x => x.name`<!-- -->) → wrapped in a one-way HTMLBindingDirective 2. Binding instances → wrapped in an HTMLBindingDirective 3. HTMLDirective instances → used as-is 4. Static values (strings, numbers) → wrapped in a one-time HTMLBindingDirective
+
+Each directive's createHTML() is called with an `add` callback that registers the factory in the factories record under a unique ID and returns that ID. The directive inserts a placeholder marker (e.g., `fast-abc123{0}fast-abc123`<!-- -->) into the HTML string so the compiler can later find and associate it with the factory.
+
+Aspect detection happens here too: the `lastAttributeNameRegex` checks whether the placeholder appears inside an attribute value, and if so, assignAspect() sets the correct DOMAspect (attribute, property, event, etc.) based on the attribute name prefix.
+
+
+</td></tr>
+<tr><td>
+
+[inline()](../fast-element.viewtemplate.inline/)
+
+
+</td><td>
+
+
+</td><td>
+
+Returns a directive that can inline the template.
+
+
+</td></tr>
+<tr><td>
+
+[render(source, host, hostBindingTarget)](../fast-element.viewtemplate.render/)
+
+
+</td><td>
+
+
+</td><td>
+
+Creates an HTMLView from this template, binds it to the source, and then appends it to the host.
+
+
+</td></tr>
+<tr><td>
+
+[withPolicy(policy)](../fast-element.viewtemplate.withpolicy/)
+
+
+</td><td>
+
+
+</td><td>
+
+Sets the DOMPolicy for this template.
+
+
+</td></tr>
+</tbody></table>
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.render.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.render.md
new file mode 100644
index 00000000000..37e10ebbc2a
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.render.md
@@ -0,0 +1,96 @@
+---
+id: "fast-element.viewtemplate.render"
+title: "ViewTemplate.render() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.viewtemplate.render"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ViewTemplate.render() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.viewtemplate.render"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ViewTemplate](../fast-element.viewtemplate/index.html) &gt; [render](../fast-element.viewtemplate.render/index.html)
+
+## ViewTemplate.render() method
+
+Creates an HTMLView from this template, binds it to the source, and then appends it to the host.
+
+**Signature:**
+
+```typescript
+render(source: TSource, host: Node, hostBindingTarget?: Element): HTMLView<TSource, TParent>;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+source
+
+
+</td><td>
+
+TSource
+
+
+</td><td>
+
+The data source to bind the template to.
+
+
+</td></tr>
+<tr><td>
+
+host
+
+
+</td><td>
+
+Node
+
+
+</td><td>
+
+The Element where the template will be rendered.
+
+
+</td></tr>
+<tr><td>
+
+hostBindingTarget
+
+
+</td><td>
+
+Element
+
+
+</td><td>
+
+_(Optional)_ An HTML element to target the host bindings at if different from the host that the template is being attached to.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+[HTMLView](../fast-element.htmlview/)<!-- -->&lt;TSource, TParent&gt;
diff --git a/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.withpolicy.md b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.withpolicy.md
new file mode 100644
index 00000000000..8b79862d8d9
--- /dev/null
+++ b/sites/website/src/docs/3.x/api/fast-element/declarative/fast-element.viewtemplate.withpolicy.md
@@ -0,0 +1,70 @@
+---
+id: "fast-element.viewtemplate.withpolicy"
+title: "ViewTemplate.withPolicy() method"
+layout: 3x-api
+eleventyNavigation:
+  key: "declarative.jsapi3xfast-element.viewtemplate.withpolicy"
+  parent: "@microsoft/fast-element/declarative.js3x"
+  title: "ViewTemplate.withPolicy() method"
+navigationOptions:
+  activeKey: "declarative.jsapi3xfast-element.viewtemplate.withpolicy"
+---
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[@microsoft/fast-element/declarative.js](../fast-element/index.html) &gt; [ViewTemplate](../fast-element.viewtemplate/index.html) &gt; [withPolicy](../fast-element.viewtemplate.withpolicy/index.html)
+
+## ViewTemplate.withPolicy() method
+
+Sets the DOMPolicy for this template.
+
+**Signature:**
+
+```typescript
+withPolicy(policy: DOMPolicy): this;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+policy
+
+
+</td><td>
+
+[DOMPolicy](../fast-element.dompolicy/)
+
+
+</td><td>
+
+The policy to associated with this template.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+this
+
+The modified template instance.
+
+## Remarks
+
+The DOMPolicy can only be set once for a template and cannot be set after the template is compiled.
diff --git a/sites/website/src/docs/3.x/api/fast-element/di/fast-element.domcontainer.handlecontextrequests.md b/sites/website/src/docs/3.x/api/fast-element/di/fast-element.domcontainer.handlecontextrequests.md
index 3b3d742e9a7..4026a0cf341 100644
--- a/sites/website/src/docs/3.x/api/fast-element/di/fast-element.domcontainer.handlecontextrequests.md
+++ b/sites/website/src/docs/3.x/api/fast-element/di/fast-element.domcontainer.handlecontextrequests.md
@@ -16,7 +16,7 @@ navigationOptions:
 ## DOMContainer.handleContextRequests() method
 
 > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
+>
 
 Instructs this particular Container to handle W3C Community Context requests that propagate to its associated DOM node.
 
diff --git a/sites/website/src/docs/3.x/api/fast-element/di/fast-element.factory.md b/sites/website/src/docs/3.x/api/fast-element/di/fast-element.factory.md
index 95553f81811..16e53a7c2a5 100644
--- a/sites/website/src/docs/3.x/api/fast-element/di/fast-element.factory.md
+++ b/sites/website/src/docs/3.x/api/fast-element/di/fast-element.factory.md
@@ -20,7 +20,7 @@ Used by the default Resolver to create instances of objects when needed.
 **Signature:**
 
 ```typescript
-export interface Factory<T extends Constructable = any> 
+export interface Factory<T extends Constructable = any>
 ```
 
 ## Properties
diff --git a/sites/website/src/docs/3.x/api/fast-element/di/fast-element.interfaceconfiguration.md b/sites/website/src/docs/3.x/api/fast-element/di/fast-element.interfaceconfiguration.md
index e215e9560b1..7857c3c56c3 100644
--- a/sites/website/src/docs/3.x/api/fast-element/di/fast-element.interfaceconfiguration.md
+++ b/sites/website/src/docs/3.x/api/fast-element/di/fast-element.interfaceconfiguration.md
@@ -20,7 +20,7 @@ Used to configure a dependency injection interface key.
 **Signature:**
 
 ```typescript
-export interface InterfaceConfiguration 
+export interface InterfaceConfiguration
 ```
 
 ## Properties
@@ -80,7 +80,7 @@ boolean
 
 </td><td>
 
-_(Optional)_ When true, the dependency will be re-resolved when FASTElement connection changes. If the resolved value changes due to connection change, a  will be emitted for the property, with the previous and next values provided to any subscriber.
+_(Optional)_ When true, the dependency will be re-resolved when FASTElement connection changes. If the resolved value changes due to connection change, an observable notification will be emitted for the property, with the previous and next values provided to any subscriber.
 
 
 </td></tr>
diff --git a/sites/website/src/docs/3.x/api/fast-element/di/fast-element.interfaceconfiguration.respectconnection.md b/sites/website/src/docs/3.x/api/fast-element/di/fast-element.interfaceconfiguration.respectconnection.md
index 0ff892ae8a4..f777e5fb8f9 100644
--- a/sites/website/src/docs/3.x/api/fast-element/di/fast-element.interfaceconfiguration.respectconnection.md
+++ b/sites/website/src/docs/3.x/api/fast-element/di/fast-element.interfaceconfiguration.respectconnection.md
@@ -15,7 +15,7 @@ navigationOptions:
 
 ## InterfaceConfiguration.respectConnection property
 
-When true, the dependency will be re-resolved when FASTElement connection changes. If the resolved value changes due to connection change, a  will be emitted for the property, with the previous and next values provided to any subscriber.
+When true, the dependency will be re-resolved when FASTElement connection changes. If the resolved value changes due to connection change, an observable notification will be emitted for the property, with the previous and next values provided to any subscriber.
 
 **Signature:**
 
diff --git a/sites/website/src/docs/3.x/api/fast-element/di/fast-element.registry.md b/sites/website/src/docs/3.x/api/fast-element/di/fast-element.registry.md
index f27908b4b77..321ee60f8fa 100644
--- a/sites/website/src/docs/3.x/api/fast-element/di/fast-element.registry.md
+++ b/sites/website/src/docs/3.x/api/fast-element/di/fast-element.registry.md
@@ -20,7 +20,7 @@ Implemented by objects that which to register dependencies in a container.
 **Signature:**
 
 ```typescript
-export interface Registry 
+export interface Registry
 ```
 
 ## Methods
diff --git a/sites/website/src/docs/3.x/api/fast-element/di/fast-element.resolver.md b/sites/website/src/docs/3.x/api/fast-element/di/fast-element.resolver.md
index 852663e5ab6..6df598fd4d3 100644
--- a/sites/website/src/docs/3.x/api/fast-element/di/fast-element.resolver.md
+++ b/sites/website/src/docs/3.x/api/fast-element/di/fast-element.resolver.md
@@ -20,6 +20,6 @@ Internally, the DI system maps "keys" to "resolvers". A resolver controls how a
 **Signature:**
 
 ```typescript
-export interface Resolver<K = any> extends ResolverLike<Container, K> 
+export interface Resolver<K = any> extends ResolverLike<Container, K>
 ```
 **Extends:** ResolverLike&lt;[Container](../fast-element.container/)<!-- -->, K&gt;
diff --git a/sites/website/src/docs/3.x/api/fast-element/di/fast-element.resolverbuilder.md b/sites/website/src/docs/3.x/api/fast-element/di/fast-element.resolverbuilder.md
index e0da42ef4bf..8284d112608 100644
--- a/sites/website/src/docs/3.x/api/fast-element/di/fast-element.resolverbuilder.md
+++ b/sites/website/src/docs/3.x/api/fast-element/di/fast-element.resolverbuilder.md
@@ -20,7 +20,7 @@ A utility class used that constructs and registers resolvers for a dependency in
 **Signature:**
 
 ```typescript
-export declare class ResolverBuilder<K> 
+export declare class ResolverBuilder<K>
 ```
 
 ## Constructors
diff --git a/sites/website/src/docs/3.x/declarative-templates/defining-elements.md b/sites/website/src/docs/3.x/declarative-templates/defining-elements.md
index 125cc7cd1d8..437780f0dc6 100644
--- a/sites/website/src/docs/3.x/declarative-templates/defining-elements.md
+++ b/sites/website/src/docs/3.x/declarative-templates/defining-elements.md
@@ -29,7 +29,7 @@ A declarative FASTElement component requires a JavaScript class definition with
 **1. Define the component class** with `template: declarativeTemplate()`:
 
 ```ts
-import { FASTElement, attr } from "@microsoft/fast-element";
+import { attr, FASTElement } from "@microsoft/fast-element";
 import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
 
 class MyCounter extends FASTElement {
@@ -42,7 +42,7 @@ MyCounter.define({
 });
 ```
 
-The `template: declarativeTemplate()` setting tells FAST to wait for a matching `<f-template>` element before completing registration. It automatically defines the `<f-template>` custom element in the relevant registry. If pre-rendered content exists in the DOM, it will be hydrated rather than replaced.
+The `template: declarativeTemplate()` setting tells FAST to wait for a matching `<f-template>` element before completing registration. It automatically defines FAST's internal `<f-template>` publisher in the relevant registry. If pre-rendered content exists in the DOM, call `enableHydration()` before elements connect to hydrate it; otherwise the element renders client-side.
 
 **2. Write the template** in an HTML file:
 
@@ -75,8 +75,7 @@ my-app/
 **`main.ts`:**
 
 ```ts
-import { FASTElement, attr, observable } from "@microsoft/fast-element";
-import { css } from "@microsoft/fast-element/styles.js";
+import { attr, css, FASTElement, observable } from "@microsoft/fast-element";
 import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
 
 class TaskItem extends FASTElement {
@@ -120,15 +119,13 @@ TaskItem.define({
 
 ## Extensions
 
-The `observerMap()` and `attributeMap()` functions are define extensions — they are passed as the second argument to `define()` and run before the element is registered with the platform.
+The `observerMap()` and `attributeMap()` functions are define extensions — they are passed as the second argument to `define()` and run before the element is registered with the platform. They are exported from `@microsoft/fast-element/observer-map.js` and `@microsoft/fast-element/attribute-map.js` so they can be used with declarative templates or with manually supplied schemas.
 
 ```ts
 import { FASTElement } from "@microsoft/fast-element";
-import {
-    declarativeTemplate,
-    observerMap,
-    attributeMap,
-} from "@microsoft/fast-element/declarative.js";
+import { attributeMap } from "@microsoft/fast-element/attribute-map.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
 
 class MyElement extends FASTElement {}
 
@@ -141,7 +138,7 @@ MyElement.define(
 );
 ```
 
-Calling `observerMap()` or `attributeMap()` with no arguments applies the default behavior for all properties. You can also pass configuration objects for fine-grained control (see below).
+Calling `observerMap()` or `attributeMap()` with no arguments applies the default behavior for all properties in the schema. `declarativeTemplate()` assigns a schema to the FAST element definition automatically during template resolution. Non-declarative users can provide a manual schema on the definition; `observerMap()` can also receive one directly with `observerMap({ schema })`.
 
 ## ObserverMap
 
@@ -152,7 +149,8 @@ The `observerMap` option automatically sets up deep reactive observation for pro
 Pass `observerMap()` with no arguments to observe every root property found in the template:
 
 ```ts
-import { declarativeTemplate, observerMap } from "@microsoft/fast-element/declarative.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
 
 UserProfile.define(
     {
@@ -213,7 +211,7 @@ Each entry in the path tree can be:
 Use `$observe: false` on a node to skip it by default, then selectively include specific children:
 
 ```ts
-observerMap: {
+observerMap({
     properties: {
         analytics: {
             charts: {
@@ -222,19 +220,47 @@ observerMap: {
             },
         },
     },
-}
+});
 ```
 
-When `properties` is omitted or set to `"all"`, all root properties are observed. When `properties` is present but empty (`{ properties: {} }`), no root properties are observed.
+When `properties` is omitted, all root properties are observed. When `properties` is present but empty (`{ properties: {} }`), no root properties are observed.
+
+### Non-declarative Schemas
+
+For components that do not use `declarativeTemplate()`, create or obtain a `Schema` and pass it to `observerMap()`:
+
+```ts
+import { FASTElement, Schema } from "@microsoft/fast-element";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+
+class UserProfile extends FASTElement {}
+
+const schema = new Schema("user-profile");
+schema.addPath({
+    rootPropertyName: "user",
+    pathConfig: {
+        type: "default",
+        parentContext: null,
+        currentContext: null,
+        path: "user.name",
+    },
+    childrenMap: null,
+});
+
+UserProfile.define({ name: "user-profile" }, [observerMap({ schema })]);
+```
+
+You can also attach the schema to the definition and call `observerMap()` without a schema argument.
 
 ## AttributeMap
 
-The `attributeMap` option automatically creates reactive `@attr` properties for leaf bindings in the template — simple expressions like `{{greeting}}` that have no nested dot-notation paths.
+The `attributeMap` option automatically creates reactive `@attr` properties for leaf bindings in the template — simple expressions like `{{greeting}}` that have no nested dot-notation paths. Declarative templates provide the schema automatically; non-declarative users should attach a manual `schema` to the FAST element definition before applying `attributeMap()`.
 
 ### Enable for All Leaf Bindings
 
 ```ts
-import { declarativeTemplate, attributeMap } from "@microsoft/fast-element/declarative.js";
+import { attributeMap } from "@microsoft/fast-element/attribute-map.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
 
 GreetingCard.define(
     {
@@ -295,11 +321,9 @@ Both extensions can be used together for a fully declarative component:
 
 ```ts
 import { FASTElement } from "@microsoft/fast-element";
-import {
-    declarativeTemplate,
-    observerMap,
-    attributeMap,
-} from "@microsoft/fast-element/declarative.js";
+import { attributeMap } from "@microsoft/fast-element/attribute-map.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
 
 class ProductCard extends FASTElement {}
 
@@ -323,8 +347,8 @@ ProductCard.define(
 ```
 
 In this example:
-- `attributeMap: "all"` auto-registers `name` and `price` as `@attr` properties (leaf bindings).
-- `observerMap: "all"` enables deep observation so that changes to `details.description` trigger re-renders.
+- `attributeMap()` auto-registers `name` and `price` as `@attr` properties (leaf bindings).
+- `observerMap()` enables deep observation so that changes to `details.description` trigger re-renders.
 - The `details` property is not registered as an `@attr` because it has nested paths — it would typically be set programmatically.
 
 ## Custom Extensions
diff --git a/sites/website/src/docs/3.x/declarative-templates/lifecycle-callbacks.md b/sites/website/src/docs/3.x/declarative-templates/lifecycle-callbacks.md
index 43e15aad443..220556099c4 100644
--- a/sites/website/src/docs/3.x/declarative-templates/lifecycle-callbacks.md
+++ b/sites/website/src/docs/3.x/declarative-templates/lifecycle-callbacks.md
@@ -95,8 +95,8 @@ Steps 5–9 only fire when `enableHydration()` has been called and the element h
 ### Performance Monitoring
 
 ```typescript
-import { enableHydration } from "@microsoft/fast-element/hydration.js";
 import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 
 enableHydration({
     hydrationStarted() {
diff --git a/sites/website/src/docs/3.x/declarative-templates/overview.md b/sites/website/src/docs/3.x/declarative-templates/overview.md
index b257bb017df..c834c66ad89 100644
--- a/sites/website/src/docs/3.x/declarative-templates/overview.md
+++ b/sites/website/src/docs/3.x/declarative-templates/overview.md
@@ -46,7 +46,7 @@ A declarative FAST component requires three pieces: a JavaScript class, an `<f-t
 **1. Define the component class** (`main.ts`):
 
 ```ts
-import { FASTElement, attr } from "@microsoft/fast-element";
+import { attr, FASTElement } from "@microsoft/fast-element";
 import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
 
 class HelloWorld extends FASTElement {
@@ -82,7 +82,7 @@ HelloWorld.define({
 </html>
 ```
 
-When the page loads, `declarativeTemplate()` automatically defines `<f-template>` in the relevant registry, finds the `<f-template name="hello-world">` element, parses its inner `<template>`, and resolves the template for the `hello-world` definition. The component hydrates any pre-rendered content or renders client-side, and reactive bindings keep the DOM in sync with property changes.
+When the page loads, `declarativeTemplate()` automatically defines FAST's internal `<f-template>` publisher in the relevant registry, finds the `<f-template name="hello-world">` element, parses its inner `<template>`, and resolves the template for the `hello-world` definition. If you call `enableHydration()` before elements connect, matching pre-rendered content is hydrated; otherwise the component renders client-side. Reactive bindings keep the DOM in sync with property changes.
 
 ## How It Works
 
@@ -91,7 +91,7 @@ The declarative pipeline follows these steps:
 1. **Define** — The component class is registered with `template: declarativeTemplate()`, which tells FAST to wait for a matching `<f-template>` element and automatically defines the `<f-template>` custom element in the registry.
 2. **Parse** — When `<f-template>` connects to the DOM, `TemplateParser` converts the declarative markup into the same internal `ViewTemplate` that the imperative `html` tag produces.
 3. **Resolve** — The template is resolved through the bridge and assigned to the element definition before `define()` completes.
-4. **Hydrate** — If the page contains pre-rendered content (from a server), existing DOM nodes are reused rather than replaced. If no pre-rendered content exists, the template renders client-side.
+4. **Render or hydrate** — If `enableHydration()` was called and the page contains pre-rendered content, existing DOM nodes are reused. Otherwise the template renders client-side.
 
 ## Declarative vs. Imperative Syntax
 
@@ -100,7 +100,7 @@ The same component can be expressed either way. Here is a side-by-side compariso
 **Imperative:**
 
 ```ts
-import { FASTElement, attr, html } from "@microsoft/fast-element";
+import { attr, FASTElement, html } from "@microsoft/fast-element";
 
 const template = html<NameTag>`
     <h3>${x => x.greeting}</h3>
@@ -116,7 +116,7 @@ NameTag.define({ name: "name-tag", template });
 **Declarative:**
 
 ```ts
-import { FASTElement, attr } from "@microsoft/fast-element";
+import { attr, FASTElement } from "@microsoft/fast-element";
 import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
 
 class NameTag extends FASTElement {
diff --git a/sites/website/src/docs/3.x/declarative-templates/server-rendering.md b/sites/website/src/docs/3.x/declarative-templates/server-rendering.md
index a54e4f3df27..0a8a04ea0c2 100644
--- a/sites/website/src/docs/3.x/declarative-templates/server-rendering.md
+++ b/sites/website/src/docs/3.x/declarative-templates/server-rendering.md
@@ -74,7 +74,7 @@ The end-to-end flow from server to interactive page follows these steps:
 2. **Browser loads HTML** — The browser parses the page. Declarative Shadow DOM `<template>` elements are automatically expanded into shadow roots.
 3. **JavaScript loads** — Component classes are defined with `template: declarativeTemplate()`, which waits for matching `<f-template>` elements and resolves the template.
 4. **Template resolution** — `declarativeTemplate()` coordinates with the `<f-template>` elements to parse the declarative markup and supply the compiled template to each element definition.
-5. **Hydration** — FAST detects the pre-rendered shadow DOM, maps existing DOM nodes to binding slots using hydration markers, and re-establishes reactive observations.
+5. **Hydration** — If `enableHydration()` was called before FAST elements connect, FAST detects the pre-rendered shadow DOM, maps existing DOM nodes to binding slots using hydration markers, and re-establishes reactive observations. Without `enableHydration()`, the element renders client-side instead.
 6. **Interactive** — The page is fully interactive. Property changes trigger targeted DOM updates.
 
 :::tip
@@ -223,7 +223,7 @@ fast build --attribute-name-strategy=none --templates="./components/**/*.html"
 ```
 
 :::important
-The attribute name strategy must match between the server-side build and the client-side `attributeMap` configuration. If the build uses `--attribute-name-strategy=none`, configure the client with `attributeMap({ "attribute-name-strategy": "none" })`.
+The attribute name strategy must match between the server-side build and the client-side `attributeMap` configuration. If the build uses `--attribute-name-strategy=none`, import `attributeMap` from `@microsoft/fast-element/attribute-map.js` and configure the client with `attributeMap({ "attribute-name-strategy": "none" })`. Existing declarative imports remain supported.
 :::
 
 ## Writing Components for SSR
diff --git a/sites/website/src/docs/3.x/getting-started/css-templates.md b/sites/website/src/docs/3.x/getting-started/css-templates.md
index 92f0c055b23..d45fe1f7cc7 100644
--- a/sites/website/src/docs/3.x/getting-started/css-templates.md
+++ b/sites/website/src/docs/3.x/getting-started/css-templates.md
@@ -16,12 +16,11 @@ keywords:
 
 # CSS Templates
 
-The `@microsoft/fast-element/styles.js` module offers a named export `css` which is a [tag template literal](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals). It can be used to create CSS snippets which will become your web components CSS. These styles are [adoptedStylesheets](https://developer.mozilla.org/en-US/docs/Web/API/Document/adoptedStyleSheets) and associated with the `ShadowRoot`, they therefore do not affect styling in the rest of the document. To share styles between a document and web components, we suggest using [CSS properties](https://developer.mozilla.org/en-US/docs/Web/CSS/--*).
+The `@microsoft/fast-element` module offers a named export `css` which is a [tag template literal](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals). It can be used to create CSS snippets which will become your web components CSS. These styles are [adoptedStylesheets](https://developer.mozilla.org/en-US/docs/Web/API/Document/adoptedStyleSheets) and associated with the `ShadowRoot`, they therefore do not affect styling in the rest of the document. To share styles between a document and web components, we suggest using [CSS properties](https://developer.mozilla.org/en-US/docs/Web/CSS/--*).
 
 **Example:**
 ```ts
-import { FASTElement, attr, html } from '@microsoft/fast-element';
-import { css } from "@microsoft/fast-element/styles.js";
+import { attr, css, FASTElement, html } from '@microsoft/fast-element';
 
 const template = html`
   <span>${x => x.greeting.toUpperCase()}</span>
diff --git a/sites/website/src/docs/3.x/getting-started/fast-element.md b/sites/website/src/docs/3.x/getting-started/fast-element.md
index 876818f78bb..8de4276f9fd 100644
--- a/sites/website/src/docs/3.x/getting-started/fast-element.md
+++ b/sites/website/src/docs/3.x/getting-started/fast-element.md
@@ -23,7 +23,7 @@ Attributes are defined using the `@attr` decorator.
 
 **Example:**
 ```ts
-import { FASTElement, attr } from '@microsoft/fast-element';
+import { attr, FASTElement } from '@microsoft/fast-element';
 
 export class MyElement extends FASTElement {
   @attr
@@ -46,7 +46,7 @@ An `@attr` can take a configuration with the following options:
 
 Example with a custom attribute name and boolean mode:
 ```ts
-import { FASTElement, attr } from '@microsoft/fast-element';
+import { attr, FASTElement } from '@microsoft/fast-element';
 
 export class MyElement extends FASTElement {
   @attr({
@@ -89,7 +89,7 @@ Here's how it works:
 **Example: An Attribute in Reflect Mode with Custom Conversion**
 
 ```ts
-import { FASTElement, attr, ValueConverter } from '@microsoft/fast-element';
+import { attr, FASTElement, type ValueConverter } from '@microsoft/fast-element';
 
 const numberConverter: ValueConverter = {
   toView(value: any): string {
@@ -112,9 +112,9 @@ MyCounter.define({
 
 A few commonly used converters are available as well:
 
-- [booleanConverter](/docs/api/fast-element.booleanconverter)
-- [nullableBooleanConverter](/docs/api/fast-element.nullablebooleanconverter)
-- [nullableNumberConverter](/docs/api/fast-element.nullablenumberconverter)
+- [booleanConverter](/docs/3.x/api/fast-element/attr/fast-element.booleanconverter/)
+- [nullableBooleanConverter](/docs/3.x/api/fast-element/attr/fast-element.nullablebooleanconverter/)
+- [nullableNumberConverter](/docs/3.x/api/fast-element/attr/fast-element.nullablenumberconverter/)
 
 ## Observables
 
@@ -245,8 +245,7 @@ A typical configuration will at least include `name`, `template`, and `styles`.
 
 **Example:**
 ```ts
-import { attr, FASTElement, html } from "@microsoft/fast-element";
-import { css } from "@microsoft/fast-element/styles.js";
+import { attr, css, FASTElement, html } from "@microsoft/fast-element";
 
 const template = html`<span>Hello ${x => x.name}!</span>`
 
@@ -315,7 +314,7 @@ All Web Components support a series of lifecycle events that you can tap into to
 **Example: Tapping into the Custom Element Lifecycle**
 
 ```ts
-import { FASTElement, attr } from '@microsoft/fast-element';
+import { attr, FASTElement } from '@microsoft/fast-element';
 
 export class NameTag extends FASTElement {
   @attr
diff --git a/sites/website/src/docs/3.x/getting-started/html-directives.md b/sites/website/src/docs/3.x/getting-started/html-directives.md
index ffb90d49600..73c0bb818ae 100644
--- a/sites/website/src/docs/3.x/getting-started/html-directives.md
+++ b/sites/website/src/docs/3.x/getting-started/html-directives.md
@@ -29,7 +29,7 @@ Sometimes you need a direct reference to a single DOM node from your template. T
 **Example: Referencing an Element**
 
 ```ts
-import { FASTElement, attr, html, ref } from '@microsoft/fast-element';
+import { attr, FASTElement, html, ref } from '@microsoft/fast-element';
 
 const template = html<MP4Player>`
   <video ${ref('video')}>
@@ -101,7 +101,7 @@ Besides using `ref` to reference a single DOM node, you can use `children` to ge
 **Example: Referencing Child Nodes**
 
 ```ts
-import { FASTElement, html, children, repeat } from '@microsoft/fast-element';
+import { children, FASTElement, html, repeat } from '@microsoft/fast-element';
 
 const template = html<FriendList>`
   <ul ${children('listItems')}>
@@ -167,7 +167,7 @@ The `when` directive enables you to conditionally render blocks of HTML. When yo
 **Example: Conditional Rendering**
 
 ```ts
-import { FASTElement, observable, html, when } from '@microsoft/fast-element';
+import { FASTElement, html, observable, when } from '@microsoft/fast-element';
 
 const template = html<MyApp>`
   <h1>My App</h1>
@@ -231,7 +231,7 @@ To render a list of data, use the `repeat` directive, providing the list to rend
 **Example: List Rendering**
 
 ```ts
-import { FASTElement, observable, html, repeat } from '@microsoft/fast-element';
+import { FASTElement, html, observable, repeat } from '@microsoft/fast-element';
 
 const template = html<FriendList>`
   <h1>Friends</h1>
diff --git a/sites/website/src/docs/3.x/getting-started/html-templates.md b/sites/website/src/docs/3.x/getting-started/html-templates.md
index 35cac8acab0..14753cee1f2 100644
--- a/sites/website/src/docs/3.x/getting-started/html-templates.md
+++ b/sites/website/src/docs/3.x/getting-started/html-templates.md
@@ -16,7 +16,7 @@ keywords:
 
 # HTML Templates
 
-The `@microsoft/fast-element` package offers a named export `html` which is a [tag template literal](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals). It can be used to create HTML snippets which will become your web components shadow DOM.
+The `@microsoft/fast-element` module offers a named export `html` which is a [tag template literal](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals). It can be used to create HTML snippets which will become your web components shadow DOM.
 
 **Example:**
 ```typescript
@@ -33,7 +33,7 @@ When working with the `html` template, bindings allow more complex behavior than
 
 **Example:**
 ```ts
-import { FASTElement, attr, html } from '@microsoft/fast-element';
+import { attr, FASTElement, html } from '@microsoft/fast-element';
 
 const template = html<NameTag>`
   <h3>${x => x.greeting.toUpperCase()}</h3>
@@ -146,4 +146,4 @@ import { html } from '@microsoft/fast-element';
 const template = html<NameTag>`
   <div>${x => x.greeting}</div>
 `;
-```
\ No newline at end of file
+```
diff --git a/sites/website/src/docs/3.x/getting-started/quick-start.md b/sites/website/src/docs/3.x/getting-started/quick-start.md
index 09dbfde62a7..3262abf8201 100644
--- a/sites/website/src/docs/3.x/getting-started/quick-start.md
+++ b/sites/website/src/docs/3.x/getting-started/quick-start.md
@@ -27,8 +27,7 @@ A web component created using FAST is comprised of 3 parts, the HTML template, t
 
 To start, let's create a simple web component that combines all the necessary parts:
 ```typescript
-import { attr, FASTElement, html } from "@microsoft/fast-element";
-import { css } from "@microsoft/fast-element/styles.js";
+import { attr, css, FASTElement, html } from "@microsoft/fast-element";
 
 /**
  * Create an HTML template using the html tag template literal,
diff --git a/sites/website/src/docs/3.x/migration-guide.md b/sites/website/src/docs/3.x/migration-guide.md
index 2dc42da4592..8ccf1a4d8d1 100644
--- a/sites/website/src/docs/3.x/migration-guide.md
+++ b/sites/website/src/docs/3.x/migration-guide.md
@@ -39,8 +39,9 @@ enableHydration();
 Remove any `import "@microsoft/fast-element/install-hydration.js"` side-effect
 imports as part of the migration. The older
 `install-hydratable-view-templates.js` helper remains available for advanced
-use cases, but `@microsoft/fast-element/declarative.js` now installs hydration
-support lazily when declarative APIs create a template.
+use cases, but the preferred API is `enableHydration()`.
+`@microsoft/fast-element` no longer installs hydration
+automatically.
 
 ### `needsHydrationAttribute` and `deferHydrationAttribute` removed
 
@@ -73,8 +74,8 @@ HydratableElementController.config({
 
 3.x Example:
 ```ts
-import { enableHydration } from "@microsoft/fast-element/hydration.js";
 import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
 
 // Global hydration callbacks
 enableHydration({
@@ -114,7 +115,7 @@ connectedCallback() {
 ### Declarative HTML imports moved
 
 The `@microsoft/fast-html` package has been removed. Import declarative HTML
-APIs from the dedicated FAST Element entrypoints instead:
+APIs from the FAST Element root package instead:
 
 ```ts
 // Before
@@ -122,25 +123,94 @@ import { TemplateElement } from "@microsoft/fast-html";
 import { deepMerge } from "@microsoft/fast-html/utilities.js";
 
 // After
-import { TemplateElement } from "@microsoft/fast-element/declarative.js";
-import { deepMerge } from "@microsoft/fast-element/declarative/utilities.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { deepMerge } from "@microsoft/fast-element/declarative-utilities.js";
+```
+
+Import FAST Element APIs such as `FASTElement`, `FAST`, `ElementController`,
+definition/controller types, and helper APIs from `@microsoft/fast-element`:
+
+| API | Import path |
+|---|---|
+| `Updates` | `@microsoft/fast-element` |
+| `Observable`, `observable` | `@microsoft/fast-element` |
+| `attr`, `AttributeDefinition`, converters, `ValueConverter` | `@microsoft/fast-element` |
+| `Binding`, `oneWay`, `oneTime`, `listener` | `@microsoft/fast-element` |
+| `DOM`, `DOMAspect`, `DOMPolicy` | `@microsoft/fast-element` |
+| `Schema`, `schemaRegistry`, schema types | `@microsoft/fast-element` |
+| `css` | `@microsoft/fast-element` |
+| `html`, `ViewTemplate`, `HTMLView` | `@microsoft/fast-element` |
+| `Compiler`, `HTMLDirective`, `htmlDirective`, templating/view types | `@microsoft/fast-element` |
+| `render`, `RenderBehavior`, `RenderDirective` | `@microsoft/fast-element` |
+| `enableHydration`, `HydrationTracker`, hydration types | `@microsoft/fast-element/hydration.js` |
+| `ArrayObserver` | `@microsoft/fast-element` |
+| `volatile` | `@microsoft/fast-element` |
+| `children` | `@microsoft/fast-element` |
+| `elements`, `NodeObservationDirective` | `@microsoft/fast-element` |
+| `ref` | `@microsoft/fast-element` |
+| `slotted` | `@microsoft/fast-element` |
+| `when` | `@microsoft/fast-element` |
+| `repeat` | `@microsoft/fast-element` |
+
+Hydration is opt-in via `enableHydration()` from `@microsoft/fast-element/hydration.js`.
+
+### Declarative `TemplateElement` API removed
+
+The `<f-template>` implementation is now internal and is defined automatically
+when an element uses `template: declarativeTemplate()`.
+
+| Removed | Replacement |
+|---|---|
+| `TemplateElement` public export | `declarativeTemplate()` |
+| `TemplateElement.define({ name: "f-template" })` | No manual definition needed |
+| `TemplateElement.config(callbacks)` | `declarativeTemplate(callbacks)` for per-element callbacks and `enableHydration(options)` for global hydration callbacks |
+| `TemplateElement.options(...)` | `attributeMap()` and `observerMap()` define extensions |
+| `AttributeMap` / `ObserverMap` class exports from the old declarative public surface | `attributeMap()` / `observerMap()` helpers and config types |
+
+Import `declarativeTemplate()` and schema-driven map extensions from
+`@microsoft/fast-element`:
+
+```ts
+import { attributeMap } from "@microsoft/fast-element/attribute-map.js";
+import { declarativeTemplate } from "@microsoft/fast-element/declarative.js";
+import { enableHydration } from "@microsoft/fast-element/hydration.js";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+
+enableHydration();
+
+MyElement.define(
+    {
+        name: "my-element",
+        template: declarativeTemplate(),
+    },
+    [attributeMap(), observerMap()],
+);
 ```
 
-Keep importing core FAST Element APIs from `@microsoft/fast-element`. The
-dedicated declarative entrypoint owns the declarative runtime and installs
-hydration support lazily when declarative templates are created.
+`FASTElementDefinition.schema` is optional. Declarative templates assign it
+automatically during template resolution. Non-declarative users can provide a
+manual schema on the definition, or pass one directly to `observerMap({ schema
+})`.
+
+```ts
+import { Schema } from "@microsoft/fast-element";
+import { observerMap } from "@microsoft/fast-element/observer-map.js";
+
+const schema = new Schema("my-element");
+MyElement.define({ name: "my-element" }, [observerMap({ schema })]);
+```
 
 ### `debug.js` requires explicit enablement
 
-`@microsoft/fast-element/debug.js` no longer configures FAST just by being
+`@microsoft/fast-element` no longer configures FAST just by being
 imported. Call `enableDebug()` explicitly instead:
 
 ```ts
 // Before
-import "@microsoft/fast-element/debug.js";
+import "@microsoft/fast-element";
 
 // After
-import { enableDebug } from "@microsoft/fast-element/debug.js";
+import { enableDebug } from "@microsoft/fast-element";
 
 enableDebug();
 ```
@@ -245,46 +315,38 @@ The `FASTGlobal` interface type has been removed. Code that referenced this type
 
 The `KernelServiceId` enum (used with `FAST.getById()`) has been removed. Import kernel services directly from their respective modules.
 
-### `css` and style APIs moved to `@microsoft/fast-element/styles.js`
+### `css` moved to `@microsoft/fast-element`
 
-`css`, `ElementStyles`, `CSSDirective`, `cssDirective`, `ComposableStyles`, `HostBehavior`, `HostController`, `StyleStrategy`, and `StyleTarget` are no longer exported from the main `@microsoft/fast-element` barrel.
+`css`, `CSSTemplateTag`, and `CSSValue` are imported from `@microsoft/fast-element`. Other style APIs (`ElementStyles`, `CSSDirective`, `cssDirective`, `ComposableStyles`, `HostBehavior`, `HostController`, `StyleStrategy`, and `StyleTarget`) are imported from `@microsoft/fast-element`.
 
-2.x Example:
+Update imports to:
 ```ts
 import { css, ElementStyles } from "@microsoft/fast-element";
 ```
 
-3.x Example:
-```ts
-import { css, ElementStyles } from "@microsoft/fast-element/styles.js";
-```
+### `ArrayObserver` moved to `@microsoft/fast-element`
 
-### Array observation moved to `@microsoft/fast-element/arrays.js`
+`ArrayObserver` is imported from `@microsoft/fast-element`. Other array helpers such as `Splice`, `SpliceStrategy`, `SpliceStrategySupport`, `lengthOf`, `sortedCount`, and `Sort` remain available from `@microsoft/fast-element`.
 
-`ArrayObserver`, `Splice`, `SpliceStrategy`, `SpliceStrategySupport`, `lengthOf`, `sortedCount`, and `Sort` are now imported from `@microsoft/fast-element/arrays.js`.
-
-2.x Example:
+Update imports to:
 ```ts
 import { ArrayObserver } from "@microsoft/fast-element";
 ```
 
-3.x Example:
-```ts
-import { ArrayObserver } from "@microsoft/fast-element/arrays.js";
-```
+### `deferHydrationAttribute` moved to `@microsoft/fast-element`
 
-### `deferHydrationAttribute` moved to `@microsoft/fast-element/hydration.js`
+`deferHydrationAttribute` is available from the root package export.
 
-`deferHydrationAttribute` is no longer available from the main barrel. Import it from the hydration subpath.
+2.x imported `deferHydrationAttribute` from the root package.
 
 2.x Example:
 ```ts
-import { deferHydrationAttribute } from "@microsoft/fast-element";
+const attribute = "defer-hydration";
 ```
 
 3.x Example:
 ```ts
-import { deferHydrationAttribute } from "@microsoft/fast-element/hydration.js";
+import { deferHydrationAttribute } from "@microsoft/fast-element";
 ```
 
 ### `requestIdleCallback` polyfill removed
@@ -314,7 +376,7 @@ The `HydrationMarkup` API methods have been renamed (e.g., `parseAttributeBindin
 | `ElementController.isPrerendered` | `fast-element` | `Promise<boolean>` — resolves `true` when element had DSD at connect time |
 | `ElementController.isHydrated` | `fast-element` | `Promise<boolean>` — resolves `true` only when hydration ran successfully |
 | `enableHydration()` | `fast-element/hydration.js` | Enables hydration support for FAST elements |
-| `HydrationTracker` | `fast-element` | Standalone hydration lifecycle tracker class |
+| `HydrationTracker` | `fast-element/hydration.js` | Standalone hydration lifecycle tracker class |
 | `HydrationOptions` | `fast-element/hydration.js` | Type for hydration configuration options |
-| `ViewController.isPrerendered` | `fast-element` | `Promise<boolean>` — DSD detection for custom directives |
-| `ViewController.isHydrated` | `fast-element` | `Promise<boolean>` — hydration status for custom directives |
+| `ViewController.isPrerendered` | `fast-element/templating.js` | `Promise<boolean>` — DSD detection for custom directives |
+| `ViewController.isHydrated` | `fast-element/templating.js` | `Promise<boolean>` — hydration status for custom directives |
diff --git a/sites/website/src/docs/3.x/resources/export-sizes.md b/sites/website/src/docs/3.x/resources/export-sizes.md
index 35dfd8d13a4..fc3da411737 100644
--- a/sites/website/src/docs/3.x/resources/export-sizes.md
+++ b/sites/website/src/docs/3.x/resources/export-sizes.md
@@ -19,22 +19,22 @@ Bundle sizes for `@microsoft/fast-element` exports.
 
 | Export | Minified | Gzip | Brotli |
 |--------|----------|------|--------|
-| CDN Rollup Bundle | 65.07 KB | 19.35 KB | 17.29 KB |
-| FASTElement | 23.71 KB | 7.37 KB | 6.63 KB |
-| Updates | 473 B | 337 B | 287 B |
-| Observable | 6.70 KB | 2.49 KB | 2.22 KB |
-| observable | 6.74 KB | 2.50 KB | 2.24 KB |
-| attr | 477 B | 288 B | 244 B |
-| children | 4.81 KB | 1.86 KB | 1.64 KB |
-| ref | 3.78 KB | 1.53 KB | 1.33 KB |
-| slotted | 4.60 KB | 1.79 KB | 1.58 KB |
-| volatile | 6.79 KB | 2.53 KB | 2.25 KB |
-| when | 1.82 KB | 712 B | 568 B |
-| html | 25.92 KB | 8.50 KB | 7.61 KB |
-| repeat | 29.57 KB | 9.42 KB | 8.47 KB |
-| css | 2.43 KB | 1.00 KB | 911 B |
-| enableHydration | 43.23 KB | 13.21 KB | 11.88 KB |
-| ArrayObserver | 12.51 KB | 4.45 KB | 4.01 KB |
-| declarativeTemplate | 85.68 KB | 26.22 KB | 23.09 KB |
-| observerMap | 339 B | 209 B | 179 B |
-| attributeMap | 341 B | 209 B | 178 B |
+| CDN Rollup Bundle | 76.36 KB | 22.91 KB | 20.32 KB |
+| FASTElement (@microsoft/fast-element/fast-element.js) | 23.73 KB | 7.38 KB | 6.63 KB |
+| Updates (@microsoft/fast-element/updates.js) | 473 B | 335 B | 288 B |
+| Observable (@microsoft/fast-element/observable.js) | 6.70 KB | 2.50 KB | 2.22 KB |
+| observable (@microsoft/fast-element/observable.js) | 6.74 KB | 2.51 KB | 2.23 KB |
+| attr (@microsoft/fast-element/attr.js) | 477 B | 288 B | 244 B |
+| children (@microsoft/fast-element/children.js) | 4.81 KB | 1.86 KB | 1.64 KB |
+| ref (@microsoft/fast-element/ref.js) | 3.78 KB | 1.52 KB | 1.34 KB |
+| slotted (@microsoft/fast-element/slotted.js) | 4.60 KB | 1.79 KB | 1.58 KB |
+| volatile (@microsoft/fast-element/volatile.js) | 6.79 KB | 2.53 KB | 2.25 KB |
+| when (@microsoft/fast-element/when.js) | 1.82 KB | 712 B | 565 B |
+| html (@microsoft/fast-element/html.js) | 25.92 KB | 8.50 KB | 7.61 KB |
+| repeat (@microsoft/fast-element/repeat.js) | 29.57 KB | 9.41 KB | 8.47 KB |
+| css (@microsoft/fast-element/css.js) | 2.43 KB | 1.00 KB | 911 B |
+| enableHydration (@microsoft/fast-element/hydration.js) | 43.27 KB | 13.22 KB | 11.89 KB |
+| declarativeTemplate (@microsoft/fast-element/declarative.js) | 58.77 KB | 18.46 KB | 16.46 KB |
+| ArrayObserver (@microsoft/fast-element/array-observer.js) | 12.51 KB | 4.45 KB | 4.01 KB |
+| observerMap (@microsoft/fast-element/observer-map.js) | 20.41 KB | 7.26 KB | 6.52 KB |
+| attributeMap (@microsoft/fast-element/attribute-map.js) | 15.78 KB | 5.59 KB | 5.04 KB |
diff --git a/sites/website/src/index.md b/sites/website/src/index.md
index c524e1aa568..0e5621a168b 100644
--- a/sites/website/src/index.md
+++ b/sites/website/src/index.md
@@ -15,7 +15,10 @@ npm install @microsoft/fast-element
 /*
  * import utilities from @microsoft/fast-element
  */
-import { attr, css, FASTElement, html } from "@microsoft/fast-element";
+import { FASTElement } from "@microsoft/fast-element/fast-element.js";
+import { attr } from "@microsoft/fast-element/attr.js";
+import { css } from "@microsoft/fast-element/css.js";
+import { html } from "@microsoft/fast-element/html.js";
 
 /*
  * Define your component logic