@playcanvas/web-components 0.16.0 → 0.18.0

package/dist/custom-elements.json

@@ -97,7 +97,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -142,7 +142,7 @@
                   "description": "The entity to look up."
                 }
               ],
-              "description": "Returns the `<pc-entity>` or `<pc-node>` element whose backing entity is `entity`, or\n`null` if the entity is not fronted by an element of this application - for example, an\nunbound node inside a model's instantiated hierarchy, or an entity created through the\nengine API."
+              "description": "Returns the `<pc-entity>`, `<pc-model>` or `<pc-node>` element whose backing entity is\n`entity`, or `null` if the entity is not fronted by an element of this application - for\nexample, an unbound node inside a model's instantiated hierarchy, or an entity created\nthrough the engine API."
             },
             {
               "kind": "field",
@@ -317,6 +317,7 @@
             "name": "AsyncElement",
             "module": "/src/async-element"
           },
+          "summary": "The `<pc-app>` element creates a PlayCanvas application and the canvas it renders\ninto, and is the root of every scene. It holds the `<pc-asset>`, `<pc-material>`, `<pc-wasm>` and\n`<pc-scene>` elements, and the page's CSS sizes it, as it would a `<video>`.\n",
           "tagName": "pc-app",
           "customElement": true
         }
@@ -439,7 +440,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -767,6 +768,7 @@
             "name": "AsyncElement",
             "module": "/src/async-element"
           },
+          "summary": "The `<pc-asset>` element declares an asset for the application to load — a model,\ntexture, font, sound, script or JSON file — under an `id` that other elements reference. Must be\na direct child of `<pc-app>`.\n",
           "tagName": "pc-asset",
           "customElement": true
         }
@@ -819,7 +821,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -869,7 +871,7 @@
               "description": "The tag name of the element to wait for (e.g. `'pc-app'`)."
             }
           ],
-          "description": "Waits for the first element matching the given tag name to be fully initialized. Note that the\npromise never settles if the element cannot finish initializing (for example, a `<pc-script>`\nthat is not a direct child of `<pc-scripts>`, or a `<pc-app>` that could not create a graphics\ndevice — listen for its `error` event instead). A component element outside a `<pc-entity>` is\nthe exception: it still becomes ready, but its `component` is `null`. Either way, a misplaced\nelement logs a warning naming the parent it requires."
+          "description": "Waits for the first element matching the given tag name to be fully initialized. Note that the\npromise never settles if the element cannot finish initializing (for example, a `<pc-script-instance>`\nthat is not a direct child of `<pc-script>`, or a `<pc-app>` that could not create a graphics\ndevice — listen for its `error` event instead). A component element outside an entity-fronting\nelement is the exception: it still becomes ready, but its `component` is `null`. Either way, a\nmisplaced element logs a warning naming the parent it requires."
         },
         {
           "kind": "function",
@@ -907,7 +909,7 @@
               "description": "A CSS selector matching the element to wait for (e.g. `'#my-app'`)."
             }
           ],
-          "description": "Waits for the first element matching the given CSS selector to be fully initialized. Note that\nthe promise never settles if the element cannot finish initializing (for example, a `<pc-script>`\nthat is not a direct child of `<pc-scripts>`, or a `<pc-app>` that could not create a graphics\ndevice — listen for its `error` event instead). A component element outside a `<pc-entity>` is\nthe exception: it still becomes ready, but its `component` is `null`. Either way, a misplaced\nelement logs a warning naming the parent it requires."
+          "description": "Waits for the first element matching the given CSS selector to be fully initialized. Note that\nthe promise never settles if the element cannot finish initializing (for example, a `<pc-script-instance>`\nthat is not a direct child of `<pc-script>`, or a `<pc-app>` that could not create a graphics\ndevice — listen for its `error` event instead). A component element outside an entity-fronting\nelement is the exception: it still becomes ready, but its `component` is `null`. Either way, a\nmisplaced element logs a warning naming the parent it requires."
         },
         {
           "kind": "function",
@@ -960,7 +962,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The base class for elements that front an engine Entity: `<pc-entity>`, which creates\none, and `<pc-node>`, which binds to one inside a model's instantiated hierarchy. It carries\nwhat both need — the `entity` contract, registration with the owning application (which joins\npicked scene nodes back to elements by identity, never by name), and the pointer listener\nbookkeeping that lets the application lazily attach its canvas handlers.",
+          "description": "The base class for elements that front an engine Entity: `<pc-entity>` and\n`<pc-model>`, which create one, and `<pc-node>`, which binds to one inside a model's\ninstantiated hierarchy. It carries what all of them need — the `entity` contract, registration\nwith the owning application (which joins picked scene nodes back to elements by identity,\nnever by name), and the pointer listener bookkeeping that lets the application lazily attach\nits canvas handlers.",
           "name": "EntityBaseElement",
           "members": [
             {
@@ -1012,7 +1014,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -1110,12 +1112,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/entity.ts",
+      "path": "src/entity-owner.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The EntityElement interface provides properties and methods for manipulating\n[`<pc-entity>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-entity/) elements.\nThe EntityElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nThe pointer events below are dispatched by the containing `<pc-app>` element when the pointer\nintersects this entity's geometry. They are only generated while the entity has a listener for\nthem, registered either with addEventListener or with the matching inline `onpointer*`\nattribute.\n",
-          "name": "EntityElement",
+          "description": "The base class for elements that create and own their backing entity: `<pc-entity>` and\n`<pc-model>`, whose host entity carries the same authored properties. It carries the cached\nproperty state, entity creation and parenting, and the reset that follows the entity's\ndestruction. `<pc-node>` sits outside this class: it borrows an entity a model instantiated,\nand its properties are nullable overrides rather than owned values.",
+          "name": "EntityOwnerElement",
           "members": [
             {
               "kind": "method",
@@ -1170,7 +1172,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -1340,6 +1342,44 @@
               }
             }
           ],
+          "superclass": {
+            "name": "EntityBaseElement",
+            "module": "/src/entity-base"
+          },
+          "events": [
+            {
+              "name": "ready",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the element is fully initialized — once per readiness cycle, so an element that is torn down and re-initialized (for example by removing and re-inserting it) fires it again. Bubbles and is composed.",
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "EntityOwnerElement",
+          "declaration": {
+            "name": "EntityOwnerElement",
+            "module": "src/entity-owner.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/entity.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The EntityElement interface provides properties and methods for manipulating\n[`<pc-entity>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-entity/) elements.\nThe EntityElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nThe pointer events below are dispatched by the containing `<pc-app>` element when the pointer\nintersects this entity's geometry. They are only generated while the entity has a listener for\nthem, registered either with EventTarget.addEventListener or with the matching inline `onpointer*`\nattribute.\n",
+          "name": "EntityElement",
           "events": [
             {
               "type": {
@@ -1394,17 +1434,17 @@
               "type": {
                 "text": "boolean"
               },
+              "description": "The enabled state of the entity.",
               "fieldName": "enabled",
-              "default": "true",
-              "description": "The enabled state of the entity."
+              "default": "true"
             },
             {
               "name": "name",
               "type": {
                 "text": "string"
               },
-              "fieldName": "name",
-              "description": "The name of the entity."
+              "description": "The name of the entity.",
+              "fieldName": "name"
             },
             {
               "type": {
@@ -1451,266 +1491,515 @@
               "type": {
                 "text": "string"
               },
+              "description": "The position of the entity. Accepts 3 space-separated numbers.",
               "fieldName": "position",
-              "default": "0 0 0",
-              "description": "The position of the entity. Accepts 3 space-separated numbers."
+              "default": "0 0 0"
             },
             {
               "name": "rotation",
               "type": {
                 "text": "string"
               },
+              "description": "The rotation of the entity. Accepts 3 space-separated numbers.",
               "fieldName": "rotation",
-              "default": "0 0 0",
-              "description": "The rotation of the entity. Accepts 3 space-separated numbers."
+              "default": "0 0 0"
             },
             {
               "name": "scale",
               "type": {
                 "text": "string"
               },
+              "description": "The scale of the entity. Accepts 3 space-separated numbers.",
               "fieldName": "scale",
-              "default": "1 1 1",
-              "description": "The scale of the entity. Accepts 3 space-separated numbers."
+              "default": "1 1 1"
             },
             {
               "name": "tags",
               "type": {
                 "text": "string"
               },
-              "fieldName": "tags",
-              "description": "The tags of the entity."
+              "description": "The tags of the entity.",
+              "fieldName": "tags"
             }
           ],
           "superclass": {
-            "name": "EntityBaseElement",
-            "module": "/src/entity-base"
+            "name": "EntityOwnerElement",
+            "module": "/src/entity-owner"
           },
+          "summary": "The `<pc-entity>` element creates an entity: a named, transformable node of the\nscene hierarchy, and the host for component elements such as `<pc-camera>`, `<pc-light>` and\n`<pc-render>`. Place it in the `<pc-scene>`, or nest it under another `<pc-entity>`, a\n`<pc-model>` or a `<pc-node>` to parent it there.\n",
           "tagName": "pc-entity",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "pc-entity",
-          "declaration": {
-            "name": "EntityElement",
-            "module": "src/entity.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "EntityElement",
-          "declaration": {
-            "name": "EntityElement",
-            "module": "src/entity.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AsyncElement",
-          "declaration": {
-            "name": "AsyncElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ModuleElement",
-          "declaration": {
-            "name": "ModuleElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "AppElement",
-          "declaration": {
-            "name": "AppElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "EntityElement",
-          "declaration": {
-            "name": "EntityElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "AssetElement",
-          "declaration": {
-            "name": "AssetElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "AnimComponentElement",
-          "declaration": {
-            "name": "AnimComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "AnimClipElement",
-          "declaration": {
-            "name": "AnimClipElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ButtonComponentElement",
-          "declaration": {
-            "name": "ButtonComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "CameraComponentElement",
-          "declaration": {
-            "name": "CameraComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "CollisionComponentElement",
-          "declaration": {
-            "name": "CollisionComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ComponentElement",
-          "declaration": {
-            "name": "ComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ElementComponentElement",
-          "declaration": {
-            "name": "ElementComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "JointComponentElement",
-          "declaration": {
-            "name": "JointComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "LayoutChildComponentElement",
-          "declaration": {
-            "name": "LayoutChildComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "LayoutGroupComponentElement",
-          "declaration": {
-            "name": "LayoutGroupComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ParticleSystemComponentElement",
-          "declaration": {
-            "name": "ParticleSystemComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "LightComponentElement",
-          "declaration": {
-            "name": "LightComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ListenerComponentElement",
-          "declaration": {
-            "name": "ListenerComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "RenderComponentElement",
-          "declaration": {
-            "name": "RenderComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "RigidBodyComponentElement",
-          "declaration": {
-            "name": "RigidBodyComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ScreenComponentElement",
-          "declaration": {
-            "name": "ScreenComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ScrollbarComponentElement",
-          "declaration": {
-            "name": "ScrollbarComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ScrollViewComponentElement",
-          "declaration": {
-            "name": "ScrollViewComponentElement",
-            "module": "src/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ScriptComponentElement",
-          "declaration": {
+          "customElement": true,
+          "members": [
+            {
+              "kind": "method",
+              "name": "addEventListener",
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "listener",
+                  "type": {
+                    "text": "EventListener"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean | AddEventListenerOptions"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "EntityBaseElement",
+                "module": "src/entity-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closestApp",
+              "type": {
+                "text": "AppElement | null"
+              },
+              "description": "The nearest ancestor `<pc-app>` element, or `null` if this element has no `<pc-app>`\nancestor. The search starts at the parent, so an element never resolves to itself.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closestEntity",
+              "type": {
+                "text": "EntityBaseElement | null"
+              },
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "enabled",
+              "description": "Gets the enabled state of the entity.",
+              "parameters": [
+                {
+                  "description": "Whether the entity is enabled.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "inheritedFrom": {
+                "name": "EntityOwnerElement",
+                "module": "src/entity-owner.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "entity",
+              "type": {
+                "text": "Entity | null"
+              },
+              "description": "The PlayCanvas entity instance. `null` until the element is ready, and again once the\nentity is gone — await whenReady or the element's `ready()` promise before\naccessing it.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "EntityBaseElement",
+                "module": "src/entity-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "description": "Gets the name of the entity.",
+              "parameters": [
+                {
+                  "description": "The name of the entity.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "inheritedFrom": {
+                "name": "EntityOwnerElement",
+                "module": "src/entity-owner.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "position",
+              "description": "Gets the position of the entity.",
+              "parameters": [
+                {
+                  "description": "The position of the entity.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "inheritedFrom": {
+                "name": "EntityOwnerElement",
+                "module": "src/entity-owner.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "ready",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "description": "Returns a promise that resolves with this element when it's ready. This is the low-level\nprimitive underlying whenReady, which is the recommended way to wait for elements.\n\nReadiness tracks the element's current lifecycle: once a ready element is torn down (for\nexample by removing it from the document), this returns a fresh promise that resolves when\nthe element is next ready. A promise obtained earlier stays resolved — call this again\nafter re-inserting an element rather than reusing a promise from before its removal.",
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "removeEventListener",
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "listener",
+                  "type": {
+                    "text": "EventListener"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean | EventListenerOptions"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "EntityBaseElement",
+                "module": "src/entity-base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "rotation",
+              "description": "Gets the rotation of the entity.",
+              "parameters": [
+                {
+                  "description": "The rotation of the entity.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "inheritedFrom": {
+                "name": "EntityOwnerElement",
+                "module": "src/entity-owner.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "scale",
+              "description": "Gets the scale of the entity.",
+              "parameters": [
+                {
+                  "description": "The scale of the entity.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "inheritedFrom": {
+                "name": "EntityOwnerElement",
+                "module": "src/entity-owner.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "tags",
+              "description": "Gets the tags of the entity.",
+              "parameters": [
+                {
+                  "description": "The tags of the entity.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "inheritedFrom": {
+                "name": "EntityOwnerElement",
+                "module": "src/entity-owner.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "pc-entity",
+          "declaration": {
+            "name": "EntityElement",
+            "module": "src/entity.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "EntityElement",
+          "declaration": {
+            "name": "EntityElement",
+            "module": "src/entity.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AsyncElement",
+          "declaration": {
+            "name": "AsyncElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WasmElement",
+          "declaration": {
+            "name": "WasmElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AppElement",
+          "declaration": {
+            "name": "AppElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "EntityElement",
+          "declaration": {
+            "name": "EntityElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AssetElement",
+          "declaration": {
+            "name": "AssetElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AnimComponentElement",
+          "declaration": {
+            "name": "AnimComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AnimClipElement",
+          "declaration": {
+            "name": "AnimClipElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ButtonComponentElement",
+          "declaration": {
+            "name": "ButtonComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CameraComponentElement",
+          "declaration": {
+            "name": "CameraComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CollisionComponentElement",
+          "declaration": {
+            "name": "CollisionComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ComponentElement",
+          "declaration": {
+            "name": "ComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ElementComponentElement",
+          "declaration": {
+            "name": "ElementComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "JointComponentElement",
+          "declaration": {
+            "name": "JointComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "LayoutChildComponentElement",
+          "declaration": {
+            "name": "LayoutChildComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "LayoutGroupComponentElement",
+          "declaration": {
+            "name": "LayoutGroupComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ParticleSystemComponentElement",
+          "declaration": {
+            "name": "ParticleSystemComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "LightComponentElement",
+          "declaration": {
+            "name": "LightComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AudioListenerComponentElement",
+          "declaration": {
+            "name": "AudioListenerComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "RenderComponentElement",
+          "declaration": {
+            "name": "RenderComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "RigidBodyComponentElement",
+          "declaration": {
+            "name": "RigidBodyComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ScreenComponentElement",
+          "declaration": {
+            "name": "ScreenComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ScrollbarComponentElement",
+          "declaration": {
+            "name": "ScrollbarComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ScrollViewComponentElement",
+          "declaration": {
+            "name": "ScrollViewComponentElement",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ScriptComponentElement",
+          "declaration": {
             "name": "ScriptComponentElement",
             "module": "src/index.ts"
           }
         },
         {
           "kind": "js",
-          "name": "ScriptElement",
+          "name": "ScriptInstanceElement",
           "declaration": {
-            "name": "ScriptElement",
+            "name": "ScriptInstanceElement",
             "module": "src/index.ts"
           }
         },
@@ -1746,6 +2035,14 @@
             "module": "src/index.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "EntityOwnerElement",
+          "declaration": {
+            "name": "EntityOwnerElement",
+            "module": "src/index.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "MaterialElement",
@@ -1794,6 +2091,30 @@
             "module": "src/index.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "AddressMode",
+          "declaration": {
+            "name": "AddressMode",
+            "module": "./asset"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MagFilterMode",
+          "declaration": {
+            "name": "MagFilterMode",
+            "module": "./asset"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MinFilterMode",
+          "declaration": {
+            "name": "MinFilterMode",
+            "module": "./asset"
+          }
+        },
         {
           "kind": "js",
           "name": "AsyncElementTagName",
@@ -1802,6 +2123,78 @@
             "module": "./async-element"
           }
         },
+        {
+          "kind": "js",
+          "name": "JointType",
+          "declaration": {
+            "name": "JointType",
+            "module": "./components/joint-component"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MotionMode",
+          "declaration": {
+            "name": "MotionMode",
+            "module": "./components/joint-component"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "BlendType",
+          "declaration": {
+            "name": "BlendType",
+            "module": "./material"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ColorChannel",
+          "declaration": {
+            "name": "ColorChannel",
+            "module": "./material"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CullMode",
+          "declaration": {
+            "name": "CullMode",
+            "module": "./material"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FresnelModel",
+          "declaration": {
+            "name": "FresnelModel",
+            "module": "./material"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "OccludeSpecular",
+          "declaration": {
+            "name": "OccludeSpecular",
+            "module": "./material"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "OpacityDither",
+          "declaration": {
+            "name": "OpacityDither",
+            "module": "./material"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ScalarChannel",
+          "declaration": {
+            "name": "ScalarChannel",
+            "module": "./material"
+          }
+        },
         {
           "kind": "js",
           "name": "HierarchyMaterial",
@@ -1825,6 +2218,14 @@
             "name": "MaterialOverrides",
             "module": "./node"
           }
+        },
+        {
+          "kind": "js",
+          "name": "NodeBindingState",
+          "declaration": {
+            "name": "NodeBindingState",
+            "module": "./node"
+          }
         }
       ]
     },
@@ -3982,6 +4383,7 @@
           "superclass": {
             "name": "HTMLElement"
           },
+          "summary": "The `<pc-material>` element defines a physically based material, which\n`<pc-render>` elements apply by naming its `id`. It is metal/rough by default, with `metalness`\nstarting at 0. Must be a direct child of `<pc-app>`.\n",
           "tagName": "pc-material",
           "customElement": true
         }
@@ -4015,35 +4417,134 @@
         },
         {
           "kind": "class",
-          "description": "The ModelElement interface provides properties and methods for manipulating\n[`<pc-model>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-model/) elements.\nThe ModelElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nThe element becomes ready once its container asset has loaded and the instantiated hierarchy has\nbeen added to the scene — `entity` is non-null by then. A failed load also settles readiness,\nwith `entity` remaining `null`: readiness means the load settled, not that it succeeded — listen\nfor `error`, or check `entity`, to tell the outcomes apart. Changing `asset` re-arms readiness\nand instantiates anew, so a `ready()` obtained after the change resolves against the new\nhierarchy. A `pc-model` outside a `pc-app`, or referencing an unknown asset id, warns and never\nbecomes ready.\n",
+          "description": "The ModelElement interface provides properties and methods for manipulating\n[`<pc-model>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-model/) elements.\nThe ModelElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nThe element creates and fronts a stable host entity: `entity` is that host, created when the\napplication builds its hierarchy and kept across `asset` changes, so the element's transform\nand tags are instance placement that composes with whatever transform the asset authored on\nits root. The instantiated content is parented beneath the host and exposed as\ncontentEntity.\n\nThe element becomes ready once its current asset selection has settled: the container asset\nhas loaded and its content root has been parented beneath the host, the load has failed\n(`contentEntity` stays `null` — listen for `error`, or check `contentEntity`, to tell the\noutcomes apart), or no asset is assigned at all. Changing `asset` re-arms readiness and\ninstantiates anew, so a `ready()` obtained after the change resolves against the new content.\nA `pc-model` outside a `pc-app`, or referencing an unknown asset id, warns and never becomes\nready.\n\nThe pointer events below are dispatched by the containing `<pc-app>` element when the pointer\nintersects the model's geometry, exactly as for `<pc-entity>` — a hit on a content node that no\n`pc-node` fronts resolves to this element.\n",
           "name": "ModelElement",
           "members": [
+            {
+              "kind": "method",
+              "name": "addEventListener",
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "listener",
+                  "type": {
+                    "text": "EventListener"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean | AddEventListenerOptions"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "EntityBaseElement",
+                "module": "src/entity-base.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "asset",
               "description": "Gets the id of the `pc-asset` to use for the model.",
               "parameters": [
                 {
-                  "description": "The asset ID.",
+                  "description": "The asset ID.",
+                  "name": "value"
+                }
+              ],
+              "type": {
+                "text": "string"
+              },
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closestApp",
+              "type": {
+                "text": "AppElement | null"
+              },
+              "description": "The nearest ancestor `<pc-app>` element, or `null` if this element has no `<pc-app>`\nancestor. The search starts at the parent, so an element never resolves to itself.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closestEntity",
+              "type": {
+                "text": "EntityBaseElement | null"
+              },
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "contentEntity",
+              "type": {
+                "text": "Entity | null"
+              },
+              "description": "The root entity of the instantiated model content, parented beneath the host entity.\n`null` until the container asset has loaded and been instantiated, after a failed load,\nand again once the element has been removed from the document.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "enabled",
+              "description": "Gets the enabled state of the entity.",
+              "parameters": [
+                {
+                  "description": "Whether the entity is enabled.",
                   "name": "value"
                 }
               ],
-              "type": {
-                "text": "string"
-              },
               "return": {
                 "type": {
                   "text": ""
                 }
+              },
+              "inheritedFrom": {
+                "name": "EntityOwnerElement",
+                "module": "src/entity-owner.ts"
               }
             },
             {
               "kind": "field",
-              "name": "closestApp",
+              "name": "entity",
               "type": {
-                "text": "AppElement | null"
+                "text": "Entity | null"
               },
-              "description": "The nearest ancestor `<pc-app>` element, or `null` if this element has no `<pc-app>`\nancestor. The search starts at the parent, so an element never resolves to itself.",
+              "description": "The PlayCanvas entity instance. `null` until the element is ready, and again once the\nentity is gone — await whenReady or the element's `ready()` promise before\naccessing it.",
               "return": {
                 "type": {
                   "text": ""
@@ -4051,64 +4552,161 @@
               },
               "readonly": true,
               "inheritedFrom": {
-                "name": "AsyncElement",
-                "module": "src/async-element.ts"
+                "name": "EntityBaseElement",
+                "module": "src/entity-base.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "hierarchy",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "description": "Returns a snapshot of the instantiated node tree, or `null` while there is none (the\ncontainer asset has not loaded, or the element has left the document). One call grounds a\nsession — a browser console, a test, an agent — in the vocabulary `pc-node` binding\nresolves against: the instantiated names (HierarchyNode.name), paths, match\nindices, attached component types and the material assignments of render components\n(HierarchyNode.materials). `String(...)` of the result, or of any node in it,\nis the printable form.\n\nThe snapshot is plain data, computed afresh each call: it does not follow later changes\nto the hierarchy, and mutating it changes nothing. It covers the instantiated content\nonly — the host entity the element fronts is not part of the asset's node tree."
+            },
             {
               "kind": "field",
-              "name": "closestEntity",
-              "type": {
-                "text": "EntityBaseElement | null"
+              "name": "name",
+              "description": "Gets the name of the entity.",
+              "parameters": [
+                {
+                  "description": "The name of the entity.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "inheritedFrom": {
+                "name": "EntityOwnerElement",
+                "module": "src/entity-owner.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "position",
+              "description": "Gets the position of the entity.",
+              "parameters": [
+                {
+                  "description": "The position of the entity.",
+                  "name": "value"
+                }
+              ],
               "return": {
                 "type": {
                   "text": ""
                 }
               },
-              "readonly": true,
+              "inheritedFrom": {
+                "name": "EntityOwnerElement",
+                "module": "src/entity-owner.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "ready",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "description": "Returns a promise that resolves with this element when it's ready. This is the low-level\nprimitive underlying whenReady, which is the recommended way to wait for elements.\n\nReadiness tracks the element's current lifecycle: once a ready element is torn down (for\nexample by removing it from the document), this returns a fresh promise that resolves when\nthe element is next ready. A promise obtained earlier stays resolved — call this again\nafter re-inserting an element rather than reusing a promise from before its removal.",
               "inheritedFrom": {
                 "name": "AsyncElement",
                 "module": "src/async-element.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "removeEventListener",
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "listener",
+                  "type": {
+                    "text": "EventListener"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean | EventListenerOptions"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "EntityBaseElement",
+                "module": "src/entity-base.ts"
+              }
+            },
             {
               "kind": "field",
-              "name": "entity",
-              "type": {
-                "text": "Entity | null"
-              },
-              "description": "The root entity of the instantiated model. `null` until the container asset has loaded\nand been instantiated, and again once the element has been removed from the document.",
+              "name": "rotation",
+              "description": "Gets the rotation of the entity.",
+              "parameters": [
+                {
+                  "description": "The rotation of the entity.",
+                  "name": "value"
+                }
+              ],
               "return": {
                 "type": {
                   "text": ""
                 }
               },
-              "readonly": true
+              "inheritedFrom": {
+                "name": "EntityOwnerElement",
+                "module": "src/entity-owner.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "hierarchy",
+              "kind": "field",
+              "name": "scale",
+              "description": "Gets the scale of the entity.",
+              "parameters": [
+                {
+                  "description": "The scale of the entity.",
+                  "name": "value"
+                }
+              ],
               "return": {
                 "type": {
                   "text": ""
                 }
               },
-              "description": "Returns a snapshot of the instantiated node tree, or `null` while there is none (the\ncontainer asset has not loaded, or the element has left the document). One call grounds a\nsession — a browser console, a test, an agent — in the vocabulary `pc-node` binding\nresolves against: the instantiated names (HierarchyNode.name), paths, match\nindices, attached component types and the material assignments of render components\n(HierarchyNode.materials). `String(...)` of the result, or of any node in it,\nis the printable form.\n\nThe snapshot is plain data, computed afresh each call: it does not follow later changes\nto the hierarchy, and mutating it changes nothing."
+              "inheritedFrom": {
+                "name": "EntityOwnerElement",
+                "module": "src/entity-owner.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "ready",
+              "kind": "field",
+              "name": "tags",
+              "description": "Gets the tags of the entity.",
+              "parameters": [
+                {
+                  "description": "The tags of the entity.",
+                  "name": "value"
+                }
+              ],
               "return": {
                 "type": {
                   "text": ""
                 }
               },
-              "description": "Returns a promise that resolves with this element when it's ready. This is the low-level\nprimitive underlying whenReady, which is the recommended way to wait for elements.\n\nReadiness tracks the element's current lifecycle: once a ready element is torn down (for\nexample by removing it from the document), this returns a fresh promise that resolves when\nthe element is next ready. A promise obtained earlier stays resolved — call this again\nafter re-inserting an element rather than reusing a promise from before its removal.",
               "inheritedFrom": {
-                "name": "AsyncElement",
-                "module": "src/async-element.ts"
+                "name": "EntityOwnerElement",
+                "module": "src/entity-owner.ts"
               }
             }
           ],
@@ -4127,6 +4725,41 @@
               },
               "description": "Fired each time a container asset finishes instantiating, including re-instantiation after `asset` changes. Does not bubble — listen on this element, or use a capture-phase listener on an ancestor."
             },
+            {
+              "type": {
+                "text": "PointerEvent"
+              },
+              "description": "Fired when a pointer button is pressed over the model.",
+              "name": "pointerdown"
+            },
+            {
+              "type": {
+                "text": "PointerEvent"
+              },
+              "description": "Fired when the pointer moves onto the model.",
+              "name": "pointerenter"
+            },
+            {
+              "type": {
+                "text": "PointerEvent"
+              },
+              "description": "Fired when the pointer moves off the model.",
+              "name": "pointerleave"
+            },
+            {
+              "type": {
+                "text": "PointerEvent"
+              },
+              "description": "Fired when the pointer moves over the model.",
+              "name": "pointermove"
+            },
+            {
+              "type": {
+                "text": "PointerEvent"
+              },
+              "description": "Fired when a pointer button is released over the model.",
+              "name": "pointerup"
+            },
             {
               "name": "ready",
               "type": {
@@ -4147,177 +4780,140 @@
               },
               "fieldName": "asset",
               "description": "The id of the `pc-asset` to use for the model."
-            }
-          ],
-          "superclass": {
-            "name": "AsyncElement",
-            "module": "/src/async-element"
-          },
-          "tagName": "pc-model",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "pc-model",
-          "declaration": {
-            "name": "ModelElement",
-            "module": "src/model.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ModelElement",
-          "declaration": {
-            "name": "ModelElement",
-            "module": "src/model.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "HierarchyMaterial",
-          "declaration": {
-            "name": "HierarchyMaterial",
-            "module": "src/model.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "HierarchyNode",
-          "declaration": {
-            "name": "HierarchyNode",
-            "module": "src/model.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/module.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The ModuleElement interface provides properties and methods for manipulating\n[`<pc-module>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-module/)\nelements. The ModuleElement interface also inherits the properties and methods of the\nAsyncElement interface.\n\nThe attributes are read once, when the module starts loading - on the element's first\nconnection, or earlier if a containing `<pc-app>` boots first and collects it - so changing\nthem later has no effect. The element becomes ready once the module has loaded. WebAssembly\nmodules configure engine-global state that never unloads, so readiness is not re-armed by\nremoving the element, and a re-inserted element does not load again.\n\nA `<pc-module>` without a `name` warns and never becomes ready; a containing `<pc-app>` still\nboots.\n",
-          "name": "ModuleElement",
-          "members": [
+            },
             {
-              "kind": "field",
-              "name": "closestApp",
+              "name": "enabled",
               "type": {
-                "text": "AppElement | null"
+                "text": "boolean"
               },
-              "description": "The nearest ancestor `<pc-app>` element, or `null` if this element has no `<pc-app>`\nancestor. The search starts at the parent, so an element never resolves to itself.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
+              "description": "The enabled state of the model.",
+              "fieldName": "enabled",
+              "default": "true"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
               },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "AsyncElement",
-                "module": "src/async-element.ts"
-              }
+              "description": "The name of the model.",
+              "fieldName": "name"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Script to run when a pointer button is pressed over the model.",
+              "name": "onpointerdown",
+              "fieldName": "onpointerdown"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Script to run when the pointer moves onto the model.",
+              "name": "onpointerenter",
+              "fieldName": "onpointerenter"
             },
             {
-              "kind": "field",
-              "name": "closestEntity",
               "type": {
-                "text": "EntityBaseElement | null"
+                "text": "string"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
+              "description": "Script to run when the pointer moves off the model.",
+              "name": "onpointerleave",
+              "fieldName": "onpointerleave"
+            },
+            {
+              "type": {
+                "text": "string"
               },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "AsyncElement",
-                "module": "src/async-element.ts"
-              }
+              "description": "Script to run when the pointer moves over the model.",
+              "name": "onpointermove",
+              "fieldName": "onpointermove"
             },
             {
-              "kind": "method",
-              "name": "ready",
-              "return": {
-                "type": {
-                  "text": ""
-                }
+              "type": {
+                "text": "string"
               },
-              "description": "Returns a promise that resolves with this element when it's ready. This is the low-level\nprimitive underlying whenReady, which is the recommended way to wait for elements.\n\nReadiness tracks the element's current lifecycle: once a ready element is torn down (for\nexample by removing it from the document), this returns a fresh promise that resolves when\nthe element is next ready. A promise obtained earlier stays resolved — call this again\nafter re-inserting an element rather than reusing a promise from before its removal.",
-              "inheritedFrom": {
-                "name": "AsyncElement",
-                "module": "src/async-element.ts"
-              }
-            }
-          ],
-          "attributes": [
+              "description": "Script to run when a pointer button is released over the model.",
+              "name": "onpointerup",
+              "fieldName": "onpointerup"
+            },
             {
+              "name": "position",
               "type": {
                 "text": "string"
               },
-              "description": "The URL of the module's asm.js fallback script, used when WebAssembly is unavailable.",
-              "name": "fallback"
+              "description": "The position of the model. Accepts 3 space-separated numbers.",
+              "fieldName": "position",
+              "default": "0 0 0"
             },
             {
+              "name": "rotation",
               "type": {
                 "text": "string"
               },
-              "description": "The URL of the module's glue script.",
-              "name": "glue"
+              "description": "The rotation of the model. Accepts 3 space-separated numbers.",
+              "fieldName": "rotation",
+              "default": "0 0 0"
             },
             {
+              "name": "scale",
               "type": {
                 "text": "string"
               },
-              "description": "The name of the WebAssembly module to configure, e.g. `Basis` or `Ammo`.",
-              "name": "name"
+              "description": "The scale of the model. Accepts 3 space-separated numbers.",
+              "fieldName": "scale",
+              "default": "1 1 1"
             },
             {
+              "name": "tags",
               "type": {
                 "text": "string"
               },
-              "description": "The URL of the module's WebAssembly binary.",
-              "name": "wasm"
+              "description": "The tags of the model.",
+              "fieldName": "tags"
             }
           ],
           "superclass": {
-            "name": "AsyncElement",
-            "module": "/src/async-element"
+            "name": "EntityOwnerElement",
+            "module": "/src/entity-owner"
           },
-          "tagName": "pc-module",
-          "customElement": true,
-          "events": [
-            {
-              "name": "ready",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired when the element is fully initialized — once per readiness cycle, so an element that is torn down and re-initialized (for example by removing and re-inserting it) fires it again. Bubbles and is composed.",
-              "inheritedFrom": {
-                "name": "AsyncElement",
-                "module": "src/async-element.ts"
-              }
-            }
-          ]
+          "summary": "The `<pc-model>` element instantiates a 3D model from a container asset\n(typically a GLB) beneath an entity of its own, so the element's transform and tags place the\ninstance in the scene. Its `<pc-node>` children override what the asset authored. Place it in the\n`<pc-scene>`, or nest it under a `<pc-entity>`, another `<pc-model>` or a `<pc-node>`.\n",
+          "tagName": "pc-model",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "pc-module",
+          "name": "pc-model",
+          "declaration": {
+            "name": "ModelElement",
+            "module": "src/model.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ModelElement",
+          "declaration": {
+            "name": "ModelElement",
+            "module": "src/model.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "HierarchyMaterial",
           "declaration": {
-            "name": "ModuleElement",
-            "module": "src/module.ts"
+            "name": "HierarchyMaterial",
+            "module": "src/model.ts"
           }
         },
         {
           "kind": "js",
-          "name": "ModuleElement",
+          "name": "HierarchyNode",
           "declaration": {
-            "name": "ModuleElement",
-            "module": "src/module.ts"
+            "name": "HierarchyNode",
+            "module": "src/model.ts"
           }
         }
       ]
@@ -4384,7 +4980,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -4796,6 +5392,7 @@
             "name": "EntityBaseElement",
             "module": "/src/entity-base"
           },
+          "summary": "The `<pc-node>` element binds to a node inside the hierarchy a `<pc-model>`\ninstantiated and declares overrides against it: a transform, an enabled state, tags, components\nto add, or content to attach. Its `name` is a lookup, never a rename. Must be a descendant of\n`<pc-model>`.\n",
           "tagName": "pc-node",
           "customElement": true
         }
@@ -4860,7 +5457,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -5057,6 +5654,7 @@
             "name": "AsyncElement",
             "module": "/src/async-element"
           },
+          "summary": "The `<pc-scene>` element holds the entity hierarchy the application renders,\nalong with the scene-wide fog and gravity settings. Must be a direct child of `<pc-app>`.\n",
           "tagName": "pc-scene",
           "customElement": true,
           "events": [
@@ -5158,7 +5756,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -5250,115 +5848,247 @@
             },
             {
               "kind": "field",
-              "name": "scale",
-              "description": "Gets the scale of the skybox.",
-              "parameters": [
-                {
-                  "description": "The scale.",
-                  "name": "value"
-                }
-              ],
+              "name": "scale",
+              "description": "Gets the scale of the skybox.",
+              "parameters": [
+                {
+                  "description": "The scale.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "description": "Gets the type of the skybox.",
+              "parameters": [
+                {
+                  "description": "The type.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "asset",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "asset",
+              "description": "The id of the `pc-asset` to use for the skybox."
+            },
+            {
+              "name": "center",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "center",
+              "default": "0 0.01 0",
+              "description": "The center of the skybox. Accepts 3 space-separated numbers."
+            },
+            {
+              "name": "intensity",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "intensity",
+              "default": "1",
+              "description": "The intensity of the skybox."
+            },
+            {
+              "name": "lighting",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "lighting",
+              "default": "false",
+              "description": "Whether the skybox is used as a light source."
+            },
+            {
+              "name": "mip-level",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "mipLevel",
+              "default": "0",
+              "description": "The mip level of the skybox."
+            },
+            {
+              "name": "rotation",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "rotation",
+              "default": "0 0 0",
+              "description": "The Euler rotation of the skybox. Accepts 3 space-separated numbers."
+            },
+            {
+              "name": "scale",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "scale",
+              "default": "100 100 100",
+              "description": "The scale of the skybox. Accepts 3 space-separated numbers."
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "'box' | 'dome' | 'infinite' | 'none'"
+              },
+              "fieldName": "type",
+              "default": "infinite",
+              "description": "The type of the skybox."
+            }
+          ],
+          "superclass": {
+            "name": "AsyncElement",
+            "module": "/src/async-element"
+          },
+          "summary": "The `<pc-sky>` element renders a skybox from a texture asset, projected as an\ninfinite background, a box or a dome, and optionally lights the scene from it. Must be a direct\nchild of `<pc-scene>`.\n",
+          "tagName": "pc-sky",
+          "customElement": true,
+          "events": [
+            {
+              "name": "ready",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the element is fully initialized — once per readiness cycle, so an element that is torn down and re-initialized (for example by removing and re-inserting it) fires it again. Bubbles and is composed.",
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "pc-sky",
+          "declaration": {
+            "name": "SkyElement",
+            "module": "src/sky.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkyElement",
+          "declaration": {
+            "name": "SkyElement",
+            "module": "src/sky.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/wasm.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The WasmElement interface provides properties and methods for manipulating\n[`<pc-wasm>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-wasm/)\nelements. The WasmElement interface also inherits the properties and methods of the\nAsyncElement interface.\n\nThe attributes are read once, when the module starts loading - on the element's first\nconnection, or earlier if a containing `<pc-app>` boots first and collects it - so changing\nthem later has no effect. The element becomes ready once the module has loaded. WebAssembly\nmodules configure engine-global state that never unloads, so readiness is not re-armed by\nremoving the element, and a re-inserted element does not load again.\n\nA `<pc-wasm>` without a `name` warns and never becomes ready; a containing `<pc-app>` still\nboots.\n",
+          "name": "WasmElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "closestApp",
+              "type": {
+                "text": "AppElement | null"
+              },
+              "description": "The nearest ancestor `<pc-app>` element, or `null` if this element has no `<pc-app>`\nancestor. The search starts at the parent, so an element never resolves to itself.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closestEntity",
+              "type": {
+                "text": "EntityBaseElement | null"
+              },
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
                 }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "type",
-              "description": "Gets the type of the skybox.",
-              "parameters": [
-                {
-                  "description": "The type.",
-                  "name": "value"
-                }
-              ],
+              "kind": "method",
+              "name": "ready",
               "return": {
                 "type": {
                   "text": ""
                 }
+              },
+              "description": "Returns a promise that resolves with this element when it's ready. This is the low-level\nprimitive underlying whenReady, which is the recommended way to wait for elements.\n\nReadiness tracks the element's current lifecycle: once a ready element is torn down (for\nexample by removing it from the document), this returns a fresh promise that resolves when\nthe element is next ready. A promise obtained earlier stays resolved — call this again\nafter re-inserting an element rather than reusing a promise from before its removal.",
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
               }
             }
           ],
           "attributes": [
             {
-              "name": "asset",
               "type": {
                 "text": "string"
               },
-              "fieldName": "asset",
-              "description": "The id of the `pc-asset` to use for the skybox."
+              "description": "The URL of the module's asm.js fallback script, used when WebAssembly is unavailable.",
+              "name": "fallback"
             },
             {
-              "name": "center",
               "type": {
                 "text": "string"
               },
-              "fieldName": "center",
-              "default": "0 0.01 0",
-              "description": "The center of the skybox. Accepts 3 space-separated numbers."
-            },
-            {
-              "name": "intensity",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "intensity",
-              "default": "1",
-              "description": "The intensity of the skybox."
-            },
-            {
-              "name": "lighting",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "lighting",
-              "default": "false",
-              "description": "Whether the skybox is used as a light source."
-            },
-            {
-              "name": "mip-level",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "mipLevel",
-              "default": "0",
-              "description": "The mip level of the skybox."
+              "description": "The URL of the module's glue script.",
+              "name": "glue"
             },
             {
-              "name": "rotation",
               "type": {
                 "text": "string"
               },
-              "fieldName": "rotation",
-              "default": "0 0 0",
-              "description": "The Euler rotation of the skybox. Accepts 3 space-separated numbers."
+              "description": "The name of the WebAssembly module to configure, e.g. `Basis` or `Ammo`.",
+              "name": "name"
             },
             {
-              "name": "scale",
               "type": {
                 "text": "string"
               },
-              "fieldName": "scale",
-              "default": "100 100 100",
-              "description": "The scale of the skybox. Accepts 3 space-separated numbers."
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "'box' | 'dome' | 'infinite' | 'none'"
-              },
-              "fieldName": "type",
-              "default": "infinite",
-              "description": "The type of the skybox."
+              "description": "The URL of the module's WebAssembly binary.",
+              "name": "wasm"
             }
           ],
           "superclass": {
             "name": "AsyncElement",
             "module": "/src/async-element"
           },
-          "tagName": "pc-sky",
+          "summary": "The `<pc-wasm>` element loads a WebAssembly module the engine needs before the\napplication starts — `Ammo` for physics, `Basis` or `DracoDecoderModule` for compressed assets.\nMust be a direct child of `<pc-app>`.\n",
+          "tagName": "pc-wasm",
           "customElement": true,
           "events": [
             {
@@ -5378,18 +6108,18 @@
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "pc-sky",
+          "name": "pc-wasm",
           "declaration": {
-            "name": "SkyElement",
-            "module": "src/sky.ts"
+            "name": "WasmElement",
+            "module": "src/wasm.ts"
           }
         },
         {
           "kind": "js",
-          "name": "SkyElement",
+          "name": "WasmElement",
           "declaration": {
-            "name": "SkyElement",
-            "module": "src/sky.ts"
+            "name": "WasmElement",
+            "module": "src/wasm.ts"
           }
         }
       ]
@@ -5443,7 +6173,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -5558,6 +6288,7 @@
             "name": "AsyncElement",
             "module": "/src/async-element"
           },
+          "summary": "The `<pc-anim-clip>` element declares one named animation clip on its parent\n`<pc-anim>`, taken from the `asset` it names or, without one, from the enclosing `<pc-model>`'s\nown animations. Must be a direct child of `<pc-anim>`.\n",
           "tagName": "pc-anim-clip",
           "customElement": true,
           "events": [
@@ -5600,7 +6331,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The AnimComponentElement interface provides properties and methods for manipulating\n[`<pc-anim>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-anim/) elements.\nThe AnimComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nThe element drives animation clips over the host entity's hierarchy. Clips come from\n`<pc-anim-clip>` children — or, when the element is a direct child of a `<pc-model>` and\ndeclares no clips, every animation of that model's container asset is assigned, named by track\nname, in container order. The first clip plays automatically (opt out with `activate=\"false\"`);\nswitch clips declaratively through the `clip` attribute, or imperatively through play\nand transition. Tracks bind to scene nodes by name, so any hierarchy whose node names\nmatch a clip's curves can be animated — a model's skeleton is simply the common case.\n\nThe engine reports no clip completion: a non-looping clip holds its last pose silently. Poll\nthe underlying AnimComponent (via component) for playback state beyond what\nthis element exposes.\n",
+          "description": "The AnimComponentElement interface provides properties and methods for manipulating\n[`<pc-anim>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-anim/) elements.\nThe AnimComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nThe element drives animation clips over the host entity's hierarchy. Clips come from\n`<pc-anim-clip>` children — or, when the element is a direct child of a `<pc-model>` and\ndeclares no clips, every animation of that model's container asset is assigned, named by track\nname, in container order. The first clip plays automatically (opt out with `activate=\"false\"`);\nswitch clips declaratively through the `clip` attribute, or imperatively through play\nand transition. Tracks bind to scene nodes by name, so any hierarchy whose node names\nmatch a clip's curves can be animated — a model's skeleton is simply the common case.\n\nThe engine reports no clip completion: a non-looping clip holds its last pose silently. Poll\nthe underlying AnimComponent (via component) for playback state beyond what\nthis element exposes.\n\nEngine component: AnimComponent (`anim`).\n",
           "name": "AnimComponentElement",
           "members": [
             {
@@ -5673,7 +6404,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -5866,6 +6597,7 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
+          "summary": "The `<pc-anim>` element plays animation clips over its entity's hierarchy, taken\nfrom `<pc-anim-clip>` children or from the enclosing `<pc-model>`'s own animations. The first\nclip plays automatically, and the `clip` attribute switches between them. Must be a child of a\n`<pc-entity>`, `<pc-model>` or `<pc-node>`.\n",
           "tagName": "pc-anim",
           "customElement": true,
           "events": [
@@ -5902,10 +6634,164 @@
         },
         {
           "kind": "js",
-          "name": "ContainerWithAnimations",
+          "name": "ContainerWithAnimations",
+          "declaration": {
+            "name": "ContainerWithAnimations",
+            "module": "src/components/anim-component.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/audio-listener-component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The AudioListenerComponentElement interface provides properties and methods for manipulating\n[`<pc-audio-listener>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-audio-listener/) elements.\nThe AudioListenerComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nEngine component: AudioListenerComponent (`audiolistener`).\n",
+          "name": "AudioListenerComponentElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "closestApp",
+              "type": {
+                "text": "AppElement | null"
+              },
+              "description": "The nearest ancestor `<pc-app>` element, or `null` if this element has no `<pc-app>`\nancestor. The search starts at the parent, so an element never resolves to itself.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closestEntity",
+              "type": {
+                "text": "EntityBaseElement | null"
+              },
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "component",
+              "type": {
+                "text": "Component | null"
+              },
+              "description": "Gets the underlying PlayCanvas audio listener component.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ComponentElement",
+                "module": "src/components/component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "enabled",
+              "description": "Gets the enabled state of the component.",
+              "parameters": [
+                {
+                  "description": "The enabled state of the component.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "inheritedFrom": {
+                "name": "ComponentElement",
+                "module": "src/components/component.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "ready",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "description": "Returns a promise that resolves with this element when it's ready. This is the low-level\nprimitive underlying whenReady, which is the recommended way to wait for elements.\n\nReadiness tracks the element's current lifecycle: once a ready element is torn down (for\nexample by removing it from the document), this returns a fresh promise that resolves when\nthe element is next ready. A promise obtained earlier stays resolved — call this again\nafter re-inserting an element rather than reusing a promise from before its removal.",
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "ComponentElement",
+            "module": "/src/components/component"
+          },
+          "summary": "The `<pc-audio-listener>` element makes its entity the point from which\npositional sounds are heard, typically the entity holding the `<pc-camera>`. Must be a child of a\n`<pc-entity>`, `<pc-model>` or `<pc-node>`.\n",
+          "tagName": "pc-audio-listener",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "enabled",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "enabled",
+              "default": "true",
+              "description": "The enabled state of the component.",
+              "inheritedFrom": {
+                "name": "ComponentElement",
+                "module": "src/components/component.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "ready",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the element is fully initialized — once per readiness cycle, so an element that is torn down and re-initialized (for example by removing and re-inserting it) fires it again. Bubbles and is composed.",
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "pc-audio-listener",
+          "declaration": {
+            "name": "AudioListenerComponentElement",
+            "module": "src/components/audio-listener-component.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AudioListenerComponentElement",
           "declaration": {
-            "name": "ContainerWithAnimations",
-            "module": "src/components/anim-component.ts"
+            "name": "AudioListenerComponentElement",
+            "module": "src/components/audio-listener-component.ts"
           }
         }
       ]
@@ -5916,7 +6802,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The ButtonComponentElement interface provides properties and methods for manipulating\n[`<pc-button>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-button/) elements.\nThe ButtonComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n",
+          "description": "The ButtonComponentElement interface provides properties and methods for manipulating\n[`<pc-button>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-button/) elements.\nThe ButtonComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nEngine component: ButtonComponent (`button`).\n",
           "name": "ButtonComponentElement",
           "members": [
             {
@@ -5959,7 +6845,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -6373,6 +7259,7 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
+          "summary": "The `<pc-button>` element makes its entity respond to pointer input, tinting or\nswapping its image as the pointer hovers, presses and releases it. The entity also needs a\n`<pc-element>` with `use-input` set. Must be a child of a `<pc-entity>`, `<pc-model>` or\n`<pc-node>`.\n",
           "tagName": "pc-button",
           "customElement": true,
           "events": [
@@ -6415,9 +7302,23 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The CameraComponentElement interface provides properties and methods for manipulating\n[`<pc-camera>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-camera/) elements.\nThe CameraComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n",
+          "description": "The CameraComponentElement interface provides properties and methods for manipulating\n[`<pc-camera>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-camera/) elements.\nThe CameraComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nEngine component: CameraComponent (`camera`).\n",
           "name": "CameraComponentElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "arAvailable",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether immersive AR is available. Independent of vrAvailable: a device can offer\neither mode without the other.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "clearColor",
@@ -6456,6 +7357,25 @@
                 }
               }
             },
+            {
+              "kind": "field",
+              "name": "clearDepth",
+              "description": "Gets the depth value the depth buffer is cleared to.",
+              "parameters": [
+                {
+                  "description": "The clear depth value.",
+                  "name": "value"
+                }
+              ],
+              "type": {
+                "text": "number"
+              },
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
+            },
             {
               "kind": "field",
               "name": "clearDepthBuffer",
@@ -6518,7 +7438,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -6870,7 +7790,16 @@
             },
             {
               "kind": "field",
-              "name": "xrAvailable",
+              "name": "vrAvailable",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether immersive VR is available. Independent of arAvailable: a device can offer\neither mode without the other.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
               "readonly": true
             }
           ],
@@ -6893,6 +7822,15 @@
               "default": "true",
               "description": "The clear color buffer of the camera."
             },
+            {
+              "name": "clear-depth",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "clearDepth",
+              "default": "1",
+              "description": "The depth value the depth buffer is cleared to."
+            },
             {
               "name": "clear-depth-buffer",
               "type": {
@@ -6908,7 +7846,7 @@
                 "text": "boolean"
               },
               "fieldName": "clearStencilBuffer",
-              "default": "false",
+              "default": "true",
               "description": "The clear stencil buffer of the camera."
             },
             {
@@ -7055,6 +7993,7 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
+          "summary": "The `<pc-camera>` element renders the scene from its entity's transform, with\nattributes for the projection, field of view, clip planes, clear color and tonemapping. Must be a\nchild of a `<pc-entity>`, `<pc-model>` or `<pc-node>`.\n",
           "tagName": "pc-camera",
           "customElement": true,
           "events": [
@@ -7097,7 +8036,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The CollisionComponentElement interface provides properties and methods for manipulating\n[`<pc-collision>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-collision/) elements.\nThe CollisionComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nFor `type=\"mesh\"`, the collision geometry defaults to the host entity's own render component\n(its render asset) — a collider matching the visible mesh, which is what a mesh collider on a\nglTF node means. The default resolves each time the component applies, so a `pc-node` that\nretargets or rebinds picks up the new node's geometry. An entity with no asset-backed render\ncomponent warns, and the collider has no shape.\n",
+          "description": "The CollisionComponentElement interface provides properties and methods for manipulating\n[`<pc-collision>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-collision/) elements.\nThe CollisionComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nFor `type=\"mesh\"`, the collision geometry defaults to the host entity's own render component\n(its render asset) — a collider matching the visible mesh, which is what a mesh collider on a\nglTF node means. The default resolves each time the component applies, so a `pc-node` that\nretargets or rebinds picks up the new node's geometry. An entity with no asset-backed render\ncomponent warns, and the collider has no shape.\n\nEngine component: CollisionComponent (`collision`).\n",
           "name": "CollisionComponentElement",
           "members": [
             {
@@ -7132,7 +8071,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -7307,6 +8246,7 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
+          "summary": "The `<pc-collision>` element gives its entity a collision shape — a box, sphere,\ncapsule, cone, cylinder or mesh — for the physics simulation to collide against. Pair it with a\n`<pc-rigid-body>`. Must be a child of a `<pc-entity>`, `<pc-model>` or `<pc-node>`.\n",
           "tagName": "pc-collision",
           "customElement": true,
           "events": [
@@ -7376,7 +8316,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -7394,7 +8334,7 @@
               "type": {
                 "text": "Component | null"
               },
-              "description": "The PlayCanvas component instance. `null` until the element is ready, and also for an\nelement that is not a descendant of a `<pc-entity>` — await whenReady or the\nelement's `ready()` promise before accessing it.",
+              "description": "The PlayCanvas component instance. `null` until the element is ready, and also for an\nelement that is not a descendant of an entity-fronting element (`<pc-entity>`,\n`<pc-model>` or `<pc-node>`) — await whenReady or the element's `ready()` promise\nbefore accessing it.",
               "return": {
                 "type": {
                   "text": ""
@@ -7480,7 +8420,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The ElementComponentElement interface provides properties and methods for manipulating\n[`<pc-element>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-element/) elements.\nThe ElementComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n",
+          "description": "The ElementComponentElement interface provides properties and methods for manipulating\n[`<pc-element>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-element/) elements.\nThe ElementComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nDespite the name, this is not a base class or a generic wrapper: it is the engine's 2D UI\ncomponent, which gives its host entity a rectangle in a `<pc-screen>` hierarchy that draws\neither an image, a line of text or nothing (`type=\"image\"`, `\"text\"` or `\"group\"`). The tag\nspells the engine component it adds, as every component element does.\n\nEngine component: ElementComponent (`element`).\n",
           "name": "ElementComponentElement",
           "members": [
             {
@@ -7587,7 +8527,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -8238,6 +9178,7 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
+          "summary": "The `<pc-element>` element gives its entity a 2D UI rectangle inside a\n`<pc-screen>` hierarchy, drawing an image, a line of text or nothing (`type=\"image\"`, `\"text\"` or\n`\"group\"`). Must be a child of a `<pc-entity>`, `<pc-model>` or `<pc-node>`.\n",
           "tagName": "pc-element",
           "customElement": true,
           "events": [
@@ -8280,7 +9221,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The GSplatComponentElement interface provides properties and methods for manipulating\n[`<pc-gsplat>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-gsplat/) elements.\nThe GSplatComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n",
+          "description": "The GSplatComponentElement interface provides properties and methods for manipulating\n[`<pc-gsplat>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-gsplat/) elements.\nThe GSplatComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nEngine component: GSplatComponent (`gsplat`).\n",
           "name": "GSplatComponentElement",
           "members": [
             {
@@ -8339,7 +9280,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -8540,6 +9481,7 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
+          "summary": "The `<pc-gsplat>` element renders the 3D Gaussian splats of a `gsplat` asset at\nits entity, with attributes for shadow casting and level of detail. Must be a child of a\n`<pc-entity>`, `<pc-model>` or `<pc-node>`.\n",
           "tagName": "pc-gsplat",
           "customElement": true,
           "events": [
@@ -8769,7 +9711,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -9160,7 +10102,7 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "Fired when the impulse on the joint exceeds `break-impulse` and the constraint breaks. A broken joint no longer constrains its bodies; calling `refreshFrames()` on the underlying component re-attaches it. Bubbles and is composed."
+              "description": "Fired when the impulse on the joint exceeds `break-impulse` and the constraint breaks. A broken joint no longer constrains its bodies; calling `refreshFrames()` on the underlying component re-attaches it. Bubbles and is composed. Engine component: `JointComponent` (`joint`)."
             },
             {
               "name": "ready",
@@ -9461,6 +10403,7 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
+          "summary": "The `<pc-joint>` element constrains two rigid bodies to each other — a hinged\ndoor, a swinging chain, a sliding drawer. Its entity's transform is the joint frame, and\n`entity-a` and `entity-b` name the bodies. Must be a child of a `<pc-entity>`, `<pc-model>` or\n`<pc-node>`.\n",
           "tagName": "pc-joint",
           "customElement": true
         }
@@ -9486,11 +10429,11 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/layoutchild-component.ts",
+      "path": "src/components/layout-child-component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The LayoutChildComponentElement interface provides properties and methods for manipulating\n[`<pc-layoutchild>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-layoutchild/) elements.\nThe LayoutChildComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n",
+          "description": "The LayoutChildComponentElement interface provides properties and methods for manipulating\n[`<pc-layout-child>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-layout-child/) elements.\nThe LayoutChildComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nEngine component: LayoutChildComponent (`layoutchild`).\n",
           "name": "LayoutChildComponentElement",
           "members": [
             {
@@ -9517,7 +10460,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -9774,7 +10717,8 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
-          "tagName": "pc-layoutchild",
+          "summary": "The `<pc-layout-child>` element controls how its entity is sized by the\n`<pc-layout-group>` above it, through minimum and maximum sizes and fit proportions. Must be a\nchild of a `<pc-entity>`, `<pc-model>` or `<pc-node>`.\n",
+          "tagName": "pc-layout-child",
           "customElement": true,
           "events": [
             {
@@ -9794,10 +10738,10 @@
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "pc-layoutchild",
+          "name": "pc-layout-child",
           "declaration": {
             "name": "LayoutChildComponentElement",
-            "module": "src/components/layoutchild-component.ts"
+            "module": "src/components/layout-child-component.ts"
           }
         },
         {
@@ -9805,18 +10749,18 @@
           "name": "LayoutChildComponentElement",
           "declaration": {
             "name": "LayoutChildComponentElement",
-            "module": "src/components/layoutchild-component.ts"
+            "module": "src/components/layout-child-component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/layoutgroup-component.ts",
+      "path": "src/components/layout-group-component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The LayoutGroupComponentElement interface provides properties and methods for manipulating\n[`<pc-layoutgroup>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-layoutgroup/) elements.\nThe LayoutGroupComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n",
+          "description": "The LayoutGroupComponentElement interface provides properties and methods for manipulating\n[`<pc-layout-group>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-layout-group/) elements.\nThe LayoutGroupComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nEngine component: LayoutGroupComponent (`layoutgroup`).\n",
           "name": "LayoutGroupComponentElement",
           "members": [
             {
@@ -9859,7 +10803,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -10152,7 +11096,8 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
-          "tagName": "pc-layoutgroup",
+          "summary": "The `<pc-layout-group>` element arranges its entity's children in a row or\ncolumn, with spacing, padding, alignment and fitting. Must be a child of a `<pc-entity>`,\n`<pc-model>` or `<pc-node>`.\n",
+          "tagName": "pc-layout-group",
           "customElement": true,
           "events": [
             {
@@ -10172,10 +11117,10 @@
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "pc-layoutgroup",
+          "name": "pc-layout-group",
           "declaration": {
             "name": "LayoutGroupComponentElement",
-            "module": "src/components/layoutgroup-component.ts"
+            "module": "src/components/layout-group-component.ts"
           }
         },
         {
@@ -10183,7 +11128,7 @@
           "name": "LayoutGroupComponentElement",
           "declaration": {
             "name": "LayoutGroupComponentElement",
-            "module": "src/components/layoutgroup-component.ts"
+            "module": "src/components/layout-group-component.ts"
           }
         }
       ]
@@ -10194,9 +11139,41 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The LightComponentElement interface provides properties and methods for manipulating\n[`<pc-light>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-light/) elements.\nThe LightComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n",
+          "description": "The LightComponentElement interface provides properties and methods for manipulating\n[`<pc-light>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-light/) elements.\nThe LightComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nEngine component: LightComponent (`light`).\n",
           "name": "LightComponentElement",
           "members": [
+            {
+              "kind": "field",
+              "name": "cascadeBlend",
+              "description": "Gets the cascade blend factor of the light, from 0 (no blending) to 1, which applies only to\n`directional` lights with `num-cascades` greater than 1.",
+              "parameters": [
+                {
+                  "description": "The cascade blend factor.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "cascadeDistribution",
+              "description": "Gets the cascade distribution of the light, from 0 (linear split) to 1 (logarithmic split,\nconcentrating shadow resolution near the camera), which applies only to `directional` lights\nwith `num-cascades` greater than 1.",
+              "parameters": [
+                {
+                  "description": "The cascade distribution.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
+            },
             {
               "kind": "field",
               "name": "castShadows",
@@ -10237,7 +11214,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -10351,6 +11328,22 @@
                 }
               }
             },
+            {
+              "kind": "field",
+              "name": "numCascades",
+              "description": "Gets the number of shadow cascades of the light, an integer from 1 (no cascades) to 4, which\napplies only to `directional` lights.",
+              "parameters": [
+                {
+                  "description": "The number of shadow cascades.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
+            },
             {
               "kind": "field",
               "name": "outerConeAngle",
@@ -10591,6 +11584,24 @@
             }
           ],
           "attributes": [
+            {
+              "name": "cascade-blend",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "cascadeBlend",
+              "default": "0",
+              "description": "The cascade blend factor of the light, from 0 (no blending) to 1, which applies only to `directional` lights with `num-cascades` greater than 1."
+            },
+            {
+              "name": "cascade-distribution",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "cascadeDistribution",
+              "default": "0.5",
+              "description": "The cascade distribution of the light, from 0 (linear split) to 1 (logarithmic split, concentrating shadow resolution near the camera), which applies only to `directional` lights with `num-cascades` greater than 1."
+            },
             {
               "name": "cast-shadows",
               "type": {
@@ -10646,9 +11657,18 @@
                 "text": "number"
               },
               "fieldName": "normalOffsetBias",
-              "default": "0.05",
+              "default": "0",
               "description": "The normal offset bias of the light."
             },
+            {
+              "name": "num-cascades",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "numCascades",
+              "default": "1",
+              "description": "The number of shadow cascades of the light, an integer from 1 (no cascades) to 4, which applies only to `directional` lights."
+            },
             {
               "name": "outer-cone-angle",
               "type": {
@@ -10691,7 +11711,7 @@
                 "text": "number"
               },
               "fieldName": "shadowBias",
-              "default": "0.2",
+              "default": "0.05",
               "description": "The shadow bias of the light."
             },
             {
@@ -10709,7 +11729,7 @@
                 "text": "number"
               },
               "fieldName": "shadowDistance",
-              "default": "16",
+              "default": "40",
               "description": "The shadow distance of the light."
             },
             {
@@ -10763,7 +11783,7 @@
                 "text": "number"
               },
               "fieldName": "vsmBias",
-              "default": "0.01",
+              "default": "0.0025",
               "description": "The VSM bias of the light."
             },
             {
@@ -10780,6 +11800,7 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
+          "summary": "The `<pc-light>` element lights the scene from its entity — as a directional,\nomni or spot light — with attributes for color, intensity, range and shadows. Must be a child of\na `<pc-entity>`, `<pc-model>` or `<pc-node>`.\n",
           "tagName": "pc-light",
           "customElement": true,
           "events": [
@@ -10803,179 +11824,26 @@
           "name": "pc-light",
           "declaration": {
             "name": "LightComponentElement",
-            "module": "src/components/light-component.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "LightComponentElement",
-          "declaration": {
-            "name": "LightComponentElement",
-            "module": "src/components/light-component.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/listener-component.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The ListenerComponentElement interface provides properties and methods for manipulating\n[`<pc-listener>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-listener/) elements.\nThe ListenerComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n",
-          "name": "ListenerComponentElement",
-          "members": [
-            {
-              "kind": "field",
-              "name": "closestApp",
-              "type": {
-                "text": "AppElement | null"
-              },
-              "description": "The nearest ancestor `<pc-app>` element, or `null` if this element has no `<pc-app>`\nancestor. The search starts at the parent, so an element never resolves to itself.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "AsyncElement",
-                "module": "src/async-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "closestEntity",
-              "type": {
-                "text": "EntityBaseElement | null"
-              },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "AsyncElement",
-                "module": "src/async-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "component",
-              "type": {
-                "text": "Component | null"
-              },
-              "description": "Gets the underlying PlayCanvas audio listener component.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "ComponentElement",
-                "module": "src/components/component.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "enabled",
-              "description": "Gets the enabled state of the component.",
-              "parameters": [
-                {
-                  "description": "The enabled state of the component.",
-                  "name": "value"
-                }
-              ],
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "inheritedFrom": {
-                "name": "ComponentElement",
-                "module": "src/components/component.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "ready",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "description": "Returns a promise that resolves with this element when it's ready. This is the low-level\nprimitive underlying whenReady, which is the recommended way to wait for elements.\n\nReadiness tracks the element's current lifecycle: once a ready element is torn down (for\nexample by removing it from the document), this returns a fresh promise that resolves when\nthe element is next ready. A promise obtained earlier stays resolved — call this again\nafter re-inserting an element rather than reusing a promise from before its removal.",
-              "inheritedFrom": {
-                "name": "AsyncElement",
-                "module": "src/async-element.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "ComponentElement",
-            "module": "/src/components/component"
-          },
-          "tagName": "pc-listener",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "enabled",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "enabled",
-              "default": "true",
-              "description": "The enabled state of the component.",
-              "inheritedFrom": {
-                "name": "ComponentElement",
-                "module": "src/components/component.ts"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "ready",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired when the element is fully initialized — once per readiness cycle, so an element that is torn down and re-initialized (for example by removing and re-inserting it) fires it again. Bubbles and is composed.",
-              "inheritedFrom": {
-                "name": "AsyncElement",
-                "module": "src/async-element.ts"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "pc-listener",
-          "declaration": {
-            "name": "ListenerComponentElement",
-            "module": "src/components/listener-component.ts"
+            "module": "src/components/light-component.ts"
           }
         },
         {
           "kind": "js",
-          "name": "ListenerComponentElement",
+          "name": "LightComponentElement",
           "declaration": {
-            "name": "ListenerComponentElement",
-            "module": "src/components/listener-component.ts"
+            "name": "LightComponentElement",
+            "module": "src/components/light-component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/particlesystem-component.ts",
+      "path": "src/components/particle-system-component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The ParticleSystemComponentElement interface provides properties and methods for manipulating\n[`<pc-particles>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-particles/) elements.\nThe ParticleSystemComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n",
+          "description": "The ParticleSystemComponentElement interface provides properties and methods for manipulating\n[`<pc-particle-system>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-particle-system/) elements.\nThe ParticleSystemComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nEngine component: ParticleSystemComponent (`particlesystem`).\n",
           "name": "ParticleSystemComponentElement",
           "members": [
             {
@@ -11021,7 +11889,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -11133,7 +12001,8 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
-          "tagName": "pc-particles",
+          "summary": "The `<pc-particle-system>` element emits particles from its entity, with\nattributes for the emitter's shape, rate, lifetime, textures and blending. Must be a child of a\n`<pc-entity>`, `<pc-model>` or `<pc-node>`.\n",
+          "tagName": "pc-particle-system",
           "customElement": true,
           "events": [
             {
@@ -11153,10 +12022,10 @@
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "pc-particles",
+          "name": "pc-particle-system",
           "declaration": {
             "name": "ParticleSystemComponentElement",
-            "module": "src/components/particlesystem-component.ts"
+            "module": "src/components/particle-system-component.ts"
           }
         },
         {
@@ -11164,7 +12033,7 @@
           "name": "ParticleSystemComponentElement",
           "declaration": {
             "name": "ParticleSystemComponentElement",
-            "module": "src/components/particlesystem-component.ts"
+            "module": "src/components/particle-system-component.ts"
           }
         }
       ]
@@ -11175,7 +12044,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The RenderComponentElement interface provides properties and methods for manipulating\n[`<pc-render>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-render/) elements.\nThe RenderComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nThis element renders one of the engine's built-in primitives, selected with `type` (defaulting\nto `box`). It does not cover the engine's `asset` render type, since there is no way to supply\na render asset here — use `pc-model` for glTF content instead.\n",
+          "description": "The RenderComponentElement interface provides properties and methods for manipulating\n[`<pc-render>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-render/) elements.\nThe RenderComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nThis element renders one of the engine's built-in primitives, selected with `type` (defaulting\nto `box`). It does not cover the engine's `asset` render type, since there is no way to supply\na render asset here — use `pc-model` for glTF content instead.\n\nEngine component: RenderComponent (`render`).\n",
           "name": "RenderComponentElement",
           "members": [
             {
@@ -11221,7 +12090,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -11394,6 +12263,7 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
+          "summary": "The `<pc-render>` element renders one of the engine's built-in primitives at its\nentity — box, sphere, capsule, cone, cylinder or plane — shaded by the `<pc-material>` its\n`material` attribute names. For glTF content, use `<pc-model>` instead. Must be a child of a\n`<pc-entity>`, `<pc-model>` or `<pc-node>`.\n",
           "tagName": "pc-render",
           "customElement": true,
           "events": [
@@ -11432,11 +12302,11 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/rigidbody-component.ts",
+      "path": "src/components/rigid-body-component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The RigidBodyComponentElement interface provides properties and methods for manipulating\n[`<pc-rigidbody>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-rigidbody/) elements.\nThe RigidBodyComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n",
+          "description": "The RigidBodyComponentElement interface provides properties and methods for manipulating\n[`<pc-rigid-body>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-rigid-body/) elements.\nThe RigidBodyComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nEngine component: RigidBodyComponent (`rigidbody`).\n",
           "name": "RigidBodyComponentElement",
           "members": [
             {
@@ -11471,7 +12341,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -11657,7 +12527,8 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
-          "tagName": "pc-rigidbody",
+          "summary": "The `<pc-rigid-body>` element hands its entity to the physics simulation, with\nattributes for its type, mass, friction and restitution. It needs a sibling `<pc-collision>` for\nits shape, and `Ammo` loaded through `<pc-wasm>`. Must be a child of a `<pc-entity>`,\n`<pc-model>` or `<pc-node>`.\n",
+          "tagName": "pc-rigid-body",
           "customElement": true,
           "events": [
             {
@@ -11677,10 +12548,10 @@
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "pc-rigidbody",
+          "name": "pc-rigid-body",
           "declaration": {
             "name": "RigidBodyComponentElement",
-            "module": "src/components/rigidbody-component.ts"
+            "module": "src/components/rigid-body-component.ts"
           }
         },
         {
@@ -11688,7 +12559,7 @@
           "name": "RigidBodyComponentElement",
           "declaration": {
             "name": "RigidBodyComponentElement",
-            "module": "src/components/rigidbody-component.ts"
+            "module": "src/components/rigid-body-component.ts"
           }
         }
       ]
@@ -11699,7 +12570,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The ScreenComponentElement interface provides properties and methods for manipulating\n[`<pc-screen>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-screen/) elements.\nThe ScreenComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n",
+          "description": "The ScreenComponentElement interface provides properties and methods for manipulating\n[`<pc-screen>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-screen/) elements.\nThe ScreenComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nEngine component: ScreenComponent (`screen`).\n",
           "name": "ScreenComponentElement",
           "members": [
             {
@@ -11726,7 +12597,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -11910,6 +12781,7 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
+          "summary": "The `<pc-screen>` element gives its entity a 2D space — in screen space or in the\nworld — that a hierarchy of `<pc-element>` descendants lays out inside. Must be a child of a\n`<pc-entity>`, `<pc-model>` or `<pc-node>`.\n",
           "tagName": "pc-screen",
           "customElement": true,
           "events": [
@@ -11952,7 +12824,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The ScriptComponentElement interface provides properties and methods for manipulating\n[`<pc-scripts>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-scripts/) elements.\nThe ScriptComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n",
+          "description": "The ScriptComponentElement interface provides properties and methods for manipulating\n[`<pc-script>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-script/) elements.\nThe ScriptComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nEngine component: ScriptComponent (`script`).\n",
           "name": "ScriptComponentElement",
           "members": [
             {
@@ -11979,7 +12851,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -12048,7 +12920,8 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
-          "tagName": "pc-scripts",
+          "summary": "The `<pc-script>` element holds the `<pc-script-instance>` children that attach\nscripts to its entity. Must be a child of a `<pc-entity>`, `<pc-model>` or `<pc-node>`.\n",
+          "tagName": "pc-script",
           "customElement": true,
           "attributes": [
             {
@@ -12083,7 +12956,7 @@
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "pc-scripts",
+          "name": "pc-script",
           "declaration": {
             "name": "ScriptComponentElement",
             "module": "src/components/script-component.ts"
@@ -12101,12 +12974,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/script.ts",
+      "path": "src/components/script-instance.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The ScriptElement interface provides properties and methods for manipulating\n`<pc-script>` elements. The ScriptElement interface also inherits the properties and\nmethods of the AsyncElement interface.\n\nScript attributes can be supplied through two channels:\n\n- **Per-property attributes**: any non-reserved attribute on the element maps to the script\n  attribute of the same name (kebab-case to camelCase, e.g. `focus-point` → `focusPoint`).\n  Values are parsed according to the type of the attribute's current value — initially the\n  script's declared default (numbers, booleans, strings, Vec2/3/4, Color, Quat as Euler\n  angles) — and the `asset:`/`entity:`/`vec2:`/`vec3:`/`vec4:`/`color:` prefixes may be used\n  to be explicit.\n- **The `attributes` JSON attribute**: an object supporting nested structures and attribute\n  names that collide with reserved HTML attribute names (e.g. `title`).\n\nWhen both specify the same attribute, the per-property attribute wins — at creation and\nwhenever either channel changes at runtime. The element's own `name` and `enabled`\nattributes configure the element itself and are not script attributes.\n\nChanging `name` on a live element destroys the old-name script instance and creates the\nnew-name one, re-applying both attribute channels to it.\n\nThe element becomes ready once its script instance has been created by the parent\n`<pc-scripts>` element.\n",
-          "name": "ScriptElement",
+          "description": "The ScriptInstanceElement interface provides properties and methods for manipulating\n`<pc-script-instance>` elements. The ScriptInstanceElement interface also inherits the properties and\nmethods of the AsyncElement interface.\n\nScript attributes can be supplied through two channels:\n\n- **Per-property attributes**: any non-reserved attribute on the element maps to the script\n  attribute of the same name (kebab-case to camelCase, e.g. `focus-point` → `focusPoint`).\n  Values are parsed according to the type of the attribute's current value — initially the\n  script's declared default (numbers, booleans, strings, Vec2/3/4, Color, Quat as Euler\n  angles) — and the `asset:`/`entity:`/`vec2:`/`vec3:`/`vec4:`/`color:` prefixes may be used\n  to be explicit.\n- **The `attributes` JSON attribute**: an object supporting nested structures and attribute\n  names that collide with reserved HTML attribute names (e.g. `title`).\n\nWhen both specify the same attribute, the per-property attribute wins — at creation and\nwhenever either channel changes at runtime. The element's own `name` and `enabled`\nattributes configure the element itself and are not script attributes.\n\nChanging `name` on a live element destroys the old-name script instance and creates the\nnew-name one, re-applying both attribute channels to it.\n\nThe element becomes ready once its script instance has been created by the parent\n`<pc-script>` element.\n",
+          "name": "ScriptInstanceElement",
           "members": [
             {
               "kind": "field",
@@ -12132,7 +13005,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -12289,288 +13162,37 @@
             "name": "AsyncElement",
             "module": "/src/async-element"
           },
-          "tagName": "pc-script",
+          "summary": "The `<pc-script-instance>` element attaches one script class, named by `name`, to\nthe entity of its parent `<pc-script>`. Its other attributes set script attributes of the same\nname, and `attributes` takes a JSON object instead. Must be a direct child of `<pc-script>`.\n",
+          "tagName": "pc-script-instance",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "pc-script",
-          "declaration": {
-            "name": "ScriptElement",
-            "module": "src/components/script.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ScriptElement",
-          "declaration": {
-            "name": "ScriptElement",
-            "module": "src/components/script.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/scrollbar-component.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The ScrollbarComponentElement interface provides properties and methods for manipulating\n[`<pc-scrollbar>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-scrollbar/) elements.\nThe ScrollbarComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n",
-          "name": "ScrollbarComponentElement",
-          "members": [
-            {
-              "kind": "field",
-              "name": "closestApp",
-              "type": {
-                "text": "AppElement | null"
-              },
-              "description": "The nearest ancestor `<pc-app>` element, or `null` if this element has no `<pc-app>`\nancestor. The search starts at the parent, so an element never resolves to itself.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "AsyncElement",
-                "module": "src/async-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "closestEntity",
-              "type": {
-                "text": "EntityBaseElement | null"
-              },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "AsyncElement",
-                "module": "src/async-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "component",
-              "type": {
-                "text": "Component | null"
-              },
-              "description": "Gets the underlying PlayCanvas scrollbar component.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "ComponentElement",
-                "module": "src/components/component.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "enabled",
-              "description": "Gets the enabled state of the component.",
-              "parameters": [
-                {
-                  "description": "The enabled state of the component.",
-                  "name": "value"
-                }
-              ],
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "inheritedFrom": {
-                "name": "ComponentElement",
-                "module": "src/components/component.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handle",
-              "description": "Gets the reference to the `<pc-entity>` used as the scrollbar handle.",
-              "parameters": [
-                {
-                  "description": "The handle entity reference.",
-                  "name": "value"
-                }
-              ],
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleSize",
-              "description": "Gets the size of the handle relative to the size of the track.",
-              "parameters": [
-                {
-                  "description": "The handle size.",
-                  "name": "value"
-                }
-              ],
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "orientation",
-              "description": "Gets the orientation of the scrollbar.",
-              "parameters": [
-                {
-                  "description": "The orientation.",
-                  "name": "value"
-                }
-              ],
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "ready",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "description": "Returns a promise that resolves with this element when it's ready. This is the low-level\nprimitive underlying whenReady, which is the recommended way to wait for elements.\n\nReadiness tracks the element's current lifecycle: once a ready element is torn down (for\nexample by removing it from the document), this returns a fresh promise that resolves when\nthe element is next ready. A promise obtained earlier stays resolved — call this again\nafter re-inserting an element rather than reusing a promise from before its removal.",
-              "inheritedFrom": {
-                "name": "AsyncElement",
-                "module": "src/async-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "description": "Gets the current position value of the scrollbar.",
-              "parameters": [
-                {
-                  "description": "The scrollbar value.",
-                  "name": "value"
-                }
-              ],
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "enabled",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "enabled",
-              "default": "true",
-              "description": "The enabled state of the component.",
-              "inheritedFrom": {
-                "name": "ComponentElement",
-                "module": "src/components/component.ts"
-              }
-            },
-            {
-              "name": "handle",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "handle",
-              "description": "The reference to the `<pc-entity>` used as the scrollbar handle."
-            },
-            {
-              "name": "handle-size",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "handleSize",
-              "default": "0.5",
-              "description": "The size of the handle relative to the size of the track."
-            },
-            {
-              "name": "orientation",
-              "type": {
-                "text": "'horizontal' | 'vertical'"
-              },
-              "fieldName": "orientation",
-              "default": "horizontal",
-              "description": "The orientation of the scrollbar."
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "value",
-              "default": "0",
-              "description": "The current position value of the scrollbar."
-            }
-          ],
-          "superclass": {
-            "name": "ComponentElement",
-            "module": "/src/components/component"
-          },
-          "tagName": "pc-scrollbar",
-          "customElement": true,
-          "events": [
-            {
-              "name": "ready",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired when the element is fully initialized — once per readiness cycle, so an element that is torn down and re-initialized (for example by removing and re-inserting it) fires it again. Bubbles and is composed.",
-              "inheritedFrom": {
-                "name": "AsyncElement",
-                "module": "src/async-element.ts"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "pc-scrollbar",
+          "name": "pc-script-instance",
           "declaration": {
-            "name": "ScrollbarComponentElement",
-            "module": "src/components/scrollbar-component.ts"
+            "name": "ScriptInstanceElement",
+            "module": "src/components/script-instance.ts"
           }
         },
         {
           "kind": "js",
-          "name": "ScrollbarComponentElement",
+          "name": "ScriptInstanceElement",
           "declaration": {
-            "name": "ScrollbarComponentElement",
-            "module": "src/components/scrollbar-component.ts"
+            "name": "ScriptInstanceElement",
+            "module": "src/components/script-instance.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/scrollview-component.ts",
+      "path": "src/components/scroll-view-component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The ScrollViewComponentElement interface provides properties and methods for manipulating\n[`<pc-scrollview>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-scrollview/) elements.\nThe ScrollViewComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n",
+          "description": "The ScrollViewComponentElement interface provides properties and methods for manipulating\n[`<pc-scroll-view>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-scroll-view/) elements.\nThe ScrollViewComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nEngine component: ScrollViewComponent (`scrollview`).\n",
           "name": "ScrollViewComponentElement",
           "members": [
             {
@@ -12613,7 +13235,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -13002,7 +13624,8 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
-          "tagName": "pc-scrollview",
+          "summary": "The `<pc-scroll-view>` element scrolls a larger content entity within a clipped\nviewport at its entity, optionally driven by the `<pc-scrollbar>` elements it references. Must be\na child of a `<pc-entity>`, `<pc-model>` or `<pc-node>`.\n",
+          "tagName": "pc-scroll-view",
           "customElement": true,
           "events": [
             {
@@ -13022,10 +13645,10 @@
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "pc-scrollview",
+          "name": "pc-scroll-view",
           "declaration": {
             "name": "ScrollViewComponentElement",
-            "module": "src/components/scrollview-component.ts"
+            "module": "src/components/scroll-view-component.ts"
           }
         },
         {
@@ -13033,7 +13656,260 @@
           "name": "ScrollViewComponentElement",
           "declaration": {
             "name": "ScrollViewComponentElement",
-            "module": "src/components/scrollview-component.ts"
+            "module": "src/components/scroll-view-component.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/scrollbar-component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The ScrollbarComponentElement interface provides properties and methods for manipulating\n[`<pc-scrollbar>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-scrollbar/) elements.\nThe ScrollbarComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nEngine component: ScrollbarComponent (`scrollbar`).\n",
+          "name": "ScrollbarComponentElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "closestApp",
+              "type": {
+                "text": "AppElement | null"
+              },
+              "description": "The nearest ancestor `<pc-app>` element, or `null` if this element has no `<pc-app>`\nancestor. The search starts at the parent, so an element never resolves to itself.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "closestEntity",
+              "type": {
+                "text": "EntityBaseElement | null"
+              },
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "component",
+              "type": {
+                "text": "Component | null"
+              },
+              "description": "Gets the underlying PlayCanvas scrollbar component.",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ComponentElement",
+                "module": "src/components/component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "enabled",
+              "description": "Gets the enabled state of the component.",
+              "parameters": [
+                {
+                  "description": "The enabled state of the component.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "inheritedFrom": {
+                "name": "ComponentElement",
+                "module": "src/components/component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handle",
+              "description": "Gets the reference to the `<pc-entity>` used as the scrollbar handle.",
+              "parameters": [
+                {
+                  "description": "The handle entity reference.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleSize",
+              "description": "Gets the size of the handle relative to the size of the track.",
+              "parameters": [
+                {
+                  "description": "The handle size.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "description": "Gets the orientation of the scrollbar.",
+              "parameters": [
+                {
+                  "description": "The orientation.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "ready",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "description": "Returns a promise that resolves with this element when it's ready. This is the low-level\nprimitive underlying whenReady, which is the recommended way to wait for elements.\n\nReadiness tracks the element's current lifecycle: once a ready element is torn down (for\nexample by removing it from the document), this returns a fresh promise that resolves when\nthe element is next ready. A promise obtained earlier stays resolved — call this again\nafter re-inserting an element rather than reusing a promise from before its removal.",
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "Gets the current position value of the scrollbar.",
+              "parameters": [
+                {
+                  "description": "The scrollbar value.",
+                  "name": "value"
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "enabled",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "enabled",
+              "default": "true",
+              "description": "The enabled state of the component.",
+              "inheritedFrom": {
+                "name": "ComponentElement",
+                "module": "src/components/component.ts"
+              }
+            },
+            {
+              "name": "handle",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "handle",
+              "description": "The reference to the `<pc-entity>` used as the scrollbar handle."
+            },
+            {
+              "name": "handle-size",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "handleSize",
+              "default": "0.5",
+              "description": "The size of the handle relative to the size of the track."
+            },
+            {
+              "name": "orientation",
+              "type": {
+                "text": "'horizontal' | 'vertical'"
+              },
+              "fieldName": "orientation",
+              "default": "horizontal",
+              "description": "The orientation of the scrollbar."
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "value",
+              "default": "0",
+              "description": "The current position value of the scrollbar."
+            }
+          ],
+          "superclass": {
+            "name": "ComponentElement",
+            "module": "/src/components/component"
+          },
+          "summary": "The `<pc-scrollbar>` element gives its entity a draggable handle reporting a\nposition from 0 to 1, which a `<pc-scroll-view>` references to scroll its content. Must be a\nchild of a `<pc-entity>`, `<pc-model>` or `<pc-node>`.\n",
+          "tagName": "pc-scrollbar",
+          "customElement": true,
+          "events": [
+            {
+              "name": "ready",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the element is fully initialized — once per readiness cycle, so an element that is torn down and re-initialized (for example by removing and re-inserting it) fires it again. Bubbles and is composed.",
+              "inheritedFrom": {
+                "name": "AsyncElement",
+                "module": "src/async-element.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "pc-scrollbar",
+          "declaration": {
+            "name": "ScrollbarComponentElement",
+            "module": "src/components/scrollbar-component.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ScrollbarComponentElement",
+          "declaration": {
+            "name": "ScrollbarComponentElement",
+            "module": "src/components/scrollbar-component.ts"
           }
         }
       ]
@@ -13044,7 +13920,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The SoundComponentElement interface provides properties and methods for manipulating\n[`<pc-sounds>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-sounds/) elements.\nThe SoundComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n",
+          "description": "The SoundComponentElement interface provides properties and methods for manipulating\n[`<pc-sound>`](https://developer.playcanvas.com/user-manual/web-components/tags/pc-sound/) elements.\nThe SoundComponentElement interface also inherits the properties and methods of the\nHTMLElement interface.\n\nEngine component: SoundComponent (`sound`).\n",
           "name": "SoundComponentElement",
           "members": [
             {
@@ -13071,7 +13947,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -13333,7 +14209,8 @@
             "name": "ComponentElement",
             "module": "/src/components/component"
           },
-          "tagName": "pc-sounds",
+          "summary": "The `<pc-sound>` element holds the `<pc-sound-slot>` children that play sounds at\nits entity, along with the positional audio settings they share. Must be a child of a\n`<pc-entity>`, `<pc-model>` or `<pc-node>`.\n",
+          "tagName": "pc-sound",
           "customElement": true,
           "events": [
             {
@@ -13353,7 +14230,7 @@
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "pc-sounds",
+          "name": "pc-sound",
           "declaration": {
             "name": "SoundComponentElement",
             "module": "src/components/sound-component.ts"
@@ -13375,7 +14252,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The SoundSlotElement interface provides properties and methods for manipulating\n`<pc-sound>` elements. The SoundSlotElement interface also inherits the properties and\nmethods of the AsyncElement interface.\n",
+          "description": "The SoundSlotElement interface provides properties and methods for manipulating\n`<pc-sound-slot>` elements. The SoundSlotElement interface also inherits the properties and\nmethods of the AsyncElement interface.\n",
           "name": "SoundSlotElement",
           "members": [
             {
@@ -13434,7 +14311,7 @@
               "type": {
                 "text": "EntityBaseElement | null"
               },
-              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>` or `<pc-node>` — or\n`null` if this element has no such ancestor. The search starts at the parent, so an element\nnever resolves to itself.",
+              "description": "The nearest ancestor element that fronts an entity — `<pc-entity>`, `<pc-model>` or\n`<pc-node>` — or `null` if this element has no such ancestor. The search starts at the\nparent, so an element never resolves to itself.",
               "return": {
                 "type": {
                   "text": ""
@@ -13669,7 +14546,8 @@
             "name": "AsyncElement",
             "module": "/src/async-element"
           },
-          "tagName": "pc-sound",
+          "summary": "The `<pc-sound-slot>` element declares one named sound on its parent `<pc-sound>`\n— its asset, volume, pitch, looping and autoplay. Must be a direct child of `<pc-sound>`.\n",
+          "tagName": "pc-sound-slot",
           "customElement": true,
           "events": [
             {
@@ -13689,7 +14567,7 @@
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "pc-sound",
+          "name": "pc-sound-slot",
           "declaration": {
             "name": "SoundSlotElement",
             "module": "src/components/sound-slot.ts"