@tmorrow/cre8-wc 2.0.7 → 2.1.0

package/a2ui/catalog.json

@@ -1,12 +1,60 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://cre8.dev/a2ui/catalogs/cre8-wc/2.0.6",
+  "$id": "https://cre8.dev/a2ui/catalogs/cre8-wc/2.0.7",
   "title": "cre8-wc A2UI Catalog",
   "description": "cre8 Web Components is a library of presentational UI web components to be consumed by # web applications.",
+  "x-native-events": [
+    "click",
+    "dblclick",
+    "contextmenu",
+    "mousedown",
+    "mouseup",
+    "mouseenter",
+    "mouseleave",
+    "mouseover",
+    "mouseout",
+    "mousemove",
+    "pointerdown",
+    "pointerup",
+    "pointerenter",
+    "pointerleave",
+    "touchstart",
+    "touchend",
+    "touchmove",
+    "touchcancel",
+    "keydown",
+    "keyup",
+    "keypress",
+    "focus",
+    "blur",
+    "focusin",
+    "focusout",
+    "input",
+    "change",
+    "submit",
+    "reset",
+    "invalid",
+    "select",
+    "scroll",
+    "wheel",
+    "resize",
+    "copy",
+    "cut",
+    "paste",
+    "drag",
+    "dragstart",
+    "dragend",
+    "dragenter",
+    "dragleave",
+    "dragover",
+    "drop",
+    "load",
+    "error"
+  ],
   "x-a2ui": {
     "catalogId": "cre8-wc",
     "library": "@tmorrow/cre8-wc",
-    "libraryVersion": "2.0.6",
+    "libraryVersion": "2.0.7",
     "tagPrefix": "cre8",
     "framework": "Lit 3.3.1"
   },
@@ -280,6 +328,96 @@
         }
       ]
     },
+    "Child": {
+      "description": "Slot content: either a nested component instance or literal text, which renders as a text node.",
+      "oneOf": [
+        {
+          "$ref": "#/$defs/Component"
+        },
+        {
+          "type": "string"
+        }
+      ]
+    },
+    "EventBinding": {
+      "description": "A handler name, or an object naming the handler plus dispatch options.",
+      "oneOf": [
+        {
+          "type": "string",
+          "minLength": 1
+        },
+        {
+          "type": "object",
+          "required": [
+            "handler"
+          ],
+          "additionalProperties": false,
+          "properties": {
+            "handler": {
+              "type": "string",
+              "minLength": 1
+            },
+            "stopPropagation": {
+              "type": "boolean"
+            },
+            "preventDefault": {
+              "type": "boolean"
+            }
+          }
+        }
+      ]
+    },
+    "NativeEventName": {
+      "description": "A native DOM event, bindable on any component.",
+      "enum": [
+        "blur",
+        "change",
+        "click",
+        "contextmenu",
+        "copy",
+        "cut",
+        "dblclick",
+        "drag",
+        "dragend",
+        "dragenter",
+        "dragleave",
+        "dragover",
+        "dragstart",
+        "drop",
+        "error",
+        "focus",
+        "focusin",
+        "focusout",
+        "input",
+        "invalid",
+        "keydown",
+        "keypress",
+        "keyup",
+        "load",
+        "mousedown",
+        "mouseenter",
+        "mouseleave",
+        "mousemove",
+        "mouseout",
+        "mouseover",
+        "mouseup",
+        "paste",
+        "pointerdown",
+        "pointerenter",
+        "pointerleave",
+        "pointerup",
+        "reset",
+        "resize",
+        "scroll",
+        "select",
+        "submit",
+        "touchcancel",
+        "touchend",
+        "touchmove",
+        "touchstart",
+        "wheel"
+      ]
+    },
     "components": {
       "cre8-button": {
         "type": "object",
@@ -483,17 +621,27 @@
                 "type": "array",
                 "description": "Content rendered before the button text, such as an icon",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "after": {
                 "type": "array",
                 "description": "Content rendered after the button text, such as an icon",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -542,7 +690,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -720,6 +878,16 @@
                 "x-kind": "property"
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false
@@ -770,16 +938,36 @@
             "type": "array",
             "description": "The component content , this will consist of the dropdown when the user clicks the caret",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "anyOf": [
+                {
+                  "$ref": "#/$defs/NativeEventName"
+                },
+                {
+                  "enum": [
+                    "split-button-dropdown-click",
+                    "split-button-text-click"
+                  ]
+                }
+              ]
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
         "additionalProperties": false,
         "x-events": {
-          "text-click": {
+          "split-button-text-click": {
             "detail": {}
           },
-          "dropdown-click": {
+          "split-button-dropdown-click": {
             "detail": {}
           }
         }
@@ -893,25 +1081,46 @@
                 "x-kind": "property"
               },
               "colors": {
+                "description": "Default colors for datasets (uses cre8 design token colors).",
                 "type": "array",
                 "items": {
                   "type": "string"
                 },
-                "description": "Default colors for datasets (uses cre8 design token colors).",
                 "x-kind": "property"
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "anyOf": [
+                {
+                  "$ref": "#/$defs/NativeEventName"
+                },
+                {
+                  "enum": [
+                    "chart-click",
+                    "chart-hover",
+                    "chart-ready"
+                  ]
+                }
+              ]
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
         "x-events": {
-          "cre8-chart-click": {
+          "chart-click": {
             "detail": {}
           },
-          "cre8-chart-hover": {
+          "chart-hover": {
             "detail": {}
           },
-          "cre8-chart-ready": {
+          "chart-ready": {
             "detail": {}
           }
         }
@@ -947,6 +1156,23 @@
                   "padded"
                 ],
                 "x-kind": "attribute"
+              },
+              "items": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "text": {
+                      "type": "string"
+                    }
+                  },
+                  "required": [
+                    "text"
+                  ],
+                  "additionalProperties": false
+                },
+                "description": "Items for a data-driven list. Set this and the list builds its own\n`cre8-list-item` children in the light DOM — the same composition you would\nwrite by hand. Leave it unset to compose the list yourself.",
+                "x-kind": "attribute"
               }
             }
           },
@@ -954,7 +1180,17 @@
             "type": "array",
             "description": "The list items",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -982,7 +1218,17 @@
             "type": "array",
             "description": "The content of the list item",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -1037,11 +1283,30 @@
                 "x-kind": "attribute"
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "anyOf": [
+                {
+                  "$ref": "#/$defs/NativeEventName"
+                },
+                {
+                  "enum": [
+                    "remove-tag-click"
+                  ]
+                }
+              ]
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
         "x-events": {
-          "removeTagClicked": {
+          "remove-tag-click": {
             "detail": {}
           }
         }
@@ -1063,6 +1328,56 @@
             "type": "object",
             "additionalProperties": false,
             "properties": {
+              "columns": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "label": {
+                      "type": "string"
+                    },
+                    "key": {
+                      "type": "string"
+                    },
+                    "width": {
+                      "type": "string"
+                    }
+                  },
+                  "required": [
+                    "label"
+                  ],
+                  "additionalProperties": false
+                },
+                "description": "Columns for a data-driven table. Set this with `rows` and the table builds\nits own header, body, rows and cells — the same composition you would write\nby hand, generated into the light DOM, so nothing about styling or\nbehaviour changes.\n\nLeave both unset to compose the table yourself with `cre8-table-header`,\n`cre8-table-body` and friends. Do not do both on one table.",
+                "x-kind": "attribute"
+              },
+              "rows": {
+                "type": "array",
+                "items": {
+                  "oneOf": [
+                    {
+                      "type": "object",
+                      "additionalProperties": {
+                        "type": [
+                          "string",
+                          "number"
+                        ]
+                      }
+                    },
+                    {
+                      "type": "array",
+                      "items": {
+                        "type": [
+                          "string",
+                          "number"
+                        ]
+                      }
+                    }
+                  ]
+                },
+                "description": "Rows for a data-driven table. Each row is either an object keyed by the\ncolumns' `key`, or an array of values positioned to match `columns`.",
+                "x-kind": "attribute"
+              },
               "caption": {
                 "description": "Specifies the caption/title of the table, visible to all users.\nIncreases accessibility of table.",
                 "type": "string",
@@ -1091,7 +1406,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -1119,7 +1444,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -1164,7 +1499,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -1192,7 +1537,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -1231,7 +1586,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -1264,24 +1629,34 @@
                 "type": "array",
                 "description": "The component content",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "header": {
                 "type": "array",
                 "description": "Content rendered in the table object header",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "footer": {
                 "type": "array",
                 "description": "Content rendered in the table object footer",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -1347,17 +1722,27 @@
                 "type": "array",
                 "description": "The component content",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "expandableContent": {
                 "type": "array",
                 "description": "Content revealed when the row is expanded",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -1464,6 +1849,25 @@
                 "x-kind": "property"
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "anyOf": [
+                {
+                  "$ref": "#/$defs/NativeEventName"
+                },
+                {
+                  "enum": [
+                    "change"
+                  ]
+                }
+              ]
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -1495,6 +1899,48 @@
                 "type": "string",
                 "x-kind": "attribute"
               },
+              "tags": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "text": {
+                      "type": "string"
+                    },
+                    "variant": {
+                      "type": "string",
+                      "enum": [
+                        "neutral",
+                        "branded",
+                        "neutral-hybrid"
+                      ]
+                    },
+                    "shape": {
+                      "type": "string",
+                      "enum": [
+                        "square",
+                        "round"
+                      ]
+                    },
+                    "type": {
+                      "type": "string",
+                      "enum": [
+                        "checkbox",
+                        "radio"
+                      ]
+                    },
+                    "disabled": {
+                      "type": "boolean"
+                    }
+                  },
+                  "required": [
+                    "text"
+                  ],
+                  "additionalProperties": false
+                },
+                "description": "Tags for a data-driven tag list. Set this and the list builds its own\n`cre8-tag` children in the light DOM. Leave it unset to compose them\nyourself.",
+                "x-kind": "attribute"
+              },
               "fieldId": {
                 "description": "The unique id of the select",
                 "type": "string",
@@ -1506,7 +1952,17 @@
             "type": "array",
             "description": "The `cre8-tag` children of the list",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -1529,6 +1985,39 @@
             "type": "object",
             "additionalProperties": false,
             "properties": {
+              "items": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "heading": {
+                      "type": "string"
+                    },
+                    "content": {
+                      "type": "string"
+                    },
+                    "isActive": {
+                      "type": "boolean"
+                    },
+                    "headingTagVariant": {
+                      "type": "string",
+                      "enum": [
+                        "h1",
+                        "h2",
+                        "h3",
+                        "h4"
+                      ]
+                    }
+                  },
+                  "required": [
+                    "heading",
+                    "content"
+                  ],
+                  "additionalProperties": false
+                },
+                "description": "Panels for a data-driven accordion. Each becomes a `cre8-accordion-item`\nwith its heading as a prop and its content in the default slot.",
+                "x-kind": "attribute"
+              },
               "borderType": {
                 "description": "borderType",
                 "type": "string",
@@ -1552,7 +2041,17 @@
             "type": "array",
             "description": "The `cre8-accordion-item` children to group",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -1641,17 +2140,27 @@
                 "type": "array",
                 "description": "The body of the accordion item will be any valid html\ninserted between the cre8-accordion-item opening and closing tags.",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "heading": {
                 "type": "array",
                 "description": "Custom heading content, used when the `heading` property is not set.",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -1677,6 +2186,26 @@
             "type": "object",
             "additionalProperties": false,
             "properties": {
+              "items": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "text": {
+                      "type": "string"
+                    },
+                    "ariaLabel": {
+                      "type": "string"
+                    }
+                  },
+                  "required": [
+                    "text"
+                  ],
+                  "additionalProperties": false
+                },
+                "description": "Items for a data-driven dropdown. Set this and the dropdown builds its own\n`cre8-dropdown-item` children in the light DOM.",
+                "x-kind": "attribute"
+              },
               "buttonText": {
                 "description": "Dropdown header",
                 "type": "string",
@@ -1708,7 +2237,17 @@
             "type": "array",
             "description": "The `cre8-dropdown-item` children of the menu",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -1742,13 +2281,32 @@
             "type": "array",
             "description": "The label content for the dropdown item.",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "anyOf": [
+                {
+                  "$ref": "#/$defs/NativeEventName"
+                },
+                {
+                  "enum": [
+                    "dropdown-item-select"
+                  ]
+                }
+              ]
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
         "additionalProperties": false,
         "x-events": {
-          "dropdown-item-selected": {
+          "dropdown-item-select": {
             "detail": {}
           }
         }
@@ -1831,24 +2389,43 @@
                 "type": "array",
                 "description": "The component content",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "header": {
                 "type": "array",
                 "description": "Custom header content for the modal",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "footer": {
                 "type": "array",
                 "description": "Custom footer content for the modal",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "anyOf": [
+                {
+                  "$ref": "#/$defs/NativeEventName"
+                },
+                {
+                  "enum": [
+                    "modal-close"
+                  ]
+                }
+              ]
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -1858,7 +2435,7 @@
           "footer": "Custom footer content for the modal"
         },
         "x-events": {
-          "close-modal": {
+          "modal-close": {
             "detail": {}
           }
         }
@@ -1886,8 +2463,13 @@
                 "x-kind": "attribute"
               },
               "position": {
-                "description": "Positions the popover panel absolutely to the trigger\n- **default** positions the popover panel below the trigger\n- **top** positions the popover panel below the trigger\n- **left** positions the popover panel below the trigger\n- **right** positions the popover panel below the trigger",
+                "description": "Positions the popover panel absolutely to the trigger\n- Omitting this prop positions the popover panel below the trigger\n- **top** positions the popover panel above the trigger\n- **left** positions the popover panel to the left of the trigger\n- **right** positions the popover panel to the right of the trigger",
                 "type": "string",
+                "enum": [
+                  "top",
+                  "left",
+                  "right"
+                ],
                 "x-kind": "attribute"
               },
               "isVisibleOnScroll": {
@@ -1944,31 +2526,51 @@
                 "type": "array",
                 "description": "The component content",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "trigger": {
                 "type": "array",
                 "description": "The element that toggles the popover open and closed",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "header": {
                 "type": "array",
                 "description": "Custom header content for the popover panel",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "footer": {
                 "type": "array",
                 "description": "Custom footer content for the popover panel",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "anyOf": [
+                {
+                  "$ref": "#/$defs/NativeEventName"
+                },
+                {
+                  "enum": [
+                    "popover-close",
+                    "popover-open"
+                  ]
+                }
+              ]
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -1979,10 +2581,10 @@
           "footer": "Custom footer content for the popover panel"
         },
         "x-events": {
-          "open": {
+          "popover-open": {
             "detail": {}
           },
-          "close": {
+          "popover-close": {
             "detail": {}
           }
         }
@@ -2009,7 +2611,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -2043,7 +2655,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -2140,17 +2762,37 @@
                 "type": "array",
                 "description": "Default, unnamed slot container for Tooltip text",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "trigger": {
                 "type": "array",
                 "description": "Named slot container for Tooltip element to trigger showing/hiding the Tooltip text",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "anyOf": [
+                {
+                  "$ref": "#/$defs/NativeEventName"
+                },
+                {
+                  "enum": [
+                    "tooltip-close",
+                    "tooltip-open"
+                  ]
+                }
+              ]
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -2159,10 +2801,10 @@
           "trigger": "Named slot container for Tooltip element to trigger showing/hiding the Tooltip text"
         },
         "x-events": {
-          "open": {
+          "tooltip-open": {
             "detail": {}
           },
-          "close": {
+          "tooltip-close": {
             "detail": {}
           }
         }
@@ -2262,17 +2904,27 @@
                 "type": "array",
                 "description": "The alert body content",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "cta": {
                 "type": "array",
                 "description": "Container for a call-to-action button or link",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -2305,13 +2957,24 @@
                 "x-kind": "attribute"
               },
               "status": {
-                "description": "Status (a color variant prop)\n- **neutral** (default) renders a badge with a neutral state treatment\n- **success** renders a badge with success state treatment\n- **warning** renders a badge with warning state treatment\n- **error** renders a badge with error state treatment\n- **info** renders a badge with information state treatment\n- **attention** renders a badge with attention state treatment",
+                "description": "Status (a color variant prop)\n- Omitting this prop renders a badge with the neutral state treatment\n- **success** renders a badge with success state treatment\n- **warning** renders a badge with warning state treatment\n- **error** renders a badge with error state treatment\n- **info** renders a badge with information state treatment\n- **attention** renders a badge with attention state treatment",
                 "type": "string",
+                "enum": [
+                  "error",
+                  "info",
+                  "warning",
+                  "success",
+                  "attention"
+                ],
                 "x-kind": "attribute"
               },
               "variant": {
-                "description": "Background Style Variant\n\n- **dark|undefined** (default) renders a badge with a dark background\n- **light** renders a badge with a light background\n- **white** renders a badge with a white background",
+                "description": "Background Style Variant\n\n- Omitting this prop renders a badge with a dark background\n- **light** renders a badge with a light background\n- **white** renders a badge with a white background",
                 "type": "string",
+                "enum": [
+                  "light",
+                  "white"
+                ],
                 "x-kind": "attribute"
               },
               "svg": {
@@ -2320,6 +2983,16 @@
                 "x-kind": "attribute"
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false
@@ -2387,7 +3060,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -2457,6 +3140,16 @@
                 "x-kind": "property"
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false
@@ -2494,11 +3187,30 @@
                 "x-kind": "property"
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "anyOf": [
+                {
+                  "$ref": "#/$defs/NativeEventName"
+                },
+                {
+                  "enum": [
+                    "percent-bar-left-action-click"
+                  ]
+                }
+              ]
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
         "x-events": {
-          "leftActionButtonClick": {
+          "percent-bar-left-action-click": {
             "detail": {}
           }
         }
@@ -2521,13 +3233,13 @@
             "additionalProperties": false,
             "properties": {
               "status": {
+                "description": "Progress Status\n- **Default** renders a meter with default status fill\n- **Error** renders a meter with an error status fill\n- **Warning** renders a meter with a warning status\n- **Success** renders a meter with a success status fill",
                 "type": "string",
                 "enum": [
                   "error",
                   "warning",
                   "success"
                 ],
-                "description": "Progress Status\n- **Default** renders a meter with default status fill\n- **Error** renders a meter with an error status fill\n- **Warning** renders a meter with a warning status\n- **Success** renders a meter with a success status fill",
                 "x-kind": "attribute"
               },
               "knockout": {
@@ -2562,6 +3274,16 @@
                 "x-kind": "property"
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false
@@ -2583,6 +3305,18 @@
             "type": "object",
             "additionalProperties": false,
             "properties": {
+              "state": {
+                "description": "The state of the step.",
+                "type": "string",
+                "enum": [
+                  "error",
+                  "warning",
+                  "complete",
+                  "current",
+                  "incomplete"
+                ],
+                "x-kind": "attribute"
+              },
               "message": {
                 "description": "Optional message to display under the step name.",
                 "type": "string",
@@ -2593,11 +3327,6 @@
                 "type": "string",
                 "x-kind": "attribute"
               },
-              "state": {
-                "description": "The state of the step: 'complete', 'current', 'error',' incomplete', 'warning';",
-                "type": "string",
-                "x-kind": "attribute"
-              },
               "svg": {
                 "description": "An SVG string to use as the step icon.",
                 "type": "string",
@@ -2609,7 +3338,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -2654,6 +3393,16 @@
                 "x-kind": "attribute"
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false
@@ -2680,6 +3429,40 @@
                 "type": "string",
                 "x-kind": "attribute"
               },
+              "items": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "label": {
+                      "type": "string"
+                    },
+                    "value": {
+                      "type": "string"
+                    },
+                    "checked": {
+                      "type": "boolean"
+                    },
+                    "disabled": {
+                      "type": "boolean"
+                    },
+                    "required": {
+                      "type": "boolean"
+                    }
+                  },
+                  "required": [
+                    "label"
+                  ],
+                  "additionalProperties": false
+                },
+                "description": "Checkboxes for a data-driven field. Each becomes a\n`cre8-checkbox-field-item`, sharing the field's `name` so they submit as a\ngroup.",
+                "x-kind": "attribute"
+              },
+              "name": {
+                "description": "Form control name shared by every generated item.",
+                "type": "string",
+                "x-kind": "attribute"
+              },
               "fieldNote": {
                 "description": "Checkbox container fieldnote",
                 "type": "string",
@@ -2716,7 +3499,17 @@
             "type": "array",
             "description": "The component content, which should be a set of `checkbox-field-item`s",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -2843,10 +3636,29 @@
                 "type": "array",
                 "description": "Container for optional field note content",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "anyOf": [
+                {
+                  "$ref": "#/$defs/NativeEventName"
+                },
+                {
+                  "enum": [
+                    "change"
+                  ]
+                }
+              ]
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -3031,10 +3843,20 @@
                 "type": "array",
                 "description": "Container for optional field note content",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -3205,10 +4027,20 @@
                 "type": "array",
                 "description": "Container for optional field note content",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -3254,7 +4086,17 @@
             "type": "array",
             "description": "The note content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -3264,7 +4106,7 @@
         "type": "object",
         "title": "cre8-multi-select",
         "x-category": "Forms",
-        "description": "Multiselect is used when multiple options can be chosen from a static dropdown\nThis component has a list of items in the dropdown that can be added as \"selected tags\"\nThe checkbox will always reflect the selected nature of the item and is not removed\nfrom the dropdown when clicked, the tags will be added and removed based on their state.\n\nEvent `selectedItemsChange` emits whenever a tag is added or remove from the list and the\ncurrent list after the change is given in the detail.",
+        "description": "Multiselect is used when multiple options can be chosen from a static dropdown\nThis component has a list of items in the dropdown that can be added as \"selected tags\"\nThe checkbox will always reflect the selected nature of the item and is not removed\nfrom the dropdown when clicked, the tags will be added and removed based on their state.\n\nEvent `multi-select-change` emits whenever a tag is added or remove from the list and the\ncurrent list after the change is given in the detail.",
         "required": [
           "component"
         ],
@@ -3366,10 +4208,29 @@
                 "type": "array",
                 "description": "Container for optional field note content",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "anyOf": [
+                {
+                  "$ref": "#/$defs/NativeEventName"
+                },
+                {
+                  "enum": [
+                    "multi-select-change"
+                  ]
+                }
+              ]
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -3377,7 +4238,7 @@
           "fieldNote": "Container for optional field note content"
         },
         "x-events": {
-          "selectedItemsChange": {
+          "multi-select-change": {
             "detail": {}
           }
         }
@@ -3404,6 +4265,40 @@
                 "type": "string",
                 "x-kind": "attribute"
               },
+              "items": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "label": {
+                      "type": "string"
+                    },
+                    "value": {
+                      "type": "string"
+                    },
+                    "checked": {
+                      "type": "boolean"
+                    },
+                    "disabled": {
+                      "type": "boolean"
+                    },
+                    "required": {
+                      "type": "boolean"
+                    }
+                  },
+                  "required": [
+                    "label"
+                  ],
+                  "additionalProperties": false
+                },
+                "description": "Options for a data-driven radio field. Each becomes a\n`cre8-radio-field-item` sharing the field's `name`, which is what the form\nsubmits under. Exclusivity is enforced by the field itself — see\n`enforceSingleSelection`, and do not assume `name` alone does it.",
+                "x-kind": "attribute"
+              },
+              "name": {
+                "description": "Form control name shared by every generated option.",
+                "type": "string",
+                "x-kind": "attribute"
+              },
               "fieldNote": {
                 "description": "Radio Field Note",
                 "type": "string",
@@ -3440,7 +4335,17 @@
             "type": "array",
             "description": "The component content, which should be a set of `radio-field-item`s",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -3539,6 +4444,16 @@
                 "x-kind": "property"
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false
@@ -3708,10 +4623,29 @@
                 "type": "array",
                 "description": "Container for optional field note content",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "anyOf": [
+                {
+                  "$ref": "#/$defs/NativeEventName"
+                },
+                {
+                  "enum": [
+                    "change"
+                  ]
+                }
+              ]
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -3865,38 +4799,58 @@
                 "type": "array",
                 "description": "The default slot goes into the center, main part of the Select Tile.\n  Consider using title and body instead.",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "header": {
                 "type": "array",
                 "description": "The top or left part of the Select Tile",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "footer": {
                 "type": "array",
                 "description": "The bottom or right part of the Select Tile",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "title": {
                 "type": "array",
                 "description": "The title part of the Select Tile, use with body slot and\n        instead of the default slot for appropriate typography.",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "body": {
                 "type": "array",
                 "description": "The \"body\" part of the Select Tile, which appears under\n         the title slot and receives apporpriate typography.",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "anyOf": [
+                {
+                  "$ref": "#/$defs/NativeEventName"
+                },
+                {
+                  "enum": [
+                    "change",
+                    "input"
+                  ]
+                }
+              ]
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -3984,7 +4938,17 @@
             "type": "array",
             "description": "Child instances rendered into the default slot.",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -4024,7 +4988,17 @@
             "type": "array",
             "description": "The band content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -4075,24 +5049,34 @@
                 "type": "array",
                 "description": "The card's body content",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "header": {
                 "type": "array",
                 "description": "(Optional) Content in the card's header",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "footer": {
                 "type": "array",
                 "description": "(Optional) Content in the card's footer",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -4132,9 +5116,23 @@
               "status": {
                 "description": "Status (a color variant prop)\n- By default, the divider has gray color.\n- **brand**, the divider has blue color.\n- **knockout**, the divider has white color.",
                 "type": "string",
+                "enum": [
+                  "brand",
+                  "knockout"
+                ],
                 "x-kind": "attribute"
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false
@@ -4196,7 +5194,17 @@
             "type": "array",
             "description": "The grid items",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -4224,7 +5232,17 @@
             "type": "array",
             "description": "The content of the grid item",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -4283,7 +5301,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -4318,7 +5346,17 @@
             "type": "array",
             "description": "The layout content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -4352,7 +5390,17 @@
             "type": "array",
             "description": "The contents of the layout container",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -4393,7 +5441,17 @@
             "type": "array",
             "description": "The content of the layout section",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -4421,7 +5479,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -4455,7 +5523,17 @@
             "type": "array",
             "description": "The main content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -4494,17 +5572,27 @@
                 "type": "array",
                 "description": "The content of the section should go here.\nIt could be a cre8-text-passage, a cre8-card or any other block level html.",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "header": {
                 "type": "array",
                 "description": "Custom header content, rendered in place of the `headline` property",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -4556,7 +5644,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -4596,17 +5694,27 @@
                 "type": "array",
                 "description": "The page header content",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "titleAfter": {
                 "type": "array",
                 "description": "Content rendered after the heading text, inside the title element",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -4659,6 +5767,16 @@
                 "x-kind": "property"
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false
@@ -4691,7 +5809,17 @@
             "type": "array",
             "description": "The logo element",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -4714,6 +5842,26 @@
             "type": "object",
             "additionalProperties": false,
             "properties": {
+              "items": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "text": {
+                      "type": "string"
+                    },
+                    "href": {
+                      "type": "string"
+                    }
+                  },
+                  "required": [
+                    "text"
+                  ],
+                  "additionalProperties": false
+                },
+                "description": "Crumbs for a data-driven trail. Each becomes a `cre8-breadcrumbs-item`,\nwrapping a `cre8-text-link` when it has an `href`.",
+                "x-kind": "attribute"
+              },
               "navAriaLabel": {
                 "description": "aria-label attribute to designate at name for the nav. Can be override by user",
                 "default": "breadcrumbs",
@@ -4726,7 +5874,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -4754,7 +5912,17 @@
             "type": "array",
             "description": "The component content, the expected slotted content is a Cre8 Link or a String for the \"terminal node\"",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -4787,24 +5955,34 @@
                 "type": "array",
                 "description": "The footer content",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "top": {
                 "type": "array",
                 "description": "The top content (above the default slot)",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "bottom": {
                 "type": "array",
                 "description": "The bottom content (below the default slot)",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -4854,7 +6032,17 @@
             "type": "array",
             "description": "The primary navigation items",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -4916,24 +6104,34 @@
                 "type": "array",
                 "description": "The label for the navigation item",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "itemBefore": {
                 "type": "array",
                 "description": "Content rendered before the item label, such as an icon",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "itemAfter": {
                 "type": "array",
                 "description": "Content rendered after the item label, such as an icon",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -4976,24 +6174,34 @@
                 "type": "array",
                 "description": "The header content",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "top": {
                 "type": "array",
                 "description": "Content rendered above the main header row",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "bottom": {
                 "type": "array",
                 "description": "Content rendered below the main header row",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -5113,17 +6321,27 @@
                 "type": "array",
                 "description": "The link text content",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "badge": {
                 "type": "array",
                 "description": "Container for an optional badge displayed alongside the link",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -5183,6 +6401,30 @@
                   "display"
                 ],
                 "x-kind": "attribute"
+              },
+              "items": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "text": {
+                      "type": "string"
+                    },
+                    "href": {
+                      "type": "string"
+                    },
+                    "isActive": {
+                      "type": "boolean"
+                    }
+                  },
+                  "required": [
+                    "text",
+                    "href"
+                  ],
+                  "additionalProperties": false
+                },
+                "description": "Links for a data-driven list. Each becomes a `cre8-link-list-item`.\n\nWorth knowing if you compose these by hand: the label goes in the item's\ndefault slot, *not* its `text` prop. That prop is declared and documented\nbut never rendered, so setting it produces an empty link that passes every\ncheck — see the drift ledger in `docs/kb/07-research.md`. This API routes\naround it.",
+                "x-kind": "attribute"
               }
             }
           },
@@ -5190,7 +6432,17 @@
             "type": "array",
             "description": "The link list items",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -5239,24 +6491,34 @@
                 "type": "array",
                 "description": "The default slot to put badges or other Components",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "itemBefore": {
                 "type": "array",
                 "description": "Content rendered before the link text, such as an icon",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "itemAfter": {
                 "type": "array",
                 "description": "Content rendered after the link text, such as an icon",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -5288,7 +6550,17 @@
             "type": "array",
             "description": "The navigation container content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -5370,13 +6642,32 @@
             "type": "array",
             "description": "Optional content rendered alongside the pagination controls",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "anyOf": [
+                {
+                  "$ref": "#/$defs/NativeEventName"
+                },
+                {
+                  "enum": [
+                    "pagination-change"
+                  ]
+                }
+              ]
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
         "additionalProperties": false,
         "x-events": {
-          "pagination.click": {
+          "pagination-change": {
             "detail": {}
           }
         }
@@ -5421,7 +6712,17 @@
             "type": "array",
             "description": "The primary navigation items",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -5483,24 +6784,34 @@
                 "type": "array",
                 "description": "The label for the navigation item",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "itemBefore": {
                 "type": "array",
                 "description": "Content rendered before the item label, such as an icon",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "itemAfter": {
                 "type": "array",
                 "description": "Content rendered after the item label, such as an icon",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -5554,13 +6865,32 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "anyOf": [
+                {
+                  "$ref": "#/$defs/NativeEventName"
+                },
+                {
+                  "enum": [
+                    "tab-select"
+                  ]
+                }
+              ]
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
         "additionalProperties": false,
         "x-events": {
-          "tabSelected": {
+          "tab-select": {
             "detail": {}
           }
         }
@@ -5603,7 +6933,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -5632,6 +6972,26 @@
                 "const": "sm",
                 "x-kind": "attribute"
               },
+              "items": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "label": {
+                      "type": "string"
+                    },
+                    "content": {
+                      "type": "string"
+                    }
+                  },
+                  "required": [
+                    "label"
+                  ],
+                  "additionalProperties": false
+                },
+                "description": "Tabs for a data-driven tab set. Each entry becomes a `cre8-tab` in the\ndefault slot *and* a `cre8-tab-panel` in the `panel` slot, with matching\nindices — two slots kept in step, which is the part that goes wrong when\nthese are written by hand.",
+                "x-kind": "attribute"
+              },
               "fullWidth": {
                 "description": "Displays a set of tabs with a spanning the width of the element",
                 "type": "boolean",
@@ -5702,17 +7062,36 @@
                 "type": "array",
                 "description": "Default, unnamed slot container for each `cre8-tab` button",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "panel": {
                 "type": "array",
                 "description": "Container for each `cre8-tab-panel` content item",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "anyOf": [
+                {
+                  "$ref": "#/$defs/NativeEventName"
+                },
+                {
+                  "enum": [
+                    "tab-change"
+                  ]
+                }
+              ]
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -5721,7 +7100,7 @@
           "panel": "Container for each `cre8-tab-panel` content item"
         },
         "x-events": {
-          "tabChange": {
+          "tab-change": {
             "detail": {}
           }
         }
@@ -5760,7 +7139,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -5799,7 +7188,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -5839,7 +7238,17 @@
             "type": "array",
             "description": "The utility nav items",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -5893,6 +7302,16 @@
                 "x-kind": "property"
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false
@@ -5913,13 +7332,53 @@
           "props": {
             "type": "object",
             "additionalProperties": false,
-            "properties": {}
+            "properties": {
+              "steps": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "name": {
+                      "type": "string"
+                    },
+                    "message": {
+                      "type": "string"
+                    },
+                    "state": {
+                      "type": "string",
+                      "enum": [
+                        "error",
+                        "warning",
+                        "complete",
+                        "current"
+                      ]
+                    }
+                  },
+                  "required": [
+                    "name"
+                  ],
+                  "additionalProperties": false
+                },
+                "description": "Steps for a data-driven progress indicator. Note that the visible label is\neach item's `name` prop rather than its content — `cre8-progress-steps-item`\ndoes not render children, which is easy to get wrong by hand.",
+                "x-kind": "attribute"
+              }
+            }
           },
           "children": {
             "type": "array",
             "description": "The Progress Steps Item components that represent the steps in the multistep process.",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -5955,13 +7414,13 @@
                   "title-default",
                   "title-small",
                   "label-large",
-                  "label",
+                  "label-default",
                   "label-small",
                   "meta-large",
                   "meta-default",
                   "meta-small"
                 ],
-                "description": "Heading type\n<cre8-text-passage size=\"small\">\n<ul>\n<li>**display-default** renders a heading with the heading display-default preset treatment</li>\n<li>**display-small** renders a heading with the heading display-small preset treatment</li>\n<li>**headline-large** renders a heading with the heading headline-large preset treatment</li>\n<li>**headline-default** renders a heading with the heading headline-default preset treatment</li>\n<li>**headline-small** renders a heading with the heading headline-small preset treatment</li>\n<li>**title-xlarge** renders a heading with the heading title-xlarge preset treatment</li>\n<li>**title-large** renders a heading with the heading title-large preset treatment</li>\n<li>**title-default** renders a heading with the heading title-default preset treatment</li>\n<li>**title-small** renders a heading with the heading title-small preset treatment</li>\n<li>**label-large** renders a heading with the label-large preset treatment</li>\n<li>**label** renders a heading with the label preset treatment</li>\n<li>**label-small** renders a heading with the label-small preset treatment</li>\n<li>**meta-large** renders a heading with the meta-large preset treatment</li>\n<li>**meta-default** renders a heading with the meta-default preset treatment</li>\n<li>**meta-small** renders a heading with the meta-small preset treatment</li>\n</ul>\n</cre8-text-passage>",
+                "description": "Heading type\n<cre8-text-passage size=\"small\">\n<ul>\n<li>**display-default** renders a heading with the heading display-default preset treatment</li>\n<li>**display-small** renders a heading with the heading display-small preset treatment</li>\n<li>**headline-large** renders a heading with the heading headline-large preset treatment</li>\n<li>**headline-default** renders a heading with the heading headline-default preset treatment</li>\n<li>**headline-small** renders a heading with the heading headline-small preset treatment</li>\n<li>**title-xlarge** renders a heading with the heading title-xlarge preset treatment</li>\n<li>**title-large** renders a heading with the heading title-large preset treatment</li>\n<li>**title-default** renders a heading with the heading title-default preset treatment</li>\n<li>**title-small** renders a heading with the heading title-small preset treatment</li>\n<li>**label-large** renders a heading with the label-large preset treatment</li>\n<li>**label-default** renders a heading with the label-default preset treatment</li>\n<li>**label-small** renders a heading with the label-small preset treatment</li>\n<li>**meta-large** renders a heading with the meta-large preset treatment</li>\n<li>**meta-default** renders a heading with the meta-default preset treatment</li>\n<li>**meta-small** renders a heading with the meta-small preset treatment</li>\n</ul>\n</cre8-text-passage>",
                 "x-kind": "attribute"
               },
               "inverted": {
@@ -5970,9 +7429,17 @@
                 "x-kind": "attribute"
               },
               "tagVariant": {
-                "description": "Dynamic tag name for the component\n1) This is needed to use proper semantic heading treatments depending on where the banner lives on the page\n<cre8-text-passage size=\"small\">\n<ul>\n<li>**h1** renders an `h1` tag</li>\n<li>**h2** renders an `h2` tag. This is the default</li>\n<li>**h3** renders an `h3` tag</li>\n<li>**h4** renders an `h4` tag</li>\n<li>**h5** renders an `h5` tag</li>\n<li>**h6** renders an `h6` tag</li>\n</ul>\n</cre8-text-passage>",
+                "description": "Dynamic tag name for the component\n1) This is needed to use proper semantic heading treatments depending on where the banner lives on the page\n<cre8-text-passage size=\"small\">\n<ul>\n<li>**h1** renders an `h1` tag</li>\n<li>**h2** renders an `h2` tag</li>\n<li>**h3** renders an `h3` tag</li>\n<li>**h4** renders an `h4` tag</li>\n<li>**h5** renders an `h5` tag. This is the default</li>\n<li>**h6** renders an `h6` tag</li>\n</ul>\n</cre8-text-passage>",
                 "default": "h5",
                 "type": "string",
+                "enum": [
+                  "h1",
+                  "h2",
+                  "h3",
+                  "h4",
+                  "h5",
+                  "h6"
+                ],
                 "x-kind": "property"
               },
               "brandColor": {
@@ -5986,7 +7453,17 @@
             "type": "array",
             "description": "The heading text content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },
@@ -6045,17 +7522,27 @@
                 "type": "array",
                 "description": "The component content",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               },
               "linkAfter": {
                 "type": "array",
                 "description": "Content rendered after the link text, such as an icon",
                 "items": {
-                  "$ref": "#/$defs/Component"
+                  "$ref": "#/$defs/Child"
                 }
               }
             }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
+            }
           }
         },
         "additionalProperties": false,
@@ -6103,7 +7590,17 @@
             "type": "array",
             "description": "The component content",
             "items": {
-              "$ref": "#/$defs/Component"
+              "$ref": "#/$defs/Child"
+            }
+          },
+          "events": {
+            "type": "object",
+            "description": "Event bindings. Each key is an event name; the value names the handler to emit.",
+            "propertyNames": {
+              "$ref": "#/$defs/NativeEventName"
+            },
+            "additionalProperties": {
+              "$ref": "#/$defs/EventBinding"
             }
           }
         },