@nonoun/native-ui 0.2.8 → 0.2.9

package/dist/custom-elements.json

@@ -1055,12 +1055,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/ui-badge/ui-badge-element.ts",
+      "path": "src/components/ui-breadcrumb/ui-breadcrumb-element.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Badge label for counts or status indicators with optional max truncation.",
-          "name": "UIBadge",
+          "description": "Breadcrumb navigation container with landmark role.",
+          "name": "UIBreadcrumb",
           "members": [
             {
               "kind": "field",
@@ -1070,15 +1070,6 @@
                 "text": "ElementInternals"
               }
             },
-            {
-              "kind": "field",
-              "name": "#originalContent",
-              "privacy": "private",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
             {
               "kind": "method",
               "name": "setup",
@@ -1092,23 +1083,13 @@
                 "module": "src/core/ui-element.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "#applyMax",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
             {
               "kind": "field",
               "name": "role",
               "type": {
                 "text": "string"
               },
-              "default": "'status'"
+              "default": "'navigation'"
             },
             {
               "kind": "field",
@@ -1346,50 +1327,41 @@
               }
             }
           ],
-          "attributes": [
-            {
-              "name": "max",
-              "type": {
-                "text": "number"
-              },
-              "description": "When set, truncates numeric content to \"max+\" if exceeded"
-            }
-          ],
           "superclass": {
             "name": "UIElement",
             "module": "/src/core/ui-element.ts"
           },
           "customElement": true,
-          "tagName": "ui-badge"
+          "tagName": "ui-breadcrumb"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UIBadge",
+          "name": "UIBreadcrumb",
           "declaration": {
-            "name": "UIBadge",
-            "module": "src/components/ui-badge/ui-badge-element.ts"
+            "name": "UIBreadcrumb",
+            "module": "src/components/ui-breadcrumb/ui-breadcrumb-element.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui-badge",
+          "name": "ui-breadcrumb",
           "declaration": {
-            "name": "UIBadge",
-            "module": "src/components/ui-badge/ui-badge-element.ts"
+            "name": "UIBreadcrumb",
+            "module": "src/components/ui-breadcrumb/ui-breadcrumb-element.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/ui-breadcrumb/ui-breadcrumb-element.ts",
+      "path": "src/components/ui-breadcrumb/ui-breadcrumb-item-element.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Breadcrumb navigation container with landmark role.",
-          "name": "UIBreadcrumb",
+          "description": "Individual breadcrumb link item.",
+          "name": "UIBreadcrumbItem",
           "members": [
             {
               "kind": "field",
@@ -1412,13 +1384,46 @@
                 "module": "src/core/ui-element.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "teardown",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#syncState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#onClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onKeyDown",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "role",
               "type": {
                 "text": "string"
               },
-              "default": "'navigation'"
+              "default": "'link'"
             },
             {
               "kind": "field",
@@ -1540,19 +1545,6 @@
                 "module": "src/core/ui-element.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "teardown",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "deferChildren",
@@ -1656,41 +1648,57 @@
               }
             }
           ],
+          "attributes": [
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "Navigation URL"
+            },
+            {
+              "name": "current",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Marks as the current page (disables navigation)"
+            }
+          ],
           "superclass": {
             "name": "UIElement",
             "module": "/src/core/ui-element.ts"
           },
           "customElement": true,
-          "tagName": "ui-breadcrumb"
+          "tagName": "ui-breadcrumb-item"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UIBreadcrumb",
+          "name": "UIBreadcrumbItem",
           "declaration": {
-            "name": "UIBreadcrumb",
-            "module": "src/components/ui-breadcrumb/ui-breadcrumb-element.ts"
+            "name": "UIBreadcrumbItem",
+            "module": "src/components/ui-breadcrumb/ui-breadcrumb-item-element.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui-breadcrumb",
+          "name": "ui-breadcrumb-item",
           "declaration": {
-            "name": "UIBreadcrumb",
-            "module": "src/components/ui-breadcrumb/ui-breadcrumb-element.ts"
+            "name": "UIBreadcrumbItem",
+            "module": "src/components/ui-breadcrumb/ui-breadcrumb-item-element.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/ui-breadcrumb/ui-breadcrumb-item-element.ts",
+      "path": "src/components/ui-button/ui-button-element.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Individual breadcrumb link item.",
-          "name": "UIBreadcrumbItem",
+          "description": "Button component with press feedback and form association.",
+          "name": "UIButton",
           "members": [
             {
               "kind": "field",
@@ -1700,6 +1708,44 @@
                 "text": "ElementInternals"
               }
             },
+            {
+              "kind": "field",
+              "name": "#disabled",
+              "privacy": "private",
+              "type": {
+                "text": "ReactiveProp<boolean>"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#type",
+              "privacy": "private",
+              "type": {
+                "text": "ReactiveProp<string>"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#press",
+              "privacy": "private",
+              "type": {
+                "text": "PressController"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "ButtonType"
+              }
+            },
             {
               "kind": "method",
               "name": "setup",
@@ -1726,25 +1772,36 @@
                 "module": "src/core/ui-element.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "#onPress",
+              "privacy": "private"
+            },
             {
               "kind": "method",
-              "name": "#syncState",
-              "privacy": "private",
+              "name": "onFormDisabled",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#onClick",
-              "privacy": "private"
+              },
+              "parameters": [
+                {
+                  "name": "disabled",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "#onKeyDown",
-              "privacy": "private"
+              "kind": "method",
+              "name": "onFormReset",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "field",
@@ -1752,7 +1809,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'link'"
+              "default": "'button'"
             },
             {
               "kind": "field",
@@ -1977,20 +2034,32 @@
               }
             }
           ],
+          "events": [
+            {
+              "description": "Fired on activation (click, Enter, Space)",
+              "name": "ui-press"
+            }
+          ],
           "attributes": [
             {
-              "name": "href",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Navigation URL"
+              "description": "Disables interaction"
             },
             {
-              "name": "current",
+              "name": "type",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Marks as the current page (disables navigation)"
+              "description": "Form button type: \"button\" | \"submit\" | \"reset\""
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormAssociable",
+              "module": "/src/core/form-associable.ts"
             }
           ],
           "superclass": {
@@ -1998,37 +2067,37 @@
             "module": "/src/core/ui-element.ts"
           },
           "customElement": true,
-          "tagName": "ui-breadcrumb-item"
+          "tagName": "ui-button"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UIBreadcrumbItem",
+          "name": "UIButton",
           "declaration": {
-            "name": "UIBreadcrumbItem",
-            "module": "src/components/ui-breadcrumb/ui-breadcrumb-item-element.ts"
+            "name": "UIButton",
+            "module": "src/components/ui-button/ui-button-element.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui-breadcrumb-item",
+          "name": "ui-button",
           "declaration": {
-            "name": "UIBreadcrumbItem",
-            "module": "src/components/ui-breadcrumb/ui-breadcrumb-item-element.ts"
+            "name": "UIButton",
+            "module": "src/components/ui-button/ui-button-element.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/ui-button/ui-button-element.ts",
+      "path": "src/components/ui-badge/ui-badge-element.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Button component with press feedback and form association.",
-          "name": "UIButton",
-          "members": [
+          "description": "Badge label for counts or status indicators with optional max truncation.",
+          "name": "UIBadge",
+          "members": [
             {
               "kind": "field",
               "name": "#internals",
@@ -2039,58 +2108,16 @@
             },
             {
               "kind": "field",
-              "name": "#disabled",
-              "privacy": "private",
-              "type": {
-                "text": "ReactiveProp<boolean>"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#type",
-              "privacy": "private",
-              "type": {
-                "text": "ReactiveProp<string>"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#press",
+              "name": "#originalContent",
               "privacy": "private",
               "type": {
-                "text": "PressController"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "ButtonType"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setup",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+                "text": "string"
               },
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
+              "default": "''"
             },
             {
               "kind": "method",
-              "name": "teardown",
+              "name": "setup",
               "return": {
                 "type": {
                   "text": "void"
@@ -2101,31 +2128,10 @@
                 "module": "src/core/ui-element.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "#onPress",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "onFormDisabled",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "disabled",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
-              "name": "onFormReset",
+              "name": "#applyMax",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -2138,7 +2144,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'button'"
+              "default": "'status'"
             },
             {
               "kind": "field",
@@ -2260,6 +2266,19 @@
                 "module": "src/core/ui-element.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "teardown",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "deferChildren",
@@ -2363,32 +2382,13 @@
               }
             }
           ],
-          "events": [
-            {
-              "description": "Fired on activation (click, Enter, Space)",
-              "name": "ui-press"
-            }
-          ],
           "attributes": [
             {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Disables interaction"
-            },
-            {
-              "name": "type",
+              "name": "max",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "description": "Form button type: \"button\" | \"submit\" | \"reset\""
-            }
-          ],
-          "mixins": [
-            {
-              "name": "FormAssociable",
-              "module": "/src/core/form-associable.ts"
+              "description": "When set, truncates numeric content to \"max+\" if exceeded"
             }
           ],
           "superclass": {
@@ -2396,24 +2396,24 @@
             "module": "/src/core/ui-element.ts"
           },
           "customElement": true,
-          "tagName": "ui-button"
+          "tagName": "ui-badge"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UIButton",
+          "name": "UIBadge",
           "declaration": {
-            "name": "UIButton",
-            "module": "src/components/ui-button/ui-button-element.ts"
+            "name": "UIBadge",
+            "module": "src/components/ui-badge/ui-badge-element.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui-button",
+          "name": "ui-badge",
           "declaration": {
-            "name": "UIButton",
-            "module": "src/components/ui-button/ui-button-element.ts"
+            "name": "UIBadge",
+            "module": "src/components/ui-badge/ui-badge-element.ts"
           }
         }
       ]
@@ -3043,12 +3043,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/ui-checkbox/ui-checkbox-element.ts",
+      "path": "src/components/ui-chat/ui-chat-input-element.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Checkbox toggle with tri-state support and form association.",
-          "name": "UICheckbox",
+          "description": "Chat message input with textarea, submit button, and Enter-to-send behavior.",
+          "name": "UIChatInput",
           "members": [
             {
               "kind": "field",
@@ -3058,79 +3058,28 @@
                 "text": "ElementInternals"
               }
             },
-            {
-              "kind": "field",
-              "name": "#checked",
-              "privacy": "private",
-              "type": {
-                "text": "ReactiveProp<boolean>"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#indeterminate",
-              "privacy": "private",
-              "type": {
-                "text": "ReactiveProp<boolean>"
-              }
-            },
             {
               "kind": "field",
               "name": "#disabled",
-              "privacy": "private",
-              "type": {
-                "text": "ReactiveProp<boolean>"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#required",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#initialChecked",
+              "name": "#textarea",
               "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "UITextarea | null"
               },
-              "default": "false"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "#press",
+              "name": "#submitBtn",
               "privacy": "private",
               "type": {
-                "text": "PressController"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "checked",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              }
+                "text": "HTMLElement | null"
+              },
+              "default": "null"
             },
             {
               "kind": "field",
@@ -3141,7 +3090,7 @@
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               }
@@ -3174,68 +3123,67 @@
             },
             {
               "kind": "method",
-              "name": "onFormDisabled",
+              "name": "#discoverChildren",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "disabled",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              }
             },
             {
               "kind": "method",
-              "name": "onFormReset",
+              "name": "#findLastPrimaryButton",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "HTMLElement | null"
                 }
               }
             },
             {
               "kind": "method",
-              "name": "onFormStateRestore",
+              "name": "#syncSubmitEnabled",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "state",
-                  "type": {
-                    "text": "string | FormData | null"
-                  }
-                }
-              ]
+              }
             },
             {
               "kind": "field",
-              "name": "#onPress",
+              "name": "#onTextareaInput",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'checkbox'"
+              "name": "#onPress",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#disposers",
+              "name": "#onKeydown",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#send",
               "privacy": "private",
-              "type": {
-                "text": "Dispose[]"
-              },
-              "default": "[]",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#disposers",
+              "privacy": "private",
+              "type": {
+                "text": "Dispose[]"
+              },
+              "default": "[]",
               "inheritedFrom": {
                 "name": "UIElement",
                 "module": "src/core/ui-element.ts"
@@ -3453,25 +3401,14 @@
           ],
           "events": [
             {
-              "description": "Fired on toggle with `{ checked, value }` detail",
-              "name": "ui-change"
+              "name": "ui-send",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired on submit with `{ value }` detail"
             }
           ],
           "attributes": [
-            {
-              "name": "checked",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Whether the checkbox is checked"
-            },
-            {
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Whether the checkbox is in an indeterminate state"
-            },
             {
               "name": "disabled",
               "type": {
@@ -3480,31 +3417,18 @@
               "description": "Disables interaction"
             },
             {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "Form field name"
-            },
-            {
-              "name": "value",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Form value when checked (defaults to \"on\")"
+              "description": "Disables Enter key submission",
+              "name": "no-enter-submit"
             },
             {
-              "name": "required",
               "type": {
                 "text": "boolean"
               },
-              "description": "Marks as required for form validation"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "FormAssociable",
-              "module": "/src/core/form-associable.ts"
+              "description": "Prevents clearing the textarea after send",
+              "name": "no-auto-clear"
             }
           ],
           "superclass": {
@@ -3512,36 +3436,36 @@
             "module": "/src/core/ui-element.ts"
           },
           "customElement": true,
-          "tagName": "ui-checkbox"
+          "tagName": "ui-chat-input"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UICheckbox",
+          "name": "UIChatInput",
           "declaration": {
-            "name": "UICheckbox",
-            "module": "src/components/ui-checkbox/ui-checkbox-element.ts"
+            "name": "UIChatInput",
+            "module": "src/components/ui-chat/ui-chat-input-element.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui-checkbox",
+          "name": "ui-chat-input",
           "declaration": {
-            "name": "UICheckbox",
-            "module": "src/components/ui-checkbox/ui-checkbox-element.ts"
+            "name": "UIChatInput",
+            "module": "src/components/ui-chat/ui-chat-input-element.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/ui-combobox/ui-combobox-element.ts",
+      "path": "src/components/ui-checkbox/ui-checkbox-element.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Filterable select (combobox) coordinator wiring a text input to a popover listbox.",
-          "name": "UICombobox",
+          "description": "Checkbox toggle with tri-state support and form association.",
+          "name": "UICheckbox",
           "members": [
             {
               "kind": "field",
@@ -3553,65 +3477,36 @@
             },
             {
               "kind": "field",
-              "name": "#list",
+              "name": "#checked",
               "privacy": "private",
-              "default": "new DataListController<ComboboxOption>()"
-            },
-            {
-              "kind": "field",
-              "name": "#open",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#disabled",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#required",
-              "privacy": "private"
+              "type": {
+                "text": "ReactiveProp<boolean>"
+              }
             },
             {
               "kind": "field",
-              "name": "#popover",
+              "name": "#indeterminate",
               "privacy": "private",
               "type": {
-                "text": "PopoverController"
+                "text": "ReactiveProp<boolean>"
               }
             },
             {
               "kind": "field",
-              "name": "#listboxId",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#input",
+              "name": "#disabled",
               "privacy": "private",
               "type": {
-                "text": "HTMLElement | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#options",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#src",
-              "privacy": "private"
+                "text": "ReactiveProp<boolean>"
+              }
             },
             {
               "kind": "field",
-              "name": "#placeholder",
+              "name": "#required",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#dataMode",
+              "name": "#initialChecked",
               "privacy": "private",
               "type": {
                 "text": "boolean"
@@ -3620,60 +3515,24 @@
             },
             {
               "kind": "field",
-              "name": "#fetchController",
-              "privacy": "private",
-              "type": {
-                "text": "AbortController | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#listbox",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#initialValue",
-              "privacy": "private",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#initialLabel",
+              "name": "#press",
               "privacy": "private",
               "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "store",
-              "type": {
-                "text": "DataListController<ComboboxOption>"
-              },
-              "readonly": true
+                "text": "PressController"
+              }
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "checked",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               }
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "indeterminate",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
@@ -3685,72 +3544,71 @@
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
               "kind": "field",
-              "name": "options",
+              "name": "value",
               "type": {
-                "text": "ComboboxOption[]"
+                "text": "string"
               }
             },
             {
               "kind": "field",
-              "name": "src",
+              "name": "required",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               }
             },
             {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "setup",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "#parseOptions",
-              "privacy": "private",
+              "name": "teardown",
               "return": {
                 "type": {
-                  "text": "ComboboxOption[]"
+                  "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "json",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "#fetchOptions",
-              "privacy": "private",
+              "name": "onFormDisabled",
               "return": {
                 "type": {
-                  "text": "Promise<void>"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "url",
+                  "name": "disabled",
                   "type": {
-                    "text": "string"
+                    "text": "boolean"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#stampDOM",
-              "privacy": "private",
+              "name": "onFormReset",
               "return": {
                 "type": {
                   "text": "void"
@@ -3759,8 +3617,7 @@
             },
             {
               "kind": "method",
-              "name": "#renderOptions",
-              "privacy": "private",
+              "name": "onFormStateRestore",
               "return": {
                 "type": {
                   "text": "void"
@@ -3768,111 +3625,25 @@
               },
               "parameters": [
                 {
-                  "name": "opts",
+                  "name": "state",
                   "type": {
-                    "text": "ComboboxOption[]"
+                    "text": "string | FormData | null"
                   }
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "setup",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
-            },
             {
               "kind": "field",
-              "name": "#onInputFocus",
+              "name": "#onPress",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#onInput",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#onChildChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#onOptionSelect",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#onDismiss",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#onInputKeydown",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "teardown",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "onFormReset",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "onFormStateRestore",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "state",
-                  "type": {
-                    "text": "string | FormData | null"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "onFormDisabled",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "role",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "disabled",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              "default": "'checkbox'"
             },
             {
               "kind": "field",
@@ -4099,55 +3870,52 @@
           ],
           "events": [
             {
-              "description": "Fired when selection changes with `{ value, label }` detail",
+              "description": "Fired on toggle with `{ checked, value }` detail",
               "name": "ui-change"
             }
           ],
           "attributes": [
             {
-              "name": "value",
+              "name": "checked",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Currently selected value"
+              "description": "Whether the checkbox is checked"
             },
             {
-              "name": "disabled",
+              "name": "indeterminate",
               "type": {
                 "text": "boolean"
               },
-              "description": "Disables interaction"
+              "description": "Whether the checkbox is in an indeterminate state"
             },
             {
-              "name": "name",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Form field name"
+              "description": "Disables interaction"
             },
             {
-              "name": "options",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "description": "JSON array of `{ value, label }` objects for data-driven mode"
+              "description": "Form field name"
             },
             {
-              "name": "src",
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "description": "URL to fetch options from for data-driven mode"
+              "description": "Form value when checked (defaults to \"on\")"
             },
             {
-              "name": "placeholder",
+              "name": "required",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Placeholder text for the input"
-            },
-            {
-              "name": "required"
+              "description": "Marks as required for form validation"
             }
           ],
           "mixins": [
@@ -4161,36 +3929,36 @@
             "module": "/src/core/ui-element.ts"
           },
           "customElement": true,
-          "tagName": "ui-combobox"
+          "tagName": "ui-checkbox"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UICombobox",
+          "name": "UICheckbox",
           "declaration": {
-            "name": "UICombobox",
-            "module": "src/components/ui-combobox/ui-combobox-element.ts"
+            "name": "UICheckbox",
+            "module": "src/components/ui-checkbox/ui-checkbox-element.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui-combobox",
+          "name": "ui-checkbox",
           "declaration": {
-            "name": "UICombobox",
-            "module": "src/components/ui-combobox/ui-combobox-element.ts"
+            "name": "UICheckbox",
+            "module": "src/components/ui-checkbox/ui-checkbox-element.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/ui-chat/ui-chat-input-element.ts",
+      "path": "src/components/ui-combobox/ui-combobox-element.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Chat message input with textarea, submit button, and Enter-to-send behavior.",
-          "name": "UIChatInput",
+          "description": "Filterable select (combobox) coordinator wiring a text input to a popover listbox.",
+          "name": "UICombobox",
           "members": [
             {
               "kind": "field",
@@ -4202,138 +3970,343 @@
             },
             {
               "kind": "field",
-              "name": "#disabled",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#textarea",
+              "name": "#list",
               "privacy": "private",
-              "type": {
-                "text": "UITextarea | null"
-              },
-              "default": "null"
+              "default": "new DataListController<ComboboxOption>()"
             },
             {
               "kind": "field",
-              "name": "#submitBtn",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "default": "null"
+              "name": "#open",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              }
+              "name": "#disabled",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setup",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "teardown",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
+              "name": "#required",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#discoverChildren",
+              "kind": "field",
+              "name": "#popover",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "type": {
+                "text": "PopoverController"
               }
             },
             {
-              "kind": "method",
-              "name": "#findLastPrimaryButton",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "HTMLElement | null"
-                }
-              }
+              "kind": "field",
+              "name": "#listboxId",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#syncSubmitEnabled",
+              "kind": "field",
+              "name": "#input",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "#onTextareaInput",
+              "name": "#options",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#onPress",
+              "name": "#src",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#onKeydown",
+              "name": "#placeholder",
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "#send",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
             {
               "kind": "field",
-              "name": "#disposers",
+              "name": "#dataMode",
               "privacy": "private",
               "type": {
-                "text": "Dispose[]"
+                "text": "boolean"
               },
-              "default": "[]",
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "#controllers",
+              "name": "#fetchController",
+              "privacy": "private",
+              "type": {
+                "text": "AbortController | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#listbox",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#initialValue",
+              "privacy": "private",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#initialLabel",
+              "privacy": "private",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "store",
+              "type": {
+                "text": "DataListController<ComboboxOption>"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | null"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "ComboboxOption[]"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string | null"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#parseOptions",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "ComboboxOption[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "json",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#fetchOptions",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "url",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#stampDOM",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#renderOptions",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "opts",
+                  "type": {
+                    "text": "ComboboxOption[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "setup",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#onInputFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onInput",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onChildChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onOptionSelect",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onDismiss",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onInputKeydown",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "teardown",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onFormReset",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onFormStateRestore",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "state",
+                  "type": {
+                    "text": "string | FormData | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onFormDisabled",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "disabled",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#disposers",
+              "privacy": "private",
+              "type": {
+                "text": "Dispose[]"
+              },
+              "default": "[]",
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#controllers",
               "privacy": "private",
               "default": "new Map<string, unknown>()",
               "inheritedFrom": {
@@ -4543,14 +4516,18 @@
           ],
           "events": [
             {
-              "name": "ui-send",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired on submit with `{ value }` detail"
+              "description": "Fired when selection changes with `{ value, label }` detail",
+              "name": "ui-change"
             }
           ],
           "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "Currently selected value"
+            },
             {
               "name": "disabled",
               "type": {
@@ -4559,18 +4536,41 @@
               "description": "Disables interaction"
             },
             {
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Disables Enter key submission",
-              "name": "no-enter-submit"
+              "description": "Form field name"
             },
             {
+              "name": "options",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Prevents clearing the textarea after send",
-              "name": "no-auto-clear"
+              "description": "JSON array of `{ value, label }` objects for data-driven mode"
+            },
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "description": "URL to fetch options from for data-driven mode"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "description": "Placeholder text for the input"
+            },
+            {
+              "name": "required"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormAssociable",
+              "module": "/src/core/form-associable.ts"
             }
           ],
           "superclass": {
@@ -4578,24 +4578,24 @@
             "module": "/src/core/ui-element.ts"
           },
           "customElement": true,
-          "tagName": "ui-chat-input"
+          "tagName": "ui-combobox"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UIChatInput",
+          "name": "UICombobox",
           "declaration": {
-            "name": "UIChatInput",
-            "module": "src/components/ui-chat/ui-chat-input-element.ts"
+            "name": "UICombobox",
+            "module": "src/components/ui-combobox/ui-combobox-element.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui-chat-input",
+          "name": "ui-combobox",
           "declaration": {
-            "name": "UIChatInput",
-            "module": "src/components/ui-chat/ui-chat-input-element.ts"
+            "name": "UICombobox",
+            "module": "src/components/ui-combobox/ui-combobox-element.ts"
           }
         }
       ]
@@ -7061,32 +7061,87 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/ui-dialog/ui-dialog-element.ts",
+      "path": "src/components/ui-field/ui-field-element.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Modal dialog wrapper using a native dialog element promoted to the top layer.",
-          "name": "UIDialog",
+          "description": "Form field wrapper that wires label, description, and error slots to a child control via ARIA.",
+          "name": "UIField",
           "members": [
             {
-              "kind": "field",
-              "name": "#dialog",
+              "kind": "field",
+              "name": "#labelId",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#descId",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#errorId",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#control",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "setup",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "teardown",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#discoverControl",
               "privacy": "private",
-              "type": {
-                "text": "DialogController"
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "readonly": true
+              "kind": "method",
+              "name": "#wireIds",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "showModal",
+              "name": "#wireAria",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -7095,7 +7150,8 @@
             },
             {
               "kind": "method",
-              "name": "close",
+              "name": "#syncDisabled",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -7104,29 +7160,41 @@
             },
             {
               "kind": "method",
-              "name": "setup",
+              "name": "#syncRequired",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "#onInvalid",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onValid",
+              "privacy": "private"
+            },
             {
               "kind": "method",
-              "name": "teardown",
+              "name": "#updateDescribedBy",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
+              "parameters": [
+                {
+                  "name": "includeError",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
@@ -7351,26 +7419,20 @@
               }
             }
           ],
-          "events": [
-            {
-              "description": "Fired when the dialog is closed",
-              "name": "close"
-            }
-          ],
           "attributes": [
             {
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "description": "Prevents closing on Escape key",
-              "name": "no-close-on-escape"
+              "description": "Cascades disabled state to the child control"
             },
             {
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
-              "description": "Prevents closing on backdrop click",
-              "name": "no-close-on-backdrop"
+              "description": "Cascades required state to the child control"
             }
           ],
           "superclass": {
@@ -7378,65 +7440,251 @@
             "module": "/src/core/ui-element.ts"
           },
           "customElement": true,
-          "tagName": "ui-dialog"
+          "tagName": "ui-field"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UIDialog",
+          "name": "UIField",
           "declaration": {
-            "name": "UIDialog",
-            "module": "src/components/ui-dialog/ui-dialog-element.ts"
+            "name": "UIField",
+            "module": "src/components/ui-field/ui-field-element.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui-dialog",
+          "name": "ui-field",
           "declaration": {
-            "name": "UIDialog",
-            "module": "src/components/ui-dialog/ui-dialog-element.ts"
+            "name": "UIField",
+            "module": "src/components/ui-field/ui-field-element.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/ui-drawer/ui-drawer-element.ts",
+      "path": "src/components/ui-input-otp/ui-input-otp-element.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Slide-in drawer panel using a native dialog element.",
-          "name": "UIDrawer",
+          "description": "One-time password input with individual character cells and paste support.",
+          "name": "UIInputOtp",
           "members": [
             {
               "kind": "field",
-              "name": "#dialog",
-              "privacy": "private",
-              "type": {
-                "text": "DialogController"
-              }
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#required",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#disabled",
+              "privacy": "private",
+              "type": {
+                "text": "ReactiveProp<boolean>"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#cells",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLDivElement[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "#value",
+              "privacy": "private",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "#length",
+              "privacy": "private",
+              "type": {
+                "text": "number"
+              },
+              "default": "6"
+            },
+            {
+              "kind": "field",
+              "name": "#pattern",
+              "privacy": "private",
+              "default": "/[0-9]/"
+            },
+            {
+              "kind": "field",
+              "name": "#mask",
+              "privacy": "private",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#initialValue",
+              "privacy": "private",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setup",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "teardown",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#stampCells",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#renderCells",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#syncFormValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#focusCell",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#onCellInput",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "readonly": true
+              "name": "#onCellKeyDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onCellFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onPaste",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "showModal",
+              "name": "onFormDisabled",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "disabled",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "close",
+              "name": "onFormReset",
               "return": {
                 "type": {
                   "text": "void"
@@ -7445,30 +7693,49 @@
             },
             {
               "kind": "method",
-              "name": "setup",
+              "name": "onFormStateRestore",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
+              "parameters": [
+                {
+                  "name": "state",
+                  "type": {
+                    "text": "string | FormData | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#dispatchInput",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
               "kind": "method",
-              "name": "teardown",
+              "name": "#dispatchChange",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'group'"
+            },
             {
               "kind": "field",
               "name": "#disposers",
@@ -7694,31 +7961,71 @@
           ],
           "events": [
             {
-              "description": "Fired when the drawer is closed",
-              "name": "close"
+              "name": "ui-input",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired on each cell change with `{ value }` detail"
+            },
+            {
+              "name": "ui-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when all cells are filled with `{ value }` detail"
             }
           ],
           "attributes": [
             {
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "description": "Slide-in direction: \"left\" | \"right\" | \"top\" | \"bottom\"",
-              "name": "side"
+              "description": "Current OTP value"
             },
             {
+              "name": "length",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "description": "Prevents closing on Escape key",
-              "name": "no-close-on-escape"
+              "description": "Number of cells (default 6, max 12)"
             },
             {
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "description": "Prevents closing on backdrop click",
-              "name": "no-close-on-backdrop"
+              "description": "Disables interaction"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "Form field name"
+            },
+            {
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "description": "Regex pattern for allowed characters (default \"[0-9]\")"
+            },
+            {
+              "name": "mask",
+              "type": {
+                "text": "string"
+              },
+              "description": "Mask character for display"
+            },
+            {
+              "name": "required"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormAssociable",
+              "module": "/src/core/form-associable.ts"
             }
           ],
           "superclass": {
@@ -7726,150 +8033,107 @@
             "module": "/src/core/ui-element.ts"
           },
           "customElement": true,
-          "tagName": "ui-drawer"
+          "tagName": "ui-input-otp"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UIDrawer",
+          "name": "UIInputOtp",
           "declaration": {
-            "name": "UIDrawer",
-            "module": "src/components/ui-drawer/ui-drawer-element.ts"
+            "name": "UIInputOtp",
+            "module": "src/components/ui-input-otp/ui-input-otp-element.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui-drawer",
+          "name": "ui-input-otp",
           "declaration": {
-            "name": "UIDrawer",
-            "module": "src/components/ui-drawer/ui-drawer-element.ts"
+            "name": "UIInputOtp",
+            "module": "src/components/ui-input-otp/ui-input-otp-element.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/ui-field/ui-field-element.ts",
+      "path": "src/components/ui-input/ui-input-element.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Form field wrapper that wires label, description, and error slots to a child control via ARIA.",
-          "name": "UIField",
+          "description": "Single-line text input using contenteditable with form association.",
+          "name": "UIInput",
           "members": [
             {
               "kind": "field",
-              "name": "#labelId",
+              "name": "#internals",
+              "privacy": "private",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#disabled",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#descId",
+              "name": "#required",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#errorId",
+              "name": "#formValue",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#control",
+              "name": "#initialValue",
               "privacy": "private",
               "type": {
-                "text": "HTMLElement | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "setup",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "teardown",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+                "text": "string"
               },
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#discoverControl",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#wireIds",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "default": "''"
             },
             {
-              "kind": "method",
-              "name": "#wireAria",
+              "kind": "field",
+              "name": "#pattern",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
             },
             {
-              "kind": "method",
-              "name": "#syncDisabled",
+              "kind": "field",
+              "name": "#slots",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "type": {
+                "text": "Element[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
               }
             },
             {
               "kind": "method",
-              "name": "#syncRequired",
+              "name": "#getTextContent",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
               }
             },
-            {
-              "kind": "field",
-              "name": "#onInvalid",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#onValid",
-              "privacy": "private"
-            },
             {
               "kind": "method",
-              "name": "#updateDescribedBy",
+              "name": "#setTextContent",
               "privacy": "private",
               "return": {
                 "type": {
@@ -7878,107 +8142,56 @@
               },
               "parameters": [
                 {
-                  "name": "includeError",
+                  "name": "val",
                   "type": {
-                    "text": "boolean"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "field",
-              "name": "#disposers",
-              "privacy": "private",
+              "name": "placeholder",
               "type": {
-                "text": "Dispose[]"
-              },
-              "default": "[]",
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#controllers",
-              "privacy": "private",
-              "default": "new Map<string, unknown>()",
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
+                "text": "string"
               }
             },
             {
               "kind": "field",
-              "name": "#traitObserver",
-              "privacy": "private",
+              "name": "name",
               "type": {
-                "text": "MutationObserver | null"
-              },
-              "default": "null",
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#pendingTraits",
-              "privacy": "private",
-              "default": "new Set<string>()",
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
+                "text": "string"
               }
             },
             {
               "kind": "field",
-              "name": "#traitUnsub",
-              "privacy": "private",
+              "name": "disabled",
               "type": {
-                "text": "(() => void) | null"
-              },
-              "default": "null",
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
+                "text": "boolean"
               }
             },
             {
               "kind": "field",
-              "name": "#alive",
-              "privacy": "private",
+              "name": "readOnly",
               "type": {
                 "text": "boolean"
-              },
-              "default": "false",
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
               }
             },
             {
               "kind": "field",
-              "name": "#readyResolve",
-              "privacy": "private",
+              "name": "required",
               "type": {
-                "text": "(() => void) | null"
-              },
-              "default": "null",
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
+                "text": "boolean"
               }
             },
             {
-              "kind": "field",
-              "name": "ready",
-              "type": {
-                "text": "Promise<void>"
+              "kind": "method",
+              "name": "setup",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "readonly": true,
-              "default": "new Promise(resolve => { this.#readyResolve = resolve; })",
-              "description": "Resolves after setup() and any deferChildren microtask have completed.",
               "inheritedFrom": {
                 "name": "UIElement",
                 "module": "src/core/ui-element.ts"
@@ -7986,20 +8199,12 @@
             },
             {
               "kind": "method",
-              "name": "addEffect",
+              "name": "teardown",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "fn",
-                  "type": {
-                    "text": "() => void"
-                  }
-                }
-              ],
               "inheritedFrom": {
                 "name": "UIElement",
                 "module": "src/core/ui-element.ts"
@@ -8007,74 +8212,42 @@
             },
             {
               "kind": "method",
-              "name": "deferChildren",
-              "privacy": "protected",
+              "name": "select",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "fn",
-                  "type": {
-                    "text": "() => void"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "getTraitController",
+              "name": "onFormDisabled",
               "return": {
                 "type": {
-                  "text": "T | null"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "name",
+                  "name": "disabled",
                   "type": {
-                    "text": "string"
+                    "text": "boolean"
                   }
                 }
-              ],
-              "description": "Get a trait controller instance by name.\nReturns null if no controller with that name is active.",
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "#initTraitObserver",
-              "privacy": "private",
+              "name": "onFormReset",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "initialTokens",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "#syncTraits",
-              "privacy": "private",
+              "name": "onFormStateRestore",
               "return": {
                 "type": {
                   "text": "void"
@@ -8082,212 +8255,156 @@
               },
               "parameters": [
                 {
-                  "name": "tokens",
+                  "name": "state",
                   "type": {
-                    "text": "string"
+                    "text": "string | FormData | null"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "#destroyAllControllers",
+              "name": "#updateEmptyState",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Cascades disabled state to the child control"
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Cascades required state to the child control"
-            }
-          ],
-          "superclass": {
-            "name": "UIElement",
-            "module": "/src/core/ui-element.ts"
-          },
-          "customElement": true,
-          "tagName": "ui-field"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UIField",
-          "declaration": {
-            "name": "UIField",
-            "module": "src/components/ui-field/ui-field-element.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "ui-field",
-          "declaration": {
-            "name": "UIField",
-            "module": "src/components/ui-field/ui-field-element.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/ui-input/ui-input-element.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Single-line text input using contenteditable with form association.",
-          "name": "UIInput",
-          "members": [
-            {
-              "kind": "field",
-              "name": "#internals",
-              "privacy": "private",
-              "type": {
-                "text": "ElementInternals"
               }
             },
             {
               "kind": "field",
-              "name": "#disabled",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#required",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#formValue",
+              "name": "#onInput",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#initialValue",
-              "privacy": "private",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
+              "name": "#onBlur",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#pattern",
-              "privacy": "private",
+              "name": "role",
               "type": {
-                "text": "string | null"
+                "text": "string"
               },
-              "default": "null"
+              "default": "'textbox'"
             },
             {
               "kind": "field",
-              "name": "#slots",
+              "name": "#disposers",
               "privacy": "private",
               "type": {
-                "text": "Element[]"
+                "text": "Dispose[]"
               },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
+              "default": "[]",
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#getTextContent",
+              "kind": "field",
+              "name": "#controllers",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "default": "new Map<string, unknown>()",
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "#setTextContent",
+              "kind": "field",
+              "name": "#traitObserver",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "type": {
+                "text": "MutationObserver | null"
               },
-              "parameters": [
-                {
-                  "name": "val",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "default": "null",
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
+              "name": "#pendingTraits",
+              "privacy": "private",
+              "default": "new Set<string>()",
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
               }
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "#traitUnsub",
+              "privacy": "private",
               "type": {
-                "text": "string"
+                "text": "(() => void) | null"
+              },
+              "default": "null",
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
               }
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "#alive",
+              "privacy": "private",
               "type": {
                 "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
               }
             },
             {
               "kind": "field",
-              "name": "readOnly",
+              "name": "#readyResolve",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "(() => void) | null"
+              },
+              "default": "null",
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
               }
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "ready",
               "type": {
-                "text": "boolean"
+                "text": "Promise<void>"
+              },
+              "readonly": true,
+              "default": "new Promise(resolve => { this.#readyResolve = resolve; })",
+              "description": "Resolves after setup() and any deferChildren microtask have completed.",
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "setup",
+              "name": "addEffect",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "fn",
+                  "type": {
+                    "text": "() => void"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "UIElement",
                 "module": "src/core/ui-element.ts"
@@ -8295,12 +8412,21 @@
             },
             {
               "kind": "method",
-              "name": "teardown",
+              "name": "deferChildren",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "fn",
+                  "type": {
+                    "text": "() => void"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "UIElement",
                 "module": "src/core/ui-element.ts"
@@ -8308,16 +8434,30 @@
             },
             {
               "kind": "method",
-              "name": "select",
+              "name": "getTraitController",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "T | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
                 }
+              ],
+              "description": "Get a trait controller instance by name.\nReturns null if no controller with that name is active.",
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "onFormDisabled",
+              "name": "#initTraitObserver",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -8325,25 +8465,21 @@
               },
               "parameters": [
                 {
-                  "name": "disabled",
+                  "name": "initialTokens",
                   "type": {
-                    "text": "boolean"
+                    "text": "string"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "onFormReset",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              ],
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "onFormStateRestore",
+              "name": "#syncTraits",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -8351,41 +8487,135 @@
               },
               "parameters": [
                 {
-                  "name": "state",
+                  "name": "tokens",
                   "type": {
-                    "text": "string | FormData | null"
+                    "text": "string"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "#updateEmptyState",
+              "name": "#destroyAllControllers",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
+              },
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
               }
-            },
+            }
+          ],
+          "events": [
             {
-              "kind": "field",
-              "name": "#onInput",
-              "privacy": "private"
+              "description": "Fired on each keystroke with `{ value }` detail",
+              "name": "ui-input"
             },
             {
-              "kind": "field",
-              "name": "#onBlur",
-              "privacy": "private"
+              "description": "Fired on blur with `{ value }` detail",
+              "name": "ui-change"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "Current text value"
             },
             {
-              "kind": "field",
-              "name": "role",
+              "name": "placeholder",
               "type": {
                 "text": "string"
               },
-              "default": "'textbox'"
+              "description": "Placeholder text shown when empty"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Disables interaction"
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Prevents editing while remaining focusable"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Marks as required for form validation"
+            },
+            {
+              "name": "pattern"
             },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Form field name",
+              "name": "name"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormAssociable",
+              "module": "/src/core/form-associable.ts"
+            }
+          ],
+          "superclass": {
+            "name": "UIElement",
+            "module": "/src/core/ui-element.ts"
+          },
+          "customElement": true,
+          "tagName": "ui-input"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UIInput",
+          "declaration": {
+            "name": "UIInput",
+            "module": "src/components/ui-input/ui-input-element.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui-input",
+          "declaration": {
+            "name": "UIInput",
+            "module": "src/components/ui-input/ui-input-element.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/ui-kbd/ui-kbd-element.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Keyboard shortcut indicator. Pure display — no behavior.",
+          "name": "UIKbd",
+          "superclass": {
+            "name": "UIElement",
+            "module": "/src/core/ui-element.ts"
+          },
+          "members": [
             {
               "kind": "field",
               "name": "#disposers",
@@ -8506,6 +8736,32 @@
                 "module": "src/core/ui-element.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "setup",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "teardown",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "deferChildren",
@@ -8609,109 +8865,98 @@
               }
             }
           ],
-          "events": [
-            {
-              "description": "Fired on each keystroke with `{ value }` detail",
-              "name": "ui-input"
-            },
-            {
-              "description": "Fired on blur with `{ value }` detail",
-              "name": "ui-change"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "Current text value"
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "description": "Placeholder text shown when empty"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Disables interaction"
-            },
-            {
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Prevents editing while remaining focusable"
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Marks as required for form validation"
-            },
-            {
-              "name": "pattern"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "Form field name",
-              "name": "name"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "FormAssociable",
-              "module": "/src/core/form-associable.ts"
-            }
-          ],
-          "superclass": {
-            "name": "UIElement",
-            "module": "/src/core/ui-element.ts"
-          },
           "customElement": true,
-          "tagName": "ui-input"
+          "tagName": "ui-kbd"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UIInput",
+          "name": "UIKbd",
           "declaration": {
-            "name": "UIInput",
-            "module": "src/components/ui-input/ui-input-element.ts"
+            "name": "UIKbd",
+            "module": "src/components/ui-kbd/ui-kbd-element.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui-input",
+          "name": "ui-kbd",
           "declaration": {
-            "name": "UIInput",
-            "module": "src/components/ui-input/ui-input-element.ts"
+            "name": "UIKbd",
+            "module": "src/components/ui-kbd/ui-kbd-element.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/ui-kbd/ui-kbd-element.ts",
+      "path": "src/components/ui-dialog/ui-dialog-element.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Keyboard shortcut indicator. Pure display — no behavior.",
-          "name": "UIKbd",
-          "superclass": {
-            "name": "UIElement",
-            "module": "/src/core/ui-element.ts"
-          },
+          "description": "Modal dialog wrapper using a native dialog element promoted to the top layer.",
+          "name": "UIDialog",
           "members": [
+            {
+              "kind": "field",
+              "name": "#dialog",
+              "privacy": "private",
+              "type": {
+                "text": "DialogController"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "showModal",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setup",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "teardown",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "#disposers",
@@ -8800,46 +9045,12 @@
             {
               "kind": "field",
               "name": "ready",
-              "type": {
-                "text": "Promise<void>"
-              },
-              "readonly": true,
-              "default": "new Promise(resolve => { this.#readyResolve = resolve; })",
-              "description": "Resolves after setup() and any deferChildren microtask have completed.",
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "addEffect",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "fn",
-                  "type": {
-                    "text": "() => void"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setup",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "type": {
+                "text": "Promise<void>"
               },
+              "readonly": true,
+              "default": "new Promise(resolve => { this.#readyResolve = resolve; })",
+              "description": "Resolves after setup() and any deferChildren microtask have completed.",
               "inheritedFrom": {
                 "name": "UIElement",
                 "module": "src/core/ui-element.ts"
@@ -8847,12 +9058,20 @@
             },
             {
               "kind": "method",
-              "name": "teardown",
+              "name": "addEffect",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "fn",
+                  "type": {
+                    "text": "() => void"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "UIElement",
                 "module": "src/core/ui-element.ts"
@@ -8961,252 +9180,83 @@
               }
             }
           ],
+          "events": [
+            {
+              "description": "Fired when the dialog is closed",
+              "name": "close"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Prevents closing on Escape key",
+              "name": "no-close-on-escape"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Prevents closing on backdrop click",
+              "name": "no-close-on-backdrop"
+            }
+          ],
+          "superclass": {
+            "name": "UIElement",
+            "module": "/src/core/ui-element.ts"
+          },
           "customElement": true,
-          "tagName": "ui-kbd"
+          "tagName": "ui-dialog"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UIKbd",
+          "name": "UIDialog",
           "declaration": {
-            "name": "UIKbd",
-            "module": "src/components/ui-kbd/ui-kbd-element.ts"
+            "name": "UIDialog",
+            "module": "src/components/ui-dialog/ui-dialog-element.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui-kbd",
+          "name": "ui-dialog",
           "declaration": {
-            "name": "UIKbd",
-            "module": "src/components/ui-kbd/ui-kbd-element.ts"
+            "name": "UIDialog",
+            "module": "src/components/ui-dialog/ui-dialog-element.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/ui-input-otp/ui-input-otp-element.ts",
+      "path": "src/components/ui-drawer/ui-drawer-element.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "One-time password input with individual character cells and paste support.",
-          "name": "UIInputOtp",
+          "description": "Slide-in drawer panel using a native dialog element.",
+          "name": "UIDrawer",
           "members": [
             {
               "kind": "field",
-              "name": "#internals",
-              "privacy": "private",
-              "type": {
-                "text": "ElementInternals"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#required",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#disabled",
-              "privacy": "private",
-              "type": {
-                "text": "ReactiveProp<boolean>"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "#cells",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLDivElement[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "#value",
-              "privacy": "private",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "#length",
-              "privacy": "private",
-              "type": {
-                "text": "number"
-              },
-              "default": "6"
-            },
-            {
-              "kind": "field",
-              "name": "#pattern",
-              "privacy": "private",
-              "default": "/[0-9]/"
-            },
-            {
-              "kind": "field",
-              "name": "#mask",
-              "privacy": "private",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "#initialValue",
+              "name": "#dialog",
               "privacy": "private",
               "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setup",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "teardown",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "UIElement",
-                "module": "src/core/ui-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#stampCells",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#renderCells",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#syncFormValue",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+                "text": "DialogController"
               }
             },
-            {
-              "kind": "method",
-              "name": "#focusCell",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "#onCellInput",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#onCellKeyDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#onCellFocus",
-              "privacy": "private"
-            },
             {
               "kind": "field",
-              "name": "#onPaste",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "onFormDisabled",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "open",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "disabled",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "onFormReset",
+              "name": "showModal",
               "return": {
                 "type": {
                   "text": "void"
@@ -9215,48 +9265,38 @@
             },
             {
               "kind": "method",
-              "name": "onFormStateRestore",
+              "name": "close",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "state",
-                  "type": {
-                    "text": "string | FormData | null"
-                  }
-                }
-              ]
+              }
             },
             {
               "kind": "method",
-              "name": "#dispatchInput",
-              "privacy": "private",
+              "name": "setup",
               "return": {
                 "type": {
                   "text": "void"
                 }
+              },
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "#dispatchChange",
-              "privacy": "private",
+              "name": "teardown",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
               },
-              "default": "'group'"
+              "inheritedFrom": {
+                "name": "UIElement",
+                "module": "src/core/ui-element.ts"
+              }
             },
             {
               "kind": "field",
@@ -9483,71 +9523,31 @@
           ],
           "events": [
             {
-              "name": "ui-input",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired on each cell change with `{ value }` detail"
-            },
-            {
-              "name": "ui-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired when all cells are filled with `{ value }` detail"
+              "description": "Fired when the drawer is closed",
+              "name": "close"
             }
           ],
           "attributes": [
             {
-              "name": "value",
               "type": {
                 "text": "string"
               },
-              "description": "Current OTP value"
-            },
-            {
-              "name": "length",
-              "type": {
-                "text": "number"
-              },
-              "description": "Number of cells (default 6, max 12)"
+              "description": "Slide-in direction: \"left\" | \"right\" | \"top\" | \"bottom\"",
+              "name": "side"
             },
             {
-              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "description": "Disables interaction"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "Form field name"
-            },
-            {
-              "name": "pattern",
-              "type": {
-                "text": "string"
-              },
-              "description": "Regex pattern for allowed characters (default \"[0-9]\")"
+              "description": "Prevents closing on Escape key",
+              "name": "no-close-on-escape"
             },
             {
-              "name": "mask",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "Mask character for display"
-            },
-            {
-              "name": "required"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "FormAssociable",
-              "module": "/src/core/form-associable.ts"
+              "description": "Prevents closing on backdrop click",
+              "name": "no-close-on-backdrop"
             }
           ],
           "superclass": {
@@ -9555,24 +9555,24 @@
             "module": "/src/core/ui-element.ts"
           },
           "customElement": true,
-          "tagName": "ui-input-otp"
+          "tagName": "ui-drawer"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UIInputOtp",
+          "name": "UIDrawer",
           "declaration": {
-            "name": "UIInputOtp",
-            "module": "src/components/ui-input-otp/ui-input-otp-element.ts"
+            "name": "UIDrawer",
+            "module": "src/components/ui-drawer/ui-drawer-element.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui-input-otp",
+          "name": "ui-drawer",
           "declaration": {
-            "name": "UIInputOtp",
-            "module": "src/components/ui-input-otp/ui-input-otp-element.ts"
+            "name": "UIDrawer",
+            "module": "src/components/ui-drawer/ui-drawer-element.ts"
           }
         }
       ]
@@ -23026,13 +23026,38 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/containers/ui-section/ui-section-element.ts",
+      "path": "src/containers/ui-layout-inspector/ui-layout-inspector-element.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Semantic section with heading and optional collapse behavior.",
-          "name": "UISection",
+          "description": "Right-side inspector panel within the layout, hidden by default and resizable.",
+          "name": "UILayoutInspector",
           "members": [
+            {
+              "kind": "field",
+              "name": "#resize",
+              "privacy": "private",
+              "type": {
+                "text": "ResizeController | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "toggle",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "setup",
@@ -23059,11 +23084,6 @@
                 "module": "src/core/ui-element.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "#onHeadingClick",
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "#disposers",
@@ -23289,25 +23309,11 @@
           ],
           "attributes": [
             {
-              "name": "collapsible",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Enables heading click to toggle collapse"
-            },
-            {
-              "name": "collapsed",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Whether the section body is hidden"
-            },
-            {
-              "name": "divider",
               "type": {
                 "text": "boolean"
               },
-              "description": "Shows a bottom border divider"
+              "description": "Whether the inspector panel is visible",
+              "name": "open"
             }
           ],
           "superclass": {
@@ -23315,24 +23321,24 @@
             "module": "/src/core/ui-element.ts"
           },
           "customElement": true,
-          "tagName": "ui-section"
+          "tagName": "ui-layout-inspector"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UISection",
+          "name": "UILayoutInspector",
           "declaration": {
-            "name": "UISection",
-            "module": "src/containers/ui-section/ui-section-element.ts"
+            "name": "UILayoutInspector",
+            "module": "src/containers/ui-layout-inspector/ui-layout-inspector-element.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui-section",
+          "name": "ui-layout-inspector",
           "declaration": {
-            "name": "UISection",
-            "module": "src/containers/ui-section/ui-section-element.ts"
+            "name": "UILayoutInspector",
+            "module": "src/containers/ui-layout-inspector/ui-layout-inspector-element.ts"
           }
         }
       ]
@@ -24025,38 +24031,13 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/containers/ui-layout-inspector/ui-layout-inspector-element.ts",
+      "path": "src/containers/ui-section/ui-section-element.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Right-side inspector panel within the layout, hidden by default and resizable.",
-          "name": "UILayoutInspector",
+          "description": "Semantic section with heading and optional collapse behavior.",
+          "name": "UISection",
           "members": [
-            {
-              "kind": "field",
-              "name": "#resize",
-              "privacy": "private",
-              "type": {
-                "text": "ResizeController | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "toggle",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
             {
               "kind": "method",
               "name": "setup",
@@ -24083,6 +24064,11 @@
                 "module": "src/core/ui-element.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "#onHeadingClick",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "#disposers",
@@ -24308,11 +24294,25 @@
           ],
           "attributes": [
             {
+              "name": "collapsible",
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether the inspector panel is visible",
-              "name": "open"
+              "description": "Enables heading click to toggle collapse"
+            },
+            {
+              "name": "collapsed",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the section body is hidden"
+            },
+            {
+              "name": "divider",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Shows a bottom border divider"
             }
           ],
           "superclass": {
@@ -24320,24 +24320,24 @@
             "module": "/src/core/ui-element.ts"
           },
           "customElement": true,
-          "tagName": "ui-layout-inspector"
+          "tagName": "ui-section"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UILayoutInspector",
+          "name": "UISection",
           "declaration": {
-            "name": "UILayoutInspector",
-            "module": "src/containers/ui-layout-inspector/ui-layout-inspector-element.ts"
+            "name": "UISection",
+            "module": "src/containers/ui-section/ui-section-element.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ui-layout-inspector",
+          "name": "ui-section",
           "declaration": {
-            "name": "UILayoutInspector",
-            "module": "src/containers/ui-layout-inspector/ui-layout-inspector-element.ts"
+            "name": "UISection",
+            "module": "src/containers/ui-section/ui-section-element.ts"
           }
         }
       ]