@universal-material/web 3.7.2 → 3.9.0

package/vscode.html-custom-data.json

@@ -8,6 +8,7 @@
       "attributes": [
         {
           "name": "position",
+          "description": "The positioning strategy of the app bar",
           "values": [
             {
               "name": "fixed"
@@ -22,6 +23,7 @@
         },
         {
           "name": "size",
+          "description": "The height variant of the app bar",
           "values": [
             {
               "name": "small"
@@ -36,10 +38,12 @@
         },
         {
           "name": "headline",
+          "description": "The headline text rendered inside the app bar",
           "values": []
         },
         {
           "name": "scrollContainer",
+          "description": "The element to listen for scroll on to collapse the extended content.\nAccepts an `HTMLElement`, the id of an element, `'window'` to use the\nwindow scroll, or `'none'` to disable scroll handling. When unset, the\napp bar consumes the scroll container provided by an ancestor\n`u-scaffold`; if there's no scaffold, it falls back to `'window'`.",
           "values": [
             {
               "name": "none"
@@ -58,25 +62,74 @@
       "attributes": [
         {
           "name": "static",
+          "description": "Whether the badge is rendered as a static dot, without numeric content",
           "values": []
         }
       ],
       "references": []
     },
     {
-      "name": "u-button-field",
+      "name": "u-card-content",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "has-content",
+          "description": "Whether the default slot has assigned content\n\n_Note:_ Readonly",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-card-media",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "wide",
+          "description": "Whether the media block uses the wide aspect ratio variant",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-card",
       "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The Card variant to render.",
+          "values": [
+            {
+              "name": "CardVariant"
+            }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-button-field",
+      "description": "\n---\n\n\n### **Methods:**\n \n\n- **checkValidity(): _boolean_** - Returns whether the field is valid (fires an `invalid` event if not).\n- **reportValidity(): _boolean_** - Like `checkValidity()`, but also surfaces the native validation bubble and\nreflects the result onto the visual `invalid` state.",
       "attributes": [
         {
           "name": "value",
+          "description": "The current value of the field, submitted with the associated form",
           "values": []
         },
         {
           "name": "placeholder",
+          "description": "The placeholder text shown when the field is empty",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the field must have a value to satisfy constraint validation.\nDrives `checkValidity()`/`reportValidity()` and blocks native form submit.",
           "values": []
         },
         {
           "name": "variant",
+          "description": "The Field variant to render. When omitted, falls back to the variant\nprovided by the surrounding `fieldDefaultsContext` (or `'filled'`).",
           "values": [
             {
               "name": "filled"
@@ -93,10 +146,12 @@
         },
         {
           "name": "counter",
+          "description": "Custom counter text shown in the supporting line, overriding the\nautomatic character-count counter",
           "values": []
         },
         {
           "name": "hide-counter",
+          "description": "Whether to hide the counter from the supporting text line",
           "values": []
         },
         {
@@ -116,6 +171,7 @@
         },
         {
           "name": "disabled",
+          "description": "Whether the field is disabled",
           "values": []
         },
         {
@@ -177,19 +233,7 @@
           "description": "The Button variant to render",
           "values": [
             {
-              "name": "filled"
-            },
-            {
-              "name": "tonal"
-            },
-            {
-              "name": "elevated"
-            },
-            {
-              "name": "outlined"
-            },
-            {
-              "name": "text"
+              "name": "ButtonVariant"
             }
           ]
         },
@@ -198,21 +242,13 @@
           "description": "The Button color",
           "values": [
             {
-              "name": "primary"
-            },
-            {
-              "name": "secondary"
-            },
-            {
-              "name": "tertiary"
-            },
-            {
-              "name": "error"
+              "name": "ButtonColor"
             }
           ]
         },
         {
           "name": "trailing-icon",
+          "description": "Whether the slotted icon is rendered after the label instead of before",
           "values": []
         },
         {
@@ -235,10 +271,7 @@
           "description": "Sets the shape of the button",
           "values": [
             {
-              "name": "round"
-            },
-            {
-              "name": "square"
+              "name": "ButtonShape"
             }
           ]
         },
@@ -247,19 +280,7 @@
           "description": "Sets the size of the button",
           "values": [
             {
-              "name": "extra-small"
-            },
-            {
-              "name": "small"
-            },
-            {
-              "name": "medium"
-            },
-            {
-              "name": "large"
-            },
-            {
-              "name": "extra-large"
+              "name": "ButtonSize"
             }
           ]
         },
@@ -270,10 +291,12 @@
         },
         {
           "name": "type",
+          "description": "The button behavior. Mirrors the native `type` attribute and accepts\nvalues like `submit`, `reset` or `button`.",
           "values": []
         },
         {
           "name": "value",
+          "description": "The value submitted with the form when this button is the submitter",
           "values": []
         },
         {
@@ -293,6 +316,7 @@
         },
         {
           "name": "name",
+          "description": "The form field name associated with the button when submitting a form",
           "values": []
         }
       ],
@@ -309,10 +333,12 @@
         },
         {
           "name": "type",
+          "description": "The button behavior. Mirrors the native `type` attribute and accepts\nvalues like `submit`, `reset` or `button`.",
           "values": []
         },
         {
           "name": "value",
+          "description": "The value submitted with the form when this button is the submitter",
           "values": []
         },
         {
@@ -332,6 +358,7 @@
         },
         {
           "name": "name",
+          "description": "The form field name associated with the button when submitting a form",
           "values": []
         }
       ],
@@ -346,19 +373,7 @@
           "description": "The FAB color variant to render.",
           "values": [
             {
-              "name": "primary"
-            },
-            {
-              "name": "secondary"
-            },
-            {
-              "name": "tertiary"
-            },
-            {
-              "name": "surface"
-            },
-            {
-              "name": "branded"
+              "name": "FabColor"
             }
           ]
         },
@@ -367,13 +382,7 @@
           "description": "The size of the FAB.",
           "values": [
             {
-              "name": "small"
-            },
-            {
-              "name": "medium"
-            },
-            {
-              "name": "large"
+              "name": "FabSize"
             }
           ]
         },
@@ -381,6 +390,21 @@
           "name": "lowered",
           "description": "Lowers the FAB's elevation.",
           "values": []
+        },
+        {
+          "name": "scroll-container",
+          "description": "The element the FAB menu will observe for scroll. Accepts an\n`HTMLElement`, the id of an element, `'window'` to use the window\nscroll, or `'none'` to disable. When unset, the FAB menu consumes the\nscroll container provided by an ancestor `u-scaffold` via context,\nfalling back to `'window'`. Reserved for future scroll-driven behaviors.",
+          "values": [
+            {
+              "name": "none"
+            },
+            {
+              "name": "window"
+            },
+            {
+              "name": "HTMLElement"
+            }
+          ]
         }
       ],
       "references": []
@@ -394,19 +418,7 @@
           "description": "The FAB color variant to render.",
           "values": [
             {
-              "name": "primary"
-            },
-            {
-              "name": "secondary"
-            },
-            {
-              "name": "tertiary"
-            },
-            {
-              "name": "surface"
-            },
-            {
-              "name": "branded"
+              "name": "FabColor"
             }
           ]
         },
@@ -415,13 +427,7 @@
           "description": "The size of the FAB.",
           "values": [
             {
-              "name": "small"
-            },
-            {
-              "name": "medium"
-            },
-            {
-              "name": "large"
+              "name": "FabSize"
             }
           ]
         },
@@ -435,12 +441,29 @@
           "description": "Lowers the FAB's elevation.",
           "values": []
         },
+        {
+          "name": "scroll-container",
+          "description": "The element the FAB will observe for scroll. Accepts an `HTMLElement`,\nthe id of an element, `'window'` to use the window scroll, or `'none'`\nto disable. When unset, the FAB consumes the scroll container provided\nby an ancestor `u-scaffold` via context, falling back to `'window'`.\nReserved for future scroll-driven behaviors (e.g. shrink on scroll).",
+          "values": [
+            {
+              "name": "none"
+            },
+            {
+              "name": "window"
+            },
+            {
+              "name": "HTMLElement"
+            }
+          ]
+        },
         {
           "name": "type",
+          "description": "The button behavior. Mirrors the native `type` attribute and accepts\nvalues like `submit`, `reset` or `button`.",
           "values": []
         },
         {
           "name": "value",
+          "description": "The value submitted with the form when this button is the submitter",
           "values": []
         },
         {
@@ -460,6 +483,7 @@
         },
         {
           "name": "name",
+          "description": "The form field name associated with the button when submitting a form",
           "values": []
         }
       ],
@@ -471,32 +495,19 @@
       "attributes": [
         {
           "name": "variant",
+          "description": "The Icon Button variant to render",
           "values": [
             {
-              "name": "filled"
-            },
-            {
-              "name": "tonal"
-            },
-            {
-              "name": "outlined"
-            },
-            {
-              "name": "standard"
+              "name": "IconButtonVariant"
             }
           ]
         },
         {
           "name": "width",
+          "description": "The width of the Icon Button",
           "values": [
             {
-              "name": "default"
-            },
-            {
-              "name": "narrow"
-            },
-            {
-              "name": "wide"
+              "name": "IconButtonWidth"
             }
           ]
         },
@@ -520,10 +531,7 @@
           "description": "Sets the shape of the button",
           "values": [
             {
-              "name": "round"
-            },
-            {
-              "name": "square"
+              "name": "ButtonShape"
             }
           ]
         },
@@ -532,19 +540,7 @@
           "description": "Sets the size of the button",
           "values": [
             {
-              "name": "extra-small"
-            },
-            {
-              "name": "small"
-            },
-            {
-              "name": "medium"
-            },
-            {
-              "name": "large"
-            },
-            {
-              "name": "extra-large"
+              "name": "ButtonSize"
             }
           ]
         },
@@ -555,10 +551,12 @@
         },
         {
           "name": "type",
+          "description": "The button behavior. Mirrors the native `type` attribute and accepts\nvalues like `submit`, `reset` or `button`.",
           "values": []
         },
         {
           "name": "value",
+          "description": "The value submitted with the form when this button is the submitter",
           "values": []
         },
         {
@@ -578,6 +576,7 @@
         },
         {
           "name": "name",
+          "description": "The form field name associated with the button when submitting a form",
           "values": []
         }
       ],
@@ -589,14 +588,22 @@
       "attributes": [
         {
           "name": "value",
+          "description": "The selected date as an ISO date string (`YYYY-MM-DD`), or an empty\nstring when no date is selected",
           "values": []
         },
         {
           "name": "dateOutsideMonth",
+          "description": "Whether to render dates from the previous and next months that\nfall inside the displayed weeks",
+          "values": []
+        },
+        {
+          "name": "year-range",
+          "description": "Number of years displayed per page in the year picker view.",
           "values": []
         },
         {
           "name": "locale",
+          "description": "The BCP 47 locale tag used to format month names and weekdays.\nWhen `null`, falls back to the browser's `navigator.language`.",
           "values": []
         }
       ],
@@ -612,81 +619,54 @@
         },
         {
           "name": "dateOutsideMonth",
+          "description": "Whether to render dates from the previous and next months that\nfall inside the displayed weeks",
           "values": []
         },
         {
-          "name": "locale",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-card-content",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "has-content",
+          "name": "year-range",
+          "description": "Number of years displayed per page in the year picker view.",
           "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-card-media",
-      "description": "\n---\n",
-      "attributes": [
+        },
         {
-          "name": "wide",
+          "name": "locale",
+          "description": "The BCP 47 locale tag used to format month names and weekdays.\nWhen `null`, falls back to the browser's `navigator.language`.",
           "values": []
         }
       ],
       "references": []
     },
-    {
-      "name": "u-card",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "The Card variant to render.",
-          "values": [
-            {
-              "name": "filled"
-            },
-            {
-              "name": "elevated"
-            },
-            {
-              "name": "outlined"
-            }
-          ]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "u-checkbox-list-item",
       "description": "\n---\n",
       "attributes": [
         {
           "name": "leading",
+          "description": "Whether to render the selection control before the label.\nDefaults to a trailing position.",
+          "values": []
+        },
+        {
+          "name": "no-inset",
+          "description": "Pull the row flush with surrounding content (negative inline margin equal\nto the inline padding) so it aligns with adjacent labels / section headings.\nForwarded to the inner `u-list-item`.",
           "values": []
         },
         {
           "name": "hide-state-layer",
+          "description": "Whether to hide the hover/focus state layer behind the checkbox indicator",
           "values": []
         },
         {
           "name": "indeterminate",
+          "description": "Whether the checkbox is in the indeterminate (mixed) state.\nSetting `checked` resets this to `false`.",
           "values": []
         },
         {
           "name": "name",
+          "description": "The form field name used when submitting the control's value",
           "values": []
         },
         {
           "name": "disabled",
+          "description": "Whether the control is disabled and prevents user interaction",
           "values": []
         },
         {
@@ -696,6 +676,7 @@
         },
         {
           "name": "checked",
+          "description": "Whether the control is checked",
           "values": []
         }
       ],
@@ -707,18 +688,22 @@
       "attributes": [
         {
           "name": "hide-state-layer",
+          "description": "Whether to hide the hover/focus state layer behind the checkbox indicator",
           "values": []
         },
         {
           "name": "indeterminate",
+          "description": "Whether the checkbox is in the indeterminate (mixed) state.\nSetting `checked` resets this to `false`.",
           "values": []
         },
         {
           "name": "name",
+          "description": "The form field name used when submitting the control's value",
           "values": []
         },
         {
           "name": "disabled",
+          "description": "Whether the control is disabled and prevents user interaction",
           "values": []
         },
         {
@@ -728,6 +713,7 @@
         },
         {
           "name": "checked",
+          "description": "Whether the control is checked",
           "values": []
         }
       ],
@@ -735,10 +721,11 @@
     },
     {
       "name": "u-chip-field",
-      "description": "\n---\n\n\n### **Events:**\n - **change**",
+      "description": "\n---\n\n\n### **Events:**\n - **change**\n\n### **Methods:**\n \n\n- **checkValidity(): _boolean_** - Returns whether the field is valid (fires an `invalid` event if not).\n- **reportValidity(): _boolean_** - Like `checkValidity()`, but also surfaces the native validation bubble and\nreflects the result onto the visual `invalid` state.",
       "attributes": [
         {
           "name": "name",
+          "description": "The form field name used when submitting each chip value as form data",
           "values": []
         },
         {
@@ -748,10 +735,17 @@
         },
         {
           "name": "placeholder",
+          "description": "The placeholder text shown when the field is empty",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the field must have a value to satisfy constraint validation.\nDrives `checkValidity()`/`reportValidity()` and blocks native form submit.",
           "values": []
         },
         {
           "name": "variant",
+          "description": "The Field variant to render. When omitted, falls back to the variant\nprovided by the surrounding `fieldDefaultsContext` (or `'filled'`).",
           "values": [
             {
               "name": "filled"
@@ -768,10 +762,12 @@
         },
         {
           "name": "counter",
+          "description": "Custom counter text shown in the supporting line, overriding the\nautomatic character-count counter",
           "values": []
         },
         {
           "name": "hide-counter",
+          "description": "Whether to hide the counter from the supporting text line",
           "values": []
         },
         {
@@ -791,6 +787,7 @@
         },
         {
           "name": "disabled",
+          "description": "Whether the field is disabled",
           "values": []
         },
         {
@@ -849,6 +846,7 @@
         },
         {
           "name": "clickable",
+          "description": "Whether the chip is interactive and renders a ripple on click",
           "values": []
         },
         {
@@ -888,76 +886,126 @@
         },
         {
           "name": "name",
+          "description": "The form field name associated with the button when submitting a form",
           "values": []
         }
       ],
       "references": []
     },
     {
-      "name": "u-datepicker",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "u-dialog",
-      "description": "\n---\n\n\n### **Events:**\n - **close**\n- **closed**\n- **cancel**",
+      "name": "u-collapse",
+      "description": "\n---\n\n\n### **Slots:**\n - _default_ - Default slot for the collapsible content.\n\n### **CSS Parts:**\n - **content** - The wrapper around the slotted content used to measure its natural height.",
       "attributes": [
         {
           "name": "open",
+          "description": "Whether the collapse is open. Animates `max-height` between `0` and the\nmeasured content height when toggled.",
           "values": []
-        },
-        {
-          "name": "has-headline",
-          "description": "Whether dialog has headline or not\n\n_Note:_ Readonly",
-          "values": []
-        },
-        {
-          "name": "has-icon",
-          "description": "Whether dialog has icon\n\n_Note:_ Readonly",
-          "values": []
-        },
-        {
-          "name": "scrollContainer",
-          "values": [
-            {
-              "name": "HTMLElement"
-            }
-          ]
         }
       ],
       "references": []
     },
     {
-      "name": "u-field",
-      "description": "\n---\n",
+      "name": "u-datepicker",
+      "description": "\n---\n\n\n### **Events:**\n - **input**\n\n### **Methods:**\n \n\n- **checkValidity(): _boolean_** - Returns whether the field is valid (fires an `invalid` event if not).\n- **reportValidity(): _boolean_** - Like `checkValidity()`, but also surfaces the native validation bubble and\nreflects the result onto the visual `invalid` state.",
       "attributes": [
         {
-          "name": "autoEmpty",
+          "name": "locale",
+          "description": "The BCP 47 locale tag forwarded to the underlying calendar and used for\nnon-editable display formatting.\nWhen `null`, the calendar falls back to the browser's `navigator.language`.",
           "values": []
         },
         {
-          "name": "variant",
+          "name": "format",
+          "description": "Format used when displaying the value while the field is not editable.\nAccepts the named presets `'short'`, `'medium'`, `'long'`, `'full'`,\nthe literal `'iso'` (keeps the ISO `YYYY-MM-DD` value), or an\n`Intl.DateTimeFormatOptions` object for custom formatting.\nIn editable mode the input uses the browser's native `type=\"date\"` mask\nand ignores this property.",
           "values": [
             {
-              "name": "filled"
-            },
-            {
-              "name": "outlined"
+              "name": "DatepickerFormat"
             }
           ]
         },
         {
-          "name": "label",
-          "description": "The floating label for the field",
-          "values": []
-        },
-        {
-          "name": "counter",
+          "name": "editable",
+          "description": "Whether the input accepts manually-typed dates. When `false` (default),\nthe field is read-only and clicking anywhere opens the calendar popover.\nWhen `true`, the input uses native `type=\"date\"` and accepts keyboard input;\nthe calendar popover is opened via the trailing icon.",
           "values": []
         },
         {
-          "name": "hide-counter",
+          "name": "readOnly",
+          "description": "Whether the input is read-only. When set, manual typing is disabled even\nif `editable` is `true`; the calendar popover remains available.",
+          "values": []
+        },
+        {
+          "name": "menu-positioning",
+          "description": "The positioning strategy used by the calendar popover. Use `'fixed'`\nwhen the datepicker is rendered inside a clipped/scrollable container.",
+          "values": [
+            {
+              "name": "relative"
+            },
+            {
+              "name": "fixed"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "The current text value of the field, submitted with the associated form",
+          "values": []
+        },
+        {
+          "name": "autocomplete",
+          "description": "Mirrors the native `autocomplete` attribute on the underlying input",
+          "values": [
+            {
+              "name": "on"
+            },
+            {
+              "name": "off"
+            }
+          ]
+        },
+        {
+          "name": "maxlength",
+          "description": "Maximum number of characters the field accepts. When set, drives the\nautomatic character counter shown in the supporting text.",
+          "values": []
+        },
+        {
+          "name": "role",
+          "description": "The ARIA role applied to the inner input element",
+          "values": []
+        },
+        {
+          "name": "placeholder",
+          "description": "The placeholder text shown when the field is empty",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the field must have a value to satisfy constraint validation.\nDrives `checkValidity()`/`reportValidity()` and blocks native form submit.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The Field variant to render. When omitted, falls back to the variant\nprovided by the surrounding `fieldDefaultsContext` (or `'filled'`).",
+          "values": [
+            {
+              "name": "filled"
+            },
+            {
+              "name": "outlined"
+            }
+          ]
+        },
+        {
+          "name": "label",
+          "description": "The floating label for the field",
+          "values": []
+        },
+        {
+          "name": "counter",
+          "description": "Custom counter text shown in the supporting line, overriding the\nautomatic character-count counter",
+          "values": []
+        },
+        {
+          "name": "hide-counter",
+          "description": "Whether to hide the counter from the supporting text line",
           "values": []
         },
         {
@@ -977,6 +1025,7 @@
         },
         {
           "name": "disabled",
+          "description": "Whether the field is disabled",
           "values": []
         },
         {
@@ -985,62 +1034,427 @@
           "values": []
         },
         {
-          "name": "has-leading-icon",
-          "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
+          "name": "has-leading-icon",
+          "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
+          "values": []
+        },
+        {
+          "name": "has-trailing-icon",
+          "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
+          "values": []
+        },
+        {
+          "name": "has-error-text",
+          "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-range-datepicker",
+      "description": "\n---\n\n\n### **Events:**\n - **input**\n\n### **Methods:**\n \n\n- **checkValidity(): _boolean_** - Returns whether the field is valid (fires an `invalid` event if not).\n- **reportValidity(): _boolean_** - Like `checkValidity()`, but also surfaces the native validation bubble and\nreflects the result onto the visual `invalid` state.",
+      "attributes": [
+        {
+          "name": "locale",
+          "description": "The BCP 47 locale tag forwarded to the underlying range calendar and used\nfor non-editable display formatting.\nWhen `null`, the calendar falls back to the browser's `navigator.language`.",
+          "values": []
+        },
+        {
+          "name": "format",
+          "description": "Format used when displaying the value while the field is not editable.\nAccepts `'short'`, `'medium'`, `'long'`, `'full'`, `'iso'`, or an\n`Intl.DateTimeFormatOptions` object. Each end of the range is formatted\nindependently and joined with ` - `.",
+          "values": [
+            {
+              "name": "DatepickerFormat"
+            }
+          ]
+        },
+        {
+          "name": "editable",
+          "description": "Whether the input accepts manually-typed ranges. When `false` (default),\nthe field is read-only and clicking anywhere opens the calendar popover.\nWhen `true`, the input accepts text in the `YYYY-MM-DD - YYYY-MM-DD` format;\nthe calendar popover is opened via the trailing icon.",
+          "values": []
+        },
+        {
+          "name": "readOnly",
+          "description": "Whether the input is read-only. When set, manual typing is disabled even\nif `editable` is `true`; the calendar popover remains available.",
+          "values": []
+        },
+        {
+          "name": "menu-positioning",
+          "description": "The positioning strategy used by the calendar popover. Use `'fixed'`\nwhen the datepicker is rendered inside a clipped/scrollable container.",
+          "values": [
+            {
+              "name": "relative"
+            },
+            {
+              "name": "fixed"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "The current text value of the field, submitted with the associated form",
+          "values": []
+        },
+        {
+          "name": "autocomplete",
+          "description": "Mirrors the native `autocomplete` attribute on the underlying input",
+          "values": [
+            {
+              "name": "on"
+            },
+            {
+              "name": "off"
+            }
+          ]
+        },
+        {
+          "name": "maxlength",
+          "description": "Maximum number of characters the field accepts. When set, drives the\nautomatic character counter shown in the supporting text.",
+          "values": []
+        },
+        {
+          "name": "role",
+          "description": "The ARIA role applied to the inner input element",
+          "values": []
+        },
+        {
+          "name": "placeholder",
+          "description": "The placeholder text shown when the field is empty",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the field must have a value to satisfy constraint validation.\nDrives `checkValidity()`/`reportValidity()` and blocks native form submit.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The Field variant to render. When omitted, falls back to the variant\nprovided by the surrounding `fieldDefaultsContext` (or `'filled'`).",
+          "values": [
+            {
+              "name": "filled"
+            },
+            {
+              "name": "outlined"
+            }
+          ]
+        },
+        {
+          "name": "label",
+          "description": "The floating label for the field",
+          "values": []
+        },
+        {
+          "name": "counter",
+          "description": "Custom counter text shown in the supporting line, overriding the\nautomatic character-count counter",
+          "values": []
+        },
+        {
+          "name": "hide-counter",
+          "description": "Whether to hide the counter from the supporting text line",
+          "values": []
+        },
+        {
+          "name": "supporting-text",
+          "description": "Supporting text conveys additional information about the field, such as how it will be used",
+          "values": []
+        },
+        {
+          "name": "error-text",
+          "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
+          "values": []
+        },
+        {
+          "name": "empty",
+          "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the field is disabled",
+          "values": []
+        },
+        {
+          "name": "invalid",
+          "description": "Get or sets where or not the field is in a visually invalid state.",
+          "values": []
+        },
+        {
+          "name": "has-leading-icon",
+          "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
+          "values": []
+        },
+        {
+          "name": "has-trailing-icon",
+          "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
+          "values": []
+        },
+        {
+          "name": "has-error-text",
+          "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-elevation",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "u-expansion-panel-container",
+      "description": "Coordinates a group of `<u-expansion-panel>` children. When `multi` is `false`\n(default), opening one panel closes the others.\n---\n\n\n### **Slots:**\n - _default_ - Default slot for `<u-expansion-panel>` children.",
+      "attributes": [
+        {
+          "name": "multi",
+          "description": "When `true`, multiple panels may be expanded simultaneously.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-expansion-panel",
+      "description": "\n---\n\n\n### **Events:**\n - **change** - Dispatched when the `expanded` state toggles.\n\n### **Methods:**\n - **toggle(): _void_** - Toggles `expanded`. No-op when `disabled`.\n\n### **Slots:**\n - **header** - Content shown in the clickable header row.\n- _default_ - Default slot for the panel body (animated via `u-collapse`).\n\n### **CSS Parts:**\n - **header** - The header row container.\n- **chevron** - The default chevron icon (rotates on expand).\n- **content** - The collapsible body wrapper.",
+      "attributes": [
+        {
+          "name": "expanded",
+          "description": "Whether the panel body is expanded.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Disables toggling the panel via header click.",
+          "values": []
+        },
+        {
+          "name": "hide-toggle",
+          "description": "Hides the default chevron toggle icon.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-field",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "autoEmpty",
+          "description": "Whether the field should automatically derive its `empty` state from\nthe slotted native input's value",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The Field variant to render. When omitted, falls back to the variant\nprovided by the surrounding `fieldDefaultsContext` (or `'filled'`).",
+          "values": [
+            {
+              "name": "filled"
+            },
+            {
+              "name": "outlined"
+            }
+          ]
+        },
+        {
+          "name": "label",
+          "description": "The floating label for the field",
+          "values": []
+        },
+        {
+          "name": "counter",
+          "description": "Custom counter text shown in the supporting line, overriding the\nautomatic character-count counter",
+          "values": []
+        },
+        {
+          "name": "hide-counter",
+          "description": "Whether to hide the counter from the supporting text line",
+          "values": []
+        },
+        {
+          "name": "supporting-text",
+          "description": "Supporting text conveys additional information about the field, such as how it will be used",
+          "values": []
+        },
+        {
+          "name": "error-text",
+          "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
+          "values": []
+        },
+        {
+          "name": "empty",
+          "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the field is disabled",
+          "values": []
+        },
+        {
+          "name": "invalid",
+          "description": "Get or sets where or not the field is in a visually invalid state.",
+          "values": []
+        },
+        {
+          "name": "has-leading-icon",
+          "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
+          "values": []
+        },
+        {
+          "name": "has-trailing-icon",
+          "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
+          "values": []
+        },
+        {
+          "name": "has-error-text",
+          "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-dialog",
+      "description": "\n---\n\n\n### **Events:**\n - **close**\n- **closed**\n- **cancel**",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "Whether the dialog is open. Setting this to `true` is equivalent to\ncalling `show()`; setting it to `false` is equivalent to `close()`.",
+          "values": []
+        },
+        {
+          "name": "has-headline",
+          "description": "Whether dialog has headline or not\n\n_Note:_ Readonly",
+          "values": []
+        },
+        {
+          "name": "has-icon",
+          "description": "Whether dialog has icon\n\n_Note:_ Readonly",
+          "values": []
+        },
+        {
+          "name": "scrollContainer",
+          "description": "The external element that drives the top/bottom scroll dividers.\nWhen not set, the dialog's own content element is used.",
+          "values": [
+            {
+              "name": "HTMLElement"
+            }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-icon",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "u-list-item",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "selectable",
+          "description": "Whether the list item is interactive and renders a ripple on click",
           "values": []
         },
         {
-          "name": "has-trailing-icon",
-          "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
+          "name": "selected",
+          "description": "Whether the row is in the selected (active) state. Paints the M3 selected\ncontainer (`secondary-container` / `on-secondary-container`) so the row\nreads as the current choice in a list-detail or navigation list. Purely\nvisual — pair it with your own click handling (and `selectable` for the\nripple/hover state layer).",
           "values": []
         },
         {
-          "name": "has-error-text",
-          "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
+          "name": "no-inset",
+          "description": "Pull the row flush with surrounding content: cancels the inline padding with\nan equal negative inline margin, so the content lines up with adjacent labels\nor section headings (the row's state layer bleeds to the container edges).",
           "values": []
         }
       ],
       "references": []
     },
     {
-      "name": "u-elevation",
+      "name": "u-list",
       "description": "\n---\n",
       "attributes": [],
       "references": []
     },
     {
-      "name": "u-icon",
+      "name": "u-drawer-headline",
       "description": "\n---\n",
       "attributes": [],
       "references": []
     },
     {
-      "name": "u-list-item",
+      "name": "u-drawer-item",
       "description": "\n---\n",
       "attributes": [
         {
-          "name": "selectable",
+          "name": "active",
+          "description": "Whether the drawer item is active or not\n\n_Note:_ Readonly",
+          "values": []
+        },
+        {
+          "name": "keep-drawer-open",
+          "description": "If true, it will not attempt to close de navigation drawer on click",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the button is disabled or not.",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "The URL that the link button points to.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The form field name associated with the button when submitting a form",
           "values": []
         }
       ],
       "references": []
     },
     {
-      "name": "u-list",
+      "name": "u-drawer",
       "description": "\n---\n",
       "attributes": [],
       "references": []
     },
+    {
+      "name": "u-side-navigation",
+      "description": "@deprecated Use `<u-scaffold>` and place a `<u-drawer>` or `<u-navigation-rail>` directly as a body sibling (for a permanent sidebar) or wrap it in `<u-pane mode=\"sidebar\" mode-lg=\"fixed\">` for a sidebar that collapses to an overlay below `lg`. Standalone usage outside of a scaffold remains supported.\n\n\n---\n",
+      "attributes": [
+        {
+          "name": "toggle-drawer",
+          "description": "Toggle the navigation drawer visibility\n\n_Modal drawer_: Open if `true`, closed if `false`\n_Standard drawer_: Collapsed if `true`, visible if `false`",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "u-menu-item",
       "description": "\n---\n",
       "attributes": [
         {
           "name": "active",
+          "description": "Whether the item is currently highlighted via keyboard navigation",
           "values": []
         },
         {
           "name": "has-badge",
+          "description": "Whether the item should reserve space for a trailing badge indicator",
           "values": []
         },
         {
@@ -1060,6 +1474,7 @@
         },
         {
           "name": "name",
+          "description": "The form field name associated with the button when submitting a form",
           "values": []
         }
       ],
@@ -1071,6 +1486,7 @@
       "attributes": [
         {
           "name": "autoclose",
+          "description": "Controls automatic closing on outside interaction.\n- `true`: closes on any click outside the menu (default)\n- `false`: never closes automatically\n- `'outside'`: closes only on clicks outside, but does not close on clicks inside the menu",
           "values": [
             {
               "name": "outside"
@@ -1084,6 +1500,7 @@
         },
         {
           "name": "positioning",
+          "description": "The menu positioning strategy.\n`'relative'` positions the menu inside its parent's stacking context;\n`'fixed'` positions it relative to the viewport, useful when the\nmenu is nested inside a clipped container.",
           "values": [
             {
               "name": "relative"
@@ -1095,6 +1512,7 @@
         },
         {
           "name": "manualFocus",
+          "description": "When `true`, the menu does not automatically focus its first\nenabled item on open",
           "values": []
         },
         {
@@ -1148,24 +1566,22 @@
       "references": []
     },
     {
-      "name": "u-drawer-headline",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "u-drawer-item",
-      "description": "\n---\n",
+      "name": "u-navigation-bar-item",
+      "description": "A destination inside a `u-navigation-bar`. Renders an M3 active indicator\npill around the icon (vertical) or around icon + label (horizontal), with\nthe destination label.\n\nSlots:\n - default: the destination label.\n - `icon`: the destination icon (24dp).\n - `badge`: an optional `u-badge` placed at the top-right of the icon.\n---\n",
       "attributes": [
         {
           "name": "active",
-          "description": "Whether the drawer item is active or not\n\n_Note:_ Readonly",
+          "description": "Whether the navigation item is active (selected) or not.",
           "values": []
         },
         {
-          "name": "keep-drawer-open",
-          "description": "If true, it will not attempt to close de navigation drawer on click",
-          "values": []
+          "name": "variant",
+          "description": "Layout variant. `'vertical'` (default) stacks the icon over the label\nwith a 56×32dp active indicator pill around the icon. `'horizontal'`\nplaces icon and label side-by-side inside a 40dp-high pill.",
+          "values": [
+            {
+              "name": "NavBarItemVariant"
+            }
+          ]
         },
         {
           "name": "disabled",
@@ -1184,24 +1600,103 @@
         },
         {
           "name": "name",
+          "description": "The form field name associated with the button when submitting a form",
           "values": []
         }
       ],
       "references": []
     },
     {
-      "name": "u-drawer",
-      "description": "\n---\n",
+      "name": "u-navigation-bar",
+      "description": "Material 3 navigation bar — a persistent bar pinned to the bottom of the\napplication that hosts top-level destinations (typically 3–5 icon buttons\nor navigation-bar items). Mirrors `u-top-app-bar`'s positioning model: an\ninternal `.spacing` filler reserves the bar's height inside the surrounding\nflow so content under it does not get obscured.\n\nSlots:\n - default: destination items (e.g. `u-icon-button`s).\n---\n",
+      "attributes": [
+        {
+          "name": "position",
+          "description": "The positioning strategy of the navigation bar.",
+          "values": [
+            {
+              "name": "fixed"
+            },
+            {
+              "name": "absolute"
+            },
+            {
+              "name": "static"
+            }
+          ]
+        },
+        {
+          "name": "scroll-container",
+          "description": "The element the bar will observe for scroll. Accepts an `HTMLElement`,\nthe id of an element, `'window'` to use the window scroll, or `'none'`\nto disable. When unset, the bar consumes the scroll container provided\nby an ancestor `u-scaffold` via context, falling back to `'window'`.\nReserved for future scroll-driven behaviors (e.g. hide on scroll).",
+          "values": [
+            {
+              "name": "none"
+            },
+            {
+              "name": "window"
+            },
+            {
+              "name": "HTMLElement"
+            }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-navigation-rail-headline",
+      "description": "Section header for grouping destinations inside the expanded navigation\nrail. Slot it into `u-navigation-rail slot=\"expanded\"` between groups of\n`u-navigation-rail-item`s.\n\nThe headline is only visible while the rail is in its expanded state —\nwhen collapsed (or hidden) the rail switches to its primary `slot=\"rail\"`\ndestinations, so headlines never appear in narrow layouts.\n\nSlots:\n - default: the headline text.\n---\n",
       "attributes": [],
       "references": []
     },
     {
-      "name": "u-side-navigation",
-      "description": "\n---\n",
+      "name": "u-navigation-rail-item",
+      "description": "A destination inside a `u-navigation-rail`. Renders two layouts depending\non `variant`:\n\n- `collapsed` (default): vertical — a 56×32dp pill around the 24dp icon\n  with the label stacked below in label-medium type.\n- `expanded`: horizontal — a full-width pill wraps icon + label inline\n  (icon at the leading edge, label-large to its right), 56dp tall.\n\nHover/focus/pressed feedback (state layer + ripple) is confined to the\nactive-indicator pill, never the full square. The click target itself\nstays the full container — clicks anywhere on the item still navigate\nand emit a ripple inside the pill.\n\nThe parent `u-navigation-rail` sets `variant` automatically based on the\nbreakpoint and toggle state — consumers don't usually need to set it.\n\nSlots:\n - default: the destination label.\n - `icon`: the destination icon (24dp).\n - `badge`: an optional `u-badge` placed at the top-right of the icon.\n---\n",
+      "attributes": [
+        {
+          "name": "active",
+          "description": "Whether the rail item is active (selected) or not.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "Layout variant. `collapsed` (default) stacks icon over label with a\n56×32dp pill around the icon. `expanded` lays icon + label side-by-side\ninside a content-sized 56dp pill aligned to the rail's leading edge.\n\nSet automatically by `u-navigation-rail` based on which slot the item\nis placed into (`slot=\"rail\"` → collapsed, `slot=\"expanded\"` → expanded).",
+          "values": [
+            {
+              "name": "NavRailItemVariant"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the button is disabled or not.",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "The URL that the link button points to.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The form field name associated with the button when submitting a form",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-navigation-rail",
+      "description": "Material 3 navigation rail — a responsive primary navigation surface that\nadapts to the viewport with two independently configurable destination\nsets:\n\n- **Mobile (< 840px)**: rail is hidden. `toggleDrawer` slides the\n  expanded rail in from the left as a **modal** over the content (with\n  scrim).\n- **Medium (840–1199px)**: a permanent 96dp **collapsed** sidebar shows\n  `slot=\"rail\"` items. `toggleDrawer` slides the expanded rail in over\n  it as a **modal** (with scrim).\n- **Large (≥ 1200px)**: the expanded rail is permanent (no modal,\n  no scrim). `toggleDrawer` slides it back off the leading edge,\n  revealing the collapsed bar underneath.\n\nThe expanded panel animates exactly like the side-navigation drawer:\n`inset-inline-start` transitions 375ms with the project's awesome cubic\nbezier easing.\n\nSlots:\n - `rail`: primary destinations shown in the permanent collapsed bar\n   (`u-navigation-rail-item`s, no headlines).\n - `expanded`: full destination list shown in the expanded panel —\n   `u-navigation-rail-item`s grouped by optional\n   `u-navigation-rail-headline`s.\n - `top`: optional area pinned to the top of the rail (menu button,\n   brand mark, etc.).\n - `bottom`: optional area pinned to the bottom of the rail (FAB,\n   secondary action, etc.).\n - default: page content.\n---\n",
       "attributes": [
         {
           "name": "toggle-drawer",
-          "description": "Toggle the navigation drawer visibility\n\n_Modal drawer_: Open if `true`, closed if `false`\n_Standard drawer_: Collapsed if `true`, visible if `false`",
+          "description": "Toggle the rail's secondary state:\n\n- On mobile/medium: slides the expanded rail in from the left as a\n  modal overlay (with scrim). Click on the scrim to close.\n- On large: slides the expanded rail off, revealing the collapsed\n  96dp bar underneath.",
           "values": []
         }
       ],
@@ -1213,10 +1708,12 @@
       "attributes": [
         {
           "name": "label",
+          "description": "The accessible label for the action, used as the icon button's title",
           "values": []
         },
         {
           "name": "collapse",
+          "description": "Controls how the item behaves when space is limited.\n`'auto'` allows the item to be moved into the overflow menu;\n`'always'` keeps it permanently hidden behind the overflow trigger.",
           "values": [
             {
               "name": "auto"
@@ -1233,6 +1730,18 @@
       "name": "u-overflow-menu",
       "description": "\n---\n",
       "attributes": [
+        {
+          "name": "menuPositioning",
+          "description": "The positioning strategy used by the collapsed-items popover. Use\n`'fixed'` when the overflow menu is rendered inside a clipped/scrollable\ncontainer so the popover can escape its bounds.",
+          "values": [
+            {
+              "name": "relative"
+            },
+            {
+              "name": "fixed"
+            }
+          ]
+        },
         {
           "name": "anchor",
           "values": [
@@ -1250,10 +1759,12 @@
       "attributes": [
         {
           "name": "value",
+          "description": "The current progress value. When `undefined`, the indicator is rendered\nin indeterminate mode.",
           "values": []
         },
         {
           "name": "max",
+          "description": "The maximum value of the progress indicator",
           "values": []
         }
       ],
@@ -1265,10 +1776,12 @@
       "attributes": [
         {
           "name": "value",
+          "description": "The current progress value. When `undefined`, the bar is rendered\nin indeterminate mode.",
           "values": []
         },
         {
           "name": "max",
+          "description": "The maximum value of the progress bar",
           "values": []
         }
       ],
@@ -1280,78 +1793,219 @@
       "attributes": [
         {
           "name": "leading",
+          "description": "Whether to render the selection control before the label.\nDefaults to a trailing position.",
+          "values": []
+        },
+        {
+          "name": "no-inset",
+          "description": "Pull the row flush with surrounding content (negative inline margin equal\nto the inline padding) so it aligns with adjacent labels / section headings.\nForwarded to the inner `u-list-item`.",
+          "values": []
+        },
+        {
+          "name": "hide-state-layer",
+          "description": "Whether to hide the hover/focus state layer behind the radio indicator",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The form field name used when submitting the control's value",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the control is disabled and prevents user interaction",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The element value to use in form submission when checked.",
+          "values": []
+        },
+        {
+          "name": "checked",
+          "description": "Whether the control is checked",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-radio",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "hide-state-layer",
+          "description": "Whether to hide the hover/focus state layer behind the radio indicator",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The form field name used when submitting the control's value",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the control is disabled and prevents user interaction",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The element value to use in form submission when checked.",
+          "values": []
+        },
+        {
+          "name": "checked",
+          "description": "Whether the control is checked",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-ripple",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Disables the ripple.",
           "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-pane",
+      "description": "A region declared as a light-DOM child of `u-scaffold`. The pane is a\nflex item in the scaffold's body row; its behaviour is driven by `mode`:\n\n- `fixed` (default): always visible as a flex item. `open` is ignored.\n- `collapsible`: a flex item while `open=true`; removed from the flow\n  when `open=false` (animated via `transition-behavior: allow-discrete`).\n- `sidebar`: a modal drawer overlay anchored to the scaffold. Slides in\n  from the leading or trailing edge (the scaffold tags each pane with\n  `data-align=\"start|end\"` based on its DOM position relative to the\n  body content) and shows a scrim. Closed by default.\n- `fullscreen`: same overlay semantics as `sidebar` but full-width,\n  sits above the top app bar, no scrim. Closed by default.\n\nModes can vary per Material 3 breakpoint via the `mode-sm`, `mode-md`,\n`mode-lg` and `mode-xl` attributes — the larger breakpoint wins via\nsource order in the stylesheet. The `query-context` attribute switches\nthe breakpoint source between the viewport (`media`, default) and the\nscaffold's container (`container`). All breakpoint handling is CSS —\nthe pane does not subscribe to any `matchMedia`/`ResizeObserver`.\n\nThe `open` property defaults to `true` for `fixed` / `collapsible`\npanes and `false` for `sidebar` / `fullscreen` panes. The default is\nrecomputed whenever `mode` changes — until the consumer writes to\n`open` explicitly, the default tracks the active `mode`.\n---\n\n\n### **Events:**\n - **open** - When the pane opens. Bubbles, composed.\n- **close** - When the pane closes. Bubbles, composed.\n\n### **Methods:**\n - **show(): _void_** - Opens the pane. Equivalent to `open = true`.\n- **close(): _void_** - Closes the pane. Equivalent to `open = false`.\n- **toggle(): _void_** - Toggles `open`.\n\n### **Slots:**\n - **header** - Title row / actions. Sticks to the top of the pane.\n- _default_ - The pane content. Scrolls if it overflows.\n\n### **CSS Parts:**\n - **container** - The visual surface.\n- **header** - undefined\n- **content** - undefined\n- **scrim** - The modal scrim (sidebar mode only).",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "Background treatment. `filled` gives the pane its own card chrome\n(`surface-container-low` + `--u-pane-filled-shape-corner`, default\n`medium` / 12dp). `transparent` blends with the scaffold background.\nOverride the surface tone via `--u-pane-filled-bg-color`.",
+          "values": [
+            {
+              "name": "PaneVariant"
+            }
+          ]
+        },
+        {
+          "name": "mode",
+          "description": "Behaviour at the base (no-breakpoint-qualifier) level. `fixed` keeps\nthe pane in the scaffold flex row at all times; `collapsible` makes\nit disappear from the row when `open=false`; `sidebar` and\n`fullscreen` render the pane as a modal overlay against the\nscaffold when `open=true`.",
+          "values": [
+            {
+              "name": "PaneMode"
+            }
+          ]
+        },
+        {
+          "name": "mode-sm",
+          "description": "Mode override applied from the `sm` breakpoint (≥ 600px) upward.\nFalls back to `mode` when unset. Resolved purely in CSS.",
+          "values": [
+            {
+              "name": "PaneMode"
+            }
+          ]
+        },
+        {
+          "name": "mode-md",
+          "description": "Mode override applied from `md` (≥ 840px) upward.",
+          "values": [
+            {
+              "name": "PaneMode"
+            }
+          ]
         },
         {
-          "name": "hide-state-layer",
-          "values": []
+          "name": "mode-lg",
+          "description": "Mode override applied from `lg` (≥ 1200px) upward.",
+          "values": [
+            {
+              "name": "PaneMode"
+            }
+          ]
         },
         {
-          "name": "name",
-          "values": []
+          "name": "mode-xl",
+          "description": "Mode override applied from `xl` (≥ 1600px) upward.",
+          "values": [
+            {
+              "name": "PaneMode"
+            }
+          ]
         },
         {
-          "name": "disabled",
-          "values": []
+          "name": "query-context",
+          "description": "Whether the breakpoint overrides query the viewport (`media`,\ndefault) or the nearest container with `container-type` set\n(`container`). Switching to `container` lets the pane react to its\nscaffold's own size when the scaffold lives in a constrained layout\n— see `u-scaffold` which sets `container-type: inline-size`.",
+          "values": [
+            {
+              "name": "PaneQueryContext"
+            }
+          ]
         },
         {
-          "name": "value",
-          "description": "The element value to use in form submission when checked.",
-          "values": []
+          "name": "animation",
+          "description": "How the pane animates in/out when `open` toggles (modal modes) or\nwhen it enters/leaves the flex flow (`collapsible`). `none` disables\nthe transition entirely; `exit` (default) slides the modal off-screen\nand infers the direction from the scaffold-assigned `data-align`\n(`start` → leading edge, `end` → trailing edge); `exit-start` and\n`exit-end` force a side regardless of `data-align`; `fade` swaps\nthe slide for an opacity transition (modal stays in place and fades\nthrough).",
+          "values": [
+            {
+              "name": "PaneAnimation"
+            }
+          ]
         },
         {
-          "name": "checked",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-radio",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "hide-state-layer",
-          "values": []
+          "name": "animation-sm",
+          "description": "Animation override applied from the `sm` breakpoint (≥ 600px) upward.\nFalls back to `animation` when unset. Resolved purely in CSS.",
+          "values": [
+            {
+              "name": "PaneAnimation"
+            }
+          ]
         },
         {
-          "name": "name",
-          "values": []
+          "name": "animation-md",
+          "description": "Animation override applied from `md` (≥ 840px) upward.",
+          "values": [
+            {
+              "name": "PaneAnimation"
+            }
+          ]
         },
         {
-          "name": "disabled",
-          "values": []
+          "name": "animation-lg",
+          "description": "Animation override applied from `lg` (≥ 1200px) upward.",
+          "values": [
+            {
+              "name": "PaneAnimation"
+            }
+          ]
         },
         {
-          "name": "value",
-          "description": "The element value to use in form submission when checked.",
-          "values": []
+          "name": "animation-xl",
+          "description": "Animation override applied from `xl` (≥ 1600px) upward.",
+          "values": [
+            {
+              "name": "PaneAnimation"
+            }
+          ]
         },
         {
-          "name": "checked",
+          "name": "open",
+          "description": "Programmatic open state. Default is computed from `mode`:\n`true` for `fixed` / `collapsible`, `false` for `sidebar` /\n`fullscreen`. Once the consumer sets this explicitly (attribute,\nproperty or `show()` / `close()`), the explicit value sticks.\n\nIn `fixed` mode the pane is visible regardless of `open`.",
           "values": []
         }
       ],
       "references": []
     },
     {
-      "name": "u-ripple",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "disabled",
-          "description": "Disables the ripple.",
-          "values": []
-        }
-      ],
+      "name": "u-scaffold",
+      "description": "Layout container that hosts the top app bar, navigation bar, a\nflex-row body that accepts plain content and any number of\n`u-pane` children, and a floating FAB. Panes auto-arrange via\n`display: flex` + `gap` on the body row; their behaviour (fixed,\ncollapsible, sidebar, fullscreen) is owned by `u-pane` itself.\n\nThe scaffold has one piece of pane-aware bookkeeping: it watches the\nchildren and writes `data-align=\"start|end\"` on each `u-pane`\ndepending on whether the pane appears before (`start`) or after\n(`end`) the first non-pane child in the light DOM. The pane reads\nthat attribute to pick the slide direction in `sidebar` / `fullscreen`\nmodes. When there is no non-pane content, every pane defaults to\n`start`.\n\nThe scaffold establishes a `container-type: inline-size` named\ncontainer (`u-scaffold`) so panes with `query-context=\"container\"`\ncan react to the scaffold's own size rather than the viewport.\n---\n\n\n### **Slots:**\n - **top-bar** - the top app bar.\n- _default_ - panes (`u-pane`) and the page content as siblings. Non-pane children act as the body and flex to fill the remaining space.\n- **bottom-bar** - the navigation bar (or any bottom-anchored bar).\n- **fab** - floating action button area, anchored above the bottom bar.\n\n### **CSS Parts:**\n - **top-bar** - undefined\n- **bottom-bar** - undefined\n- **fab** - undefined\n- **body-row** - undefined",
+      "attributes": [],
       "references": []
     },
     {
       "name": "u-search",
-      "description": "\n---\n",
+      "description": "\n---\n\n\n### **Methods:**\n \n\n- **checkValidity(): _boolean_** - Returns whether the field is valid (fires an `invalid` event if not).\n- **reportValidity(): _boolean_** - Like `checkValidity()`, but also surfaces the native validation bubble and\nreflects the result onto the visual `invalid` state.",
       "attributes": [
         {
           "name": "position",
+          "description": "The positioning strategy of the search bar",
           "values": [
             {
               "name": "fixed"
@@ -1366,10 +2020,12 @@
         },
         {
           "name": "value",
+          "description": "The current text value of the field, submitted with the associated form",
           "values": []
         },
         {
           "name": "autocomplete",
+          "description": "Mirrors the native `autocomplete` attribute on the underlying input",
           "values": [
             {
               "name": "on"
@@ -1381,18 +2037,27 @@
         },
         {
           "name": "maxlength",
+          "description": "Maximum number of characters the field accepts. When set, drives the\nautomatic character counter shown in the supporting text.",
           "values": []
         },
         {
           "name": "role",
+          "description": "The ARIA role applied to the inner input element",
           "values": []
         },
         {
           "name": "placeholder",
+          "description": "The placeholder text shown when the field is empty",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the field must have a value to satisfy constraint validation.\nDrives `checkValidity()`/`reportValidity()` and blocks native form submit.",
           "values": []
         },
         {
           "name": "variant",
+          "description": "The Field variant to render. When omitted, falls back to the variant\nprovided by the surrounding `fieldDefaultsContext` (or `'filled'`).",
           "values": [
             {
               "name": "filled"
@@ -1409,10 +2074,12 @@
         },
         {
           "name": "counter",
+          "description": "Custom counter text shown in the supporting line, overriding the\nautomatic character-count counter",
           "values": []
         },
         {
           "name": "hide-counter",
+          "description": "Whether to hide the counter from the supporting text line",
           "values": []
         },
         {
@@ -1432,6 +2099,7 @@
         },
         {
           "name": "disabled",
+          "description": "Whether the field is disabled",
           "values": []
         },
         {
@@ -1463,18 +2131,22 @@
       "attributes": [
         {
           "name": "value",
+          "description": "The value submitted with the form when this option is selected",
           "values": []
         },
         {
           "name": "selected",
+          "description": "Whether the option is currently selected in the parent `u-select`",
           "values": []
         },
         {
           "name": "active",
+          "description": "Whether the item is currently highlighted via keyboard navigation",
           "values": []
         },
         {
           "name": "has-badge",
+          "description": "Whether the item should reserve space for a trailing badge indicator",
           "values": []
         },
         {
@@ -1494,6 +2166,7 @@
         },
         {
           "name": "name",
+          "description": "The form field name associated with the button when submitting a form",
           "values": []
         }
       ],
@@ -1501,10 +2174,11 @@
     },
     {
       "name": "u-select",
-      "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**\n\n### **Methods:**\n - **_renderOptionRelatedElements(): _void_** - Re-renderiza display e listbox a11y quando o textContent de uma option muda.",
+      "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**\n\n### **Methods:**\n \n- **_renderOptionRelatedElements(): _void_** - Re-renderiza display e listbox a11y quando o textContent de uma option muda.\n\n- **checkValidity(): _boolean_** - Returns whether the field is valid (fires an `invalid` event if not).\n- **reportValidity(): _boolean_** - Like `checkValidity()`, but also surfaces the native validation bubble and\nreflects the result onto the visual `invalid` state.",
       "attributes": [
         {
           "name": "menu-positioning",
+          "description": "The positioning strategy used by the dropdown menu. Use `'fixed'`\nwhen the select is rendered inside a clipped/scrollable container.",
           "values": [
             {
               "name": "relative"
@@ -1516,10 +2190,17 @@
         },
         {
           "name": "placeholder",
+          "description": "The placeholder text shown when the field is empty",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the field must have a value to satisfy constraint validation.\nDrives `checkValidity()`/`reportValidity()` and blocks native form submit.",
           "values": []
         },
         {
           "name": "variant",
+          "description": "The Field variant to render. When omitted, falls back to the variant\nprovided by the surrounding `fieldDefaultsContext` (or `'filled'`).",
           "values": [
             {
               "name": "filled"
@@ -1536,10 +2217,12 @@
         },
         {
           "name": "counter",
+          "description": "Custom counter text shown in the supporting line, overriding the\nautomatic character-count counter",
           "values": []
         },
         {
           "name": "hide-counter",
+          "description": "Whether to hide the counter from the supporting text line",
           "values": []
         },
         {
@@ -1559,6 +2242,7 @@
         },
         {
           "name": "disabled",
+          "description": "Whether the field is disabled",
           "values": []
         },
         {
@@ -1584,20 +2268,94 @@
       ],
       "references": []
     },
+    {
+      "name": "u-slider",
+      "description": "Material 3 expressive slider. Single-thumb by default; becomes a range slider\nwhen both `value-start` and `value-end` are set (or `range` is forced).\n---\n\n\n### **Events:**\n - **input** - Dispatched continuously while dragging.\n- **change** - Dispatched when the user commits a value change.\n\n### **CSS Parts:**\n - **track** - The track container.\n- **track-inactive-start** - The inactive segment before the start handle (range mode only).\n- **track-active** - The highlighted segment between (or up to) the thumbs.\n- **track-inactive-end** - The inactive segment after the end handle.\n- **thumb** - The thumb indicator (or the start thumb in range mode).\n- **thumb-end** - The end thumb in range mode.\n- **value-indicator** - The floating value indicator shown in `discrete` mode while dragging.\n- **stop-indicator** - The dot at each end of the slider.",
+      "attributes": [
+        {
+          "name": "min",
+          "description": "Minimum value.",
+          "values": []
+        },
+        {
+          "name": "max",
+          "description": "Maximum value.",
+          "values": []
+        },
+        {
+          "name": "step",
+          "description": "Step increment. Use `0` for fully continuous values.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "Current value (single-thumb mode).",
+          "values": []
+        },
+        {
+          "name": "value-start",
+          "description": "Start value (range mode).",
+          "values": []
+        },
+        {
+          "name": "value-end",
+          "description": "End value (range mode).",
+          "values": []
+        },
+        {
+          "name": "range",
+          "description": "Forces range mode. Auto-enabled when both `value-start` and `value-end`\nare provided.",
+          "values": []
+        },
+        {
+          "name": "discrete",
+          "description": "Shows tick marks and a floating value indicator while dragging.",
+          "values": []
+        },
+        {
+          "name": "ticks",
+          "description": "Shows tick marks without enabling the floating value indicator.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the slider.",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "Form-association name.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "Visual size variant.",
+          "values": [
+            {
+              "name": "SliderSize"
+            }
+          ]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "u-snackbar",
       "description": "\n---\n",
       "attributes": [
         {
           "name": "message",
+          "description": "The message displayed inside the snackbar",
           "values": []
         },
         {
           "name": "action",
+          "description": "The label of the optional action button. When empty, no action button is rendered.",
           "values": []
         },
         {
           "name": "show-close",
+          "description": "Whether to render the close (dismiss) button next to the message",
           "values": []
         }
       ],
@@ -1609,14 +2367,22 @@
       "attributes": [
         {
           "name": "leading",
+          "description": "Whether to render the selection control before the label.\nDefaults to a trailing position.",
+          "values": []
+        },
+        {
+          "name": "no-inset",
+          "description": "Pull the row flush with surrounding content (negative inline margin equal\nto the inline padding) so it aligns with adjacent labels / section headings.\nForwarded to the inner `u-list-item`.",
           "values": []
         },
         {
           "name": "name",
+          "description": "The form field name used when submitting the control's value",
           "values": []
         },
         {
           "name": "disabled",
+          "description": "Whether the control is disabled and prevents user interaction",
           "values": []
         },
         {
@@ -1626,6 +2392,7 @@
         },
         {
           "name": "checked",
+          "description": "Whether the control is checked",
           "values": []
         }
       ],
@@ -1637,10 +2404,12 @@
       "attributes": [
         {
           "name": "name",
+          "description": "The form field name used when submitting the control's value",
           "values": []
         },
         {
           "name": "disabled",
+          "description": "Whether the control is disabled and prevents user interaction",
           "values": []
         },
         {
@@ -1650,41 +2419,80 @@
         },
         {
           "name": "checked",
+          "description": "Whether the control is checked",
           "values": []
         }
       ],
       "references": []
     },
     {
-      "name": "u-text-field",
+      "name": "u-tab-bar",
       "description": "\n---\n",
       "attributes": [
         {
-          "name": "type",
+          "name": "variant",
+          "description": "The Tab Bar variant to render",
+          "values": [
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-tab",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "hasIcon",
+          "description": "Whether the tab has an icon slotted in the `icon` slot\n\n_Note:_ Readonly",
           "values": []
         },
         {
-          "name": "prefix-text",
+          "name": "disabled",
+          "description": "Whether the button is disabled or not.",
           "values": []
         },
         {
-          "name": "suffix-text",
+          "name": "href",
+          "description": "The URL that the link button points to.",
           "values": []
         },
         {
-          "name": "readOnly",
+          "name": "target",
+          "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
           "values": []
         },
         {
-          "name": "autocapitalize",
+          "name": "name",
+          "description": "The form field name associated with the button when submitting a form",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-text-area",
+      "description": "\n---\n\n\n### **Methods:**\n \n\n- **checkValidity(): _boolean_** - Returns whether the field is valid (fires an `invalid` event if not).\n- **reportValidity(): _boolean_** - Like `checkValidity()`, but also surfaces the native validation bubble and\nreflects the result onto the visual `invalid` state.",
+      "attributes": [
+        {
+          "name": "rows",
+          "description": "The minimum number of visible text rows",
           "values": []
         },
         {
           "name": "value",
+          "description": "The current text value of the field, submitted with the associated form",
           "values": []
         },
         {
           "name": "autocomplete",
+          "description": "Mirrors the native `autocomplete` attribute on the underlying input",
           "values": [
             {
               "name": "on"
@@ -1696,18 +2504,27 @@
         },
         {
           "name": "maxlength",
+          "description": "Maximum number of characters the field accepts. When set, drives the\nautomatic character counter shown in the supporting text.",
           "values": []
         },
         {
           "name": "role",
+          "description": "The ARIA role applied to the inner input element",
           "values": []
         },
         {
           "name": "placeholder",
+          "description": "The placeholder text shown when the field is empty",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the field must have a value to satisfy constraint validation.\nDrives `checkValidity()`/`reportValidity()` and blocks native form submit.",
           "values": []
         },
         {
           "name": "variant",
+          "description": "The Field variant to render. When omitted, falls back to the variant\nprovided by the surrounding `fieldDefaultsContext` (or `'filled'`).",
           "values": [
             {
               "name": "filled"
@@ -1724,10 +2541,12 @@
         },
         {
           "name": "counter",
+          "description": "Custom counter text shown in the supporting line, overriding the\nautomatic character-count counter",
           "values": []
         },
         {
           "name": "hide-counter",
+          "description": "Whether to hide the counter from the supporting text line",
           "values": []
         },
         {
@@ -1747,6 +2566,7 @@
         },
         {
           "name": "disabled",
+          "description": "Whether the field is disabled",
           "values": []
         },
         {
@@ -1773,19 +2593,52 @@
       "references": []
     },
     {
-      "name": "u-text-area",
-      "description": "\n---\n",
+      "name": "u-text-field",
+      "description": "\n---\n\n\n### **Methods:**\n \n\n- **checkValidity(): _boolean_** - Returns whether the field is valid (fires an `invalid` event if not).\n- **reportValidity(): _boolean_** - Like `checkValidity()`, but also surfaces the native validation bubble and\nreflects the result onto the visual `invalid` state.",
       "attributes": [
         {
-          "name": "rows",
+          "name": "type",
+          "description": "The input type. Mirrors the native `input` element's `type` attribute\n(e.g. `text`, `email`, `password`, `number`).",
+          "values": []
+        },
+        {
+          "name": "prefix-text",
+          "description": "Text rendered in the default `prefix` slot, shown before the input",
+          "values": []
+        },
+        {
+          "name": "suffix-text",
+          "description": "Text rendered in the default `suffix` slot, shown after the input",
+          "values": []
+        },
+        {
+          "name": "readOnly",
+          "description": "Whether the field's value is read-only",
+          "values": []
+        },
+        {
+          "name": "pattern",
+          "description": "A regular expression the value must match for constraint validation\n(mirrors the native `input` `pattern` attribute)",
+          "values": []
+        },
+        {
+          "name": "minlength",
+          "description": "Minimum number of characters required for constraint validation\n(mirrors the native `input` `minlength` attribute)",
+          "values": []
+        },
+        {
+          "name": "autocapitalize",
+          "description": "Mirrors the native `autocapitalize` attribute on the underlying input",
           "values": []
         },
         {
           "name": "value",
+          "description": "The current text value of the field, submitted with the associated form",
           "values": []
         },
         {
           "name": "autocomplete",
+          "description": "Mirrors the native `autocomplete` attribute on the underlying input",
           "values": [
             {
               "name": "on"
@@ -1797,18 +2650,27 @@
         },
         {
           "name": "maxlength",
+          "description": "Maximum number of characters the field accepts. When set, drives the\nautomatic character counter shown in the supporting text.",
           "values": []
         },
         {
           "name": "role",
+          "description": "The ARIA role applied to the inner input element",
           "values": []
         },
         {
           "name": "placeholder",
+          "description": "The placeholder text shown when the field is empty",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the field must have a value to satisfy constraint validation.\nDrives `checkValidity()`/`reportValidity()` and blocks native form submit.",
           "values": []
         },
         {
           "name": "variant",
+          "description": "The Field variant to render. When omitted, falls back to the variant\nprovided by the surrounding `fieldDefaultsContext` (or `'filled'`).",
           "values": [
             {
               "name": "filled"
@@ -1825,10 +2687,12 @@
         },
         {
           "name": "counter",
+          "description": "Custom counter text shown in the supporting line, overriding the\nautomatic character-count counter",
           "values": []
         },
         {
           "name": "hide-counter",
+          "description": "Whether to hide the counter from the supporting text line",
           "values": []
         },
         {
@@ -1848,6 +2712,7 @@
         },
         {
           "name": "disabled",
+          "description": "Whether the field is disabled",
           "values": []
         },
         {
@@ -1873,54 +2738,6 @@
       ],
       "references": []
     },
-    {
-      "name": "u-tab-bar",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "variant",
-          "values": [
-            {
-              "name": "primary"
-            },
-            {
-              "name": "secondary"
-            }
-          ]
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-tab",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "hasIcon",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Whether the button is disabled or not.",
-          "values": []
-        },
-        {
-          "name": "href",
-          "description": "The URL that the link button points to.",
-          "values": []
-        },
-        {
-          "name": "target",
-          "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
-          "values": []
-        },
-        {
-          "name": "name",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "u-highlight",
       "description": "\n---\n",
@@ -1944,6 +2761,7 @@
       "attributes": [
         {
           "name": "content",
+          "description": "The content to render. Accepts a string, an `HTMLElement`, or a Lit\ntemplate result that will be rendered into a container element.",
           "values": [
             {
               "name": "HTMLElement"
@@ -2001,10 +2819,12 @@
         },
         {
           "name": "fit-target",
+          "description": "Whether the suggestions menu should match the target element's width",
           "values": []
         },
         {
           "name": "positioning",
+          "description": "The positioning strategy used by the suggestions menu. Use `'fixed'`\nwhen the target is rendered inside a clipped/scrollable container.",
           "values": [
             {
               "name": "relative"