mdui 2.1.1 → 2.1.3

package/jsx.en.d.ts

@@ -109,49 +109,53 @@ declare global {
         'order'?: number;
       } & HTMLElementProps;
       /**
-       * Button Component 
+       * Icon Button Component 
        * 
        * ```html
-       * <mdui-button>Button</mdui-button>
+       * <mdui-button-icon icon="search"></mdui-button-icon>
        * ```
-       * @see https://www.mdui.org/en/docs/2/components/button
+       * @see https://www.mdui.org/en/docs/2/components/button-icon
        */
-      'mdui-button': {
+      'mdui-button-icon': {
         /**
-         * Defines the button style. Possible values:
-         * * `elevated`: A shadowed button for visual distinction.
-         * * `filled`: Used for final actions like 'Save' or 'Confirm'.
-         * * `tonal`: A mix between `filled` and `outlined`, suitable for medium to high-priority actions.
-         * * `outlined`: A bordered button for medium-priority and secondary actions.
-         * * `text`: A text button for low-priority actions.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-variant
+         * Defines the icon button style. Possible values:
+         * * `standard`: For low-priority actions.
+         * * `filled`: Has the strongest visual effect, suitable for high-priority actions.
+         * * `tonal`: A visual effect between `filled` and `outlined`, suitable for medium to high-priority actions.
+         * * `outlined`: For medium-priority actions.
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-variant
          */
-        'variant'?: 'elevated' | 'filled' | 'tonal' | 'outlined' | 'text';
+        'variant'?: 'standard' | 'filled' | 'tonal' | 'outlined';
         /**
-         * If set, the button will fill the width of its parent element.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-full-width
+         * Specifies the Material Icons name. Alternatively, use the default slot.
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-icon
          */
-        'full-width'?: boolean;
+        'icon'?: string;
         /**
-         * Specifies the Material Icons name on the left. Alternatively, use `slot="icon"`.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-icon
+         * Specifies the Material Icons name when selected. Alternatively, use `slot="selected-icon"`.
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-selected-icon
          */
-        'icon'?: string;
+        'selected-icon'?: string;
         /**
-         * Specifies the Material Icons name on the right. Alternatively, use `slot="end-icon"`.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-end-icon
+         * Indicates if the button is selectable.
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-selectable
          */
-        'end-icon'?: string;
+        'selectable'?: boolean;
+        /**
+         * Indicates if the button is selected.
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-selected
+         */
+        'selected'?: boolean;
         /**
          * The URL for the hyperlink. If provided, the component is rendered as an `<a>` element and can use link-related attributes.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-href
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-href
          */
         'href'?: string;
         /**
          * Instructs the browser to download the linked URL.
          * 
          * **Note**: This is only available when `href` is specified.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-download
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-download
          */
         'download'?: string;
         /**
@@ -163,7 +167,7 @@ declare global {
          * * `_top`: Opens in the topmost browsing context or `_self` if no ancestors.
          * 
          * **Note**: This is only available when `href` is specified.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-target
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-target
          */
         'target'?: '_blank' | '_parent' | '_self' | '_top';
         /**
@@ -185,41 +189,41 @@ declare global {
          * * `tag`: Gives a tag (identified by the given address) that applies to the current document.
          * 
          * **Note**: This is only available when `href` is specified.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-rel
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-rel
          */
         'rel'?: 'alternate' | 'author' | 'bookmark' | 'external' | 'help' | 'license' | 'me' | 'next' | 'nofollow' | 'noreferrer' | 'opener' | 'prev' | 'search' | 'tag';
         /**
          * Specifies that the element should be focused when the page loads.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-autofocus
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-autofocus
          */
         'autofocus'?: boolean;
         /**
          * Defines the order in which the element receives focus when navigating with the Tab key.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-tabindex
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-tabindex
          */
         'tabindex'?: number;
         /**
          * Disables the element.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-disabled
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-disabled
          */
         'disabled'?: boolean;
         /**
          * Indicates that the element is in a loading state.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-loading
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-loading
          */
         'loading'?: boolean;
         /**
          * The button's name, which is submitted with form data.
          * 
          * **Note**: This is only available when `href` is not specified.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-name
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-name
          */
         'name'?: string;
         /**
          * The button's value, which is submitted with form data.
          * 
          * **Note**: This is only available when `href` is not specified.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-value
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-value
          */
         'value'?: string;
         /**
@@ -230,7 +234,7 @@ declare global {
          * * `button`: No default behavior, does nothing when pressed by default.
          * 
          * **Note**: This is only available when `href` is not specified.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-type
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-type
          */
         'type'?: 'submit' | 'reset' | 'button';
         /**
@@ -239,14 +243,14 @@ declare global {
          * This attribute allows button elements to be associated with `<form>`s anywhere in the document, not just inside a `<form>`.
          * 
          * **Note**: Only available when `href` is not specified.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-form
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-form
          */
         'form'?: string;
         /**
          * Specifies the URL that processes the button's submitted information. Overrides the `action` attribute of the button's form owner.
          * 
          * **Note**: Only available when `href` is not specified and `type="submit"`.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-formaction
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-formaction
          */
         'formaction'?: string;
         /**
@@ -259,7 +263,7 @@ declare global {
          * Overrides the `enctype` attribute of the button's form owner.
          * 
          * **Note**: Only available when `href` is not specified and `type="submit"`.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-formenctype
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-formenctype
          */
         'formenctype'?: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain';
         /**
@@ -271,14 +275,14 @@ declare global {
          * Overrides the `method` attribute of the button's form owner.
          * 
          * **Note**: Only available when `href` is not specified and `type="submit"`.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-formmethod
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-formmethod
          */
         'formmethod'?: 'post' | 'get';
         /**
          * Specifies that the form should not be validated on submission. Overrides the `novalidate` attribute of the button's form owner.
          * 
          * **Note**: Only available when `href` is not specified and `type="submit"`.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-formnovalidate
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-formnovalidate
          */
         'formnovalidate'?: boolean;
         /**
@@ -292,58 +296,54 @@ declare global {
          * Overrides the `target` attribute of the button's form owner.
          * 
          * **Note**: Only available when `href` is not specified and `type="submit"`.
-         * @see https://www.mdui.org/en/docs/2/components/button#attributes-formtarget
+         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-formtarget
          */
         'formtarget'?: '_self' | '_blank' | '_parent' | '_top';
       } & HTMLElementProps;
       /**
-       * Icon Button Component 
+       * Button Component 
        * 
        * ```html
-       * <mdui-button-icon icon="search"></mdui-button-icon>
+       * <mdui-button>Button</mdui-button>
        * ```
-       * @see https://www.mdui.org/en/docs/2/components/button-icon
+       * @see https://www.mdui.org/en/docs/2/components/button
        */
-      'mdui-button-icon': {
-        /**
-         * Defines the icon button style. Possible values:
-         * * `standard`: For low-priority actions.
-         * * `filled`: Has the strongest visual effect, suitable for high-priority actions.
-         * * `tonal`: A visual effect between `filled` and `outlined`, suitable for medium to high-priority actions.
-         * * `outlined`: For medium-priority actions.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-variant
-         */
-        'variant'?: 'standard' | 'filled' | 'tonal' | 'outlined';
+      'mdui-button': {
         /**
-         * Specifies the Material Icons name. Alternatively, use the default slot.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-icon
+         * Defines the button style. Possible values:
+         * * `elevated`: A shadowed button for visual distinction.
+         * * `filled`: Used for final actions like 'Save' or 'Confirm'.
+         * * `tonal`: A mix between `filled` and `outlined`, suitable for medium to high-priority actions.
+         * * `outlined`: A bordered button for medium-priority and secondary actions.
+         * * `text`: A text button for low-priority actions.
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-variant
          */
-        'icon'?: string;
+        'variant'?: 'elevated' | 'filled' | 'tonal' | 'outlined' | 'text';
         /**
-         * Specifies the Material Icons name when selected. Alternatively, use `slot="selected-icon"`.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-selected-icon
+         * If set, the button will fill the width of its parent element.
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-full-width
          */
-        'selected-icon'?: string;
+        'full-width'?: boolean;
         /**
-         * Indicates if the button is selectable.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-selectable
+         * Specifies the Material Icons name on the left. Alternatively, use `slot="icon"`.
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-icon
          */
-        'selectable'?: boolean;
+        'icon'?: string;
         /**
-         * Indicates if the button is selected.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-selected
+         * Specifies the Material Icons name on the right. Alternatively, use `slot="end-icon"`.
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-end-icon
          */
-        'selected'?: boolean;
+        'end-icon'?: string;
         /**
          * The URL for the hyperlink. If provided, the component is rendered as an `<a>` element and can use link-related attributes.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-href
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-href
          */
         'href'?: string;
         /**
          * Instructs the browser to download the linked URL.
          * 
          * **Note**: This is only available when `href` is specified.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-download
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-download
          */
         'download'?: string;
         /**
@@ -355,7 +355,7 @@ declare global {
          * * `_top`: Opens in the topmost browsing context or `_self` if no ancestors.
          * 
          * **Note**: This is only available when `href` is specified.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-target
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-target
          */
         'target'?: '_blank' | '_parent' | '_self' | '_top';
         /**
@@ -377,41 +377,41 @@ declare global {
          * * `tag`: Gives a tag (identified by the given address) that applies to the current document.
          * 
          * **Note**: This is only available when `href` is specified.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-rel
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-rel
          */
         'rel'?: 'alternate' | 'author' | 'bookmark' | 'external' | 'help' | 'license' | 'me' | 'next' | 'nofollow' | 'noreferrer' | 'opener' | 'prev' | 'search' | 'tag';
         /**
          * Specifies that the element should be focused when the page loads.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-autofocus
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-autofocus
          */
         'autofocus'?: boolean;
         /**
          * Defines the order in which the element receives focus when navigating with the Tab key.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-tabindex
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-tabindex
          */
         'tabindex'?: number;
         /**
          * Disables the element.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-disabled
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-disabled
          */
         'disabled'?: boolean;
         /**
          * Indicates that the element is in a loading state.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-loading
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-loading
          */
         'loading'?: boolean;
         /**
          * The button's name, which is submitted with form data.
          * 
          * **Note**: This is only available when `href` is not specified.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-name
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-name
          */
         'name'?: string;
         /**
          * The button's value, which is submitted with form data.
          * 
          * **Note**: This is only available when `href` is not specified.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-value
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-value
          */
         'value'?: string;
         /**
@@ -422,7 +422,7 @@ declare global {
          * * `button`: No default behavior, does nothing when pressed by default.
          * 
          * **Note**: This is only available when `href` is not specified.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-type
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-type
          */
         'type'?: 'submit' | 'reset' | 'button';
         /**
@@ -431,14 +431,14 @@ declare global {
          * This attribute allows button elements to be associated with `<form>`s anywhere in the document, not just inside a `<form>`.
          * 
          * **Note**: Only available when `href` is not specified.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-form
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-form
          */
         'form'?: string;
         /**
          * Specifies the URL that processes the button's submitted information. Overrides the `action` attribute of the button's form owner.
          * 
          * **Note**: Only available when `href` is not specified and `type="submit"`.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-formaction
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-formaction
          */
         'formaction'?: string;
         /**
@@ -451,7 +451,7 @@ declare global {
          * Overrides the `enctype` attribute of the button's form owner.
          * 
          * **Note**: Only available when `href` is not specified and `type="submit"`.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-formenctype
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-formenctype
          */
         'formenctype'?: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain';
         /**
@@ -463,14 +463,14 @@ declare global {
          * Overrides the `method` attribute of the button's form owner.
          * 
          * **Note**: Only available when `href` is not specified and `type="submit"`.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-formmethod
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-formmethod
          */
         'formmethod'?: 'post' | 'get';
         /**
          * Specifies that the form should not be validated on submission. Overrides the `novalidate` attribute of the button's form owner.
          * 
          * **Note**: Only available when `href` is not specified and `type="submit"`.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-formnovalidate
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-formnovalidate
          */
         'formnovalidate'?: boolean;
         /**
@@ -484,7 +484,7 @@ declare global {
          * Overrides the `target` attribute of the button's form owner.
          * 
          * **Note**: Only available when `href` is not specified and `type="submit"`.
-         * @see https://www.mdui.org/en/docs/2/components/button-icon#attributes-formtarget
+         * @see https://www.mdui.org/en/docs/2/components/button#attributes-formtarget
          */
         'formtarget'?: '_self' | '_blank' | '_parent' | '_top';
       } & HTMLElementProps;
@@ -878,7 +878,7 @@ declare global {
         'value'?: number;
       } & HTMLElementProps;
       /**
-       * Collapse Panel Component  It should be used in conjunction with the `<mdui-collapse-item>` component 
+       * Collapse Item Component  It should be used in conjunction with the `<mdui-collapse>` component 
        * 
        * ```html
        * <mdui-collapse>
@@ -888,27 +888,30 @@ declare global {
        * ```
        * @see https://www.mdui.org/en/docs/2/components/collapse
        */
-      'mdui-collapse': {
+      'mdui-collapse-item': {
         /**
-         * Activates accordion mode.
-         * @see https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-accordion
+         * Specifies the value of the collapsible panel item.
+         * @see https://www.mdui.org/en/docs/2/components/collapse#collapse-item-attributes-value
          */
-        'accordion'?: boolean;
+        'value'?: string;
         /**
-         * Specifies the open `<mdui-collapse-item>` value.
-         * 
-         * Note: The HTML attribute is always a string and can only be initially set when `accordion` is `true`. The JavaScript property value is a string when `accordion` is `true` and a string array when `accordion` is `false`. To modify this value when `accordion` is `false`, you must change the JavaScript property.
-         * @see https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-value
+         * Sets the header text for the collapsible panel item.
+         * @see https://www.mdui.org/en/docs/2/components/collapse#collapse-item-attributes-header
          */
-        'value'?: string | string[];
+        'header'?: string;
         /**
-         * Disables the collapsible panel.
-         * @see https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-disabled
+         * Disables the collapsible panel item.
+         * @see https://www.mdui.org/en/docs/2/components/collapse#collapse-item-attributes-disabled
          */
         'disabled'?: boolean;
+        /**
+         * Identifies the element that triggers the collapse on click. This can be a CSS selector, a DOM element, or a [JQ object](https://www.mdui.org/en/docs/2/functions/jq). By default, the entire header area is the trigger.
+         * @see https://www.mdui.org/en/docs/2/components/collapse#collapse-item-attributes-trigger
+         */
+        'trigger'?: string | HTMLElement | JQ<HTMLElement>;
       } & HTMLElementProps;
       /**
-       * Collapse Item Component  It should be used in conjunction with the `<mdui-collapse>` component 
+       * Collapse Panel Component  It should be used in conjunction with the `<mdui-collapse-item>` component 
        * 
        * ```html
        * <mdui-collapse>
@@ -918,27 +921,24 @@ declare global {
        * ```
        * @see https://www.mdui.org/en/docs/2/components/collapse
        */
-      'mdui-collapse-item': {
+      'mdui-collapse': {
         /**
-         * Specifies the value of the collapsible panel item.
-         * @see https://www.mdui.org/en/docs/2/components/collapse#collapse-item-attributes-value
+         * Activates accordion mode.
+         * @see https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-accordion
          */
-        'value'?: string;
+        'accordion'?: boolean;
         /**
-         * Sets the header text for the collapsible panel item.
-         * @see https://www.mdui.org/en/docs/2/components/collapse#collapse-item-attributes-header
+         * Specifies the open `<mdui-collapse-item>` value.
+         * 
+         * Note: The HTML attribute is always a string and can only be initially set when `accordion` is `true`. The JavaScript property value is a string when `accordion` is `true` and a string array when `accordion` is `false`. To modify this value when `accordion` is `false`, you must change the JavaScript property.
+         * @see https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-value
          */
-        'header'?: string;
+        'value'?: string | string[];
         /**
-         * Disables the collapsible panel item.
-         * @see https://www.mdui.org/en/docs/2/components/collapse#collapse-item-attributes-disabled
+         * Disables the collapsible panel.
+         * @see https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-disabled
          */
         'disabled'?: boolean;
-        /**
-         * Identifies the element that triggers the collapse on click. This can be a CSS selector, a DOM element, or a [JQ object](https://www.mdui.org/en/docs/2/functions/jq). By default, the entire header area is the trigger.
-         * @see https://www.mdui.org/en/docs/2/components/collapse#collapse-item-attributes-trigger
-         */
-        'trigger'?: string | HTMLElement | JQ<HTMLElement>;
       } & HTMLElementProps;
       /**
        * Dialog Component 
@@ -1302,25 +1302,6 @@ declare global {
          */
         'src'?: string;
       } & HTMLElementProps;
-      /**
-       * Layout Component 
-       * 
-       * ```html
-       * <mdui-layout>
-       *   <mdui-layout-item></mdui-layout-item>
-       *   <mdui-layout-item></mdui-layout-item>
-       *   <mdui-layout-main></mdui-layout-main>
-       * </mdui-layout>
-       * ```
-       * @see https://www.mdui.org/en/docs/2/components/layout
-       */
-      'mdui-layout': {
-        /**
-         * Sets the layout height to 100%.
-         * @see https://www.mdui.org/en/docs/2/components/layout#layout-attributes-full-height
-         */
-        'full-height'?: boolean;
-      } & HTMLElementProps;
       /**
        * Layout Item Component 
        * 
@@ -1364,6 +1345,25 @@ declare global {
        */
       'mdui-layout-main': {
         
+      } & HTMLElementProps;
+      /**
+       * Layout Component 
+       * 
+       * ```html
+       * <mdui-layout>
+       *   <mdui-layout-item></mdui-layout-item>
+       *   <mdui-layout-item></mdui-layout-item>
+       *   <mdui-layout-main></mdui-layout-main>
+       * </mdui-layout>
+       * ```
+       * @see https://www.mdui.org/en/docs/2/components/layout
+       */
+      'mdui-layout': {
+        /**
+         * Sets the layout height to 100%.
+         * @see https://www.mdui.org/en/docs/2/components/layout#layout-attributes-full-height
+         */
+        'full-height'?: boolean;
       } & HTMLElementProps;
       /**
        * Linear Progress Component 
@@ -1386,22 +1386,7 @@ declare global {
         'value'?: number;
       } & HTMLElementProps;
       /**
-       * List Component  It should be used in conjunction with the `<mdui-list-item>` component 
-       * 
-       * ```html
-       * <mdui-list>
-       *   <mdui-list-subheader>Subheader</mdui-list-subheader>
-       *   <mdui-list-item>Item 1</mdui-list-item>
-       *   <mdui-list-item>Item 2</mdui-list-item>
-       * </mdui-list>
-       * ```
-       * @see https://www.mdui.org/en/docs/2/components/list
-       */
-      'mdui-list': {
-        
-      } & HTMLElementProps;
-      /**
-       * List Item Component  It should be used in conjunction with the `<mdui-list>` component 
+       * List Item Component  It should be used in conjunction with the `<mdui-list>` component 
        * 
        * ```html
        * <mdui-list>
@@ -1553,57 +1538,19 @@ declare global {
         
       } & HTMLElementProps;
       /**
-       * Menu Component  It should be used in conjunction with the `<mdui-menu-item>` component 
+       * List Component  It should be used in conjunction with the `<mdui-list-item>` component 
        * 
        * ```html
-       * <mdui-menu>
-       *   <mdui-menu-item>Item 1</mdui-menu-item>
-       *   <mdui-menu-item>Item 2</mdui-menu-item>
-       * </mdui-menu>
+       * <mdui-list>
+       *   <mdui-list-subheader>Subheader</mdui-list-subheader>
+       *   <mdui-list-item>Item 1</mdui-list-item>
+       *   <mdui-list-item>Item 2</mdui-list-item>
+       * </mdui-list>
        * ```
-       * @see https://www.mdui.org/en/docs/2/components/menu
+       * @see https://www.mdui.org/en/docs/2/components/list
        */
-      'mdui-menu': {
-        /**
-         * Defines the selectable state of menu items. Defaults to non-selectable. Possible values:
-         * 
-         * * `single`: Only one item can be selected at a time.
-         * * `multiple`: Multiple items can be selected.
-         * @see https://www.mdui.org/en/docs/2/components/menu#menu-attributes-selects
-         */
-        'selects'?: 'single' | 'multiple';
-        /**
-         * The value of the selected `<mdui-menu-item>`.
-         * 
-         * Note: The HTML attribute is always a string and can only be set as an initial value when `selects="single"`. The JavaScript property value is a string when `selects="single"` and an array of strings when `selects="multiple"`. In `selects="multiple"`, this value can only be modified by changing the JavaScript property.
-         * @see https://www.mdui.org/en/docs/2/components/menu#menu-attributes-value
-         */
-        'value'?: string | string[];
-        /**
-         * Indicates whether the menu items use a compact layout.
-         * @see https://www.mdui.org/en/docs/2/components/menu#menu-attributes-dense
-         */
-        'dense'?: boolean;
-        /**
-         * Defines the trigger method for submenus. Supports multiple values separated by spaces. Possible values:
-         * 
-         * * `click`: Open submenu when clicking on a menu item.
-         * * `hover`: Open submenu when hovering over a menu item.
-         * * `focus`: Open submenu when focusing on a menu item.
-         * * `manual`: Only programmatically open and close submenus, no other trigger methods can be specified.
-         * @see https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenu-trigger
-         */
-        'submenu-trigger'?: 'click' | 'hover' | 'focus' | 'manual' | string;
-        /**
-         * Specifies the delay (in milliseconds) for opening a submenu via hover.
-         * @see https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenu-open-delay
-         */
-        'submenu-open-delay'?: number;
-        /**
-         * Specifies the delay (in milliseconds) for closing a submenu via hover.
-         * @see https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenu-close-delay
-         */
-        'submenu-close-delay'?: number;
+      'mdui-list': {
+        
       } & HTMLElementProps;
       /**
        * Menu Item Component 
@@ -1710,60 +1657,57 @@ declare global {
         'tabindex'?: number;
       } & HTMLElementProps;
       /**
-       * Navigation Bar Component  It should be used in conjunction with the `<mdui-navigation-bar-item>` component 
+       * Menu Component  It should be used in conjunction with the `<mdui-menu-item>` component 
        * 
        * ```html
-       * <mdui-navigation-bar>
-       *   <mdui-navigation-bar-item icon="place">Item 1</mdui-navigation-bar-item>
-       *   <mdui-navigation-bar-item icon="commute">Item 2</mdui-navigation-bar-item>
-       *   <mdui-navigation-bar-item icon="people">Item 3</mdui-navigation-bar-item>
-       * </mdui-navigation-bar>
+       * <mdui-menu>
+       *   <mdui-menu-item>Item 1</mdui-menu-item>
+       *   <mdui-menu-item>Item 2</mdui-menu-item>
+       * </mdui-menu>
        * ```
-       * @see https://www.mdui.org/en/docs/2/components/navigation-bar
+       * @see https://www.mdui.org/en/docs/2/components/menu
        */
-      'mdui-navigation-bar': {
+      'mdui-menu': {
         /**
-         * Hides the navigation bar when set.
-         * @see https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-hide
+         * Defines the selectable state of menu items. Defaults to non-selectable. Possible values:
+         * 
+         * * `single`: Only one item can be selected at a time.
+         * * `multiple`: Multiple items can be selected.
+         * @see https://www.mdui.org/en/docs/2/components/menu#menu-attributes-selects
          */
-        'hide'?: boolean;
+        'selects'?: 'single' | 'multiple';
         /**
-         * Specifies the visibility of the text. Possible values:
+         * The value of the selected `<mdui-menu-item>`.
          * 
-         * * `auto`: Visible if there are 3 or fewer options, otherwise only the selected state is visible.
-         * * `selected`: Only visible in the selected state.
-         * * `labeled`: Always visible.
-         * * `unlabeled`: Never visible.
-         * @see https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-label-visibility
+         * Note: The HTML attribute is always a string and can only be set as an initial value when `selects="single"`. The JavaScript property value is a string when `selects="single"` and an array of strings when `selects="multiple"`. In `selects="multiple"`, this value can only be modified by changing the JavaScript property.
+         * @see https://www.mdui.org/en/docs/2/components/menu#menu-attributes-value
          */
-        'label-visibility'?: 'auto' | 'selected' | 'labeled' | 'unlabeled';
+        'value'?: string | string[];
         /**
-         * The value of the selected `<mdui-navigation-bar-item>`.
-         * @see https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-value
+         * Indicates whether the menu items use a compact layout.
+         * @see https://www.mdui.org/en/docs/2/components/menu#menu-attributes-dense
          */
-        'value'?: string;
+        'dense'?: boolean;
         /**
-         * Defines the scroll behavior. Possible values:
+         * Defines the trigger method for submenus. Supports multiple values separated by spaces. Possible values:
          * 
-         * * `hide`: Hides when scrolling.
-         * @see https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-behavior
-         */
-        'scroll-behavior'?: 'hide' | 'shrink' | 'elevate';
-        /**
-         * The element that listens for scroll events. Accepts a CSS selector, DOM element, or [JQ object](https://www.mdui.org/en/docs/2/functions/jq). Defaults to `window`.
-         * @see https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-target
+         * * `click`: Open submenu when clicking on a menu item.
+         * * `hover`: Open submenu when hovering over a menu item.
+         * * `focus`: Open submenu when focusing on a menu item.
+         * * `manual`: Only programmatically open and close submenus, no other trigger methods can be specified.
+         * @see https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenu-trigger
          */
-        'scroll-target'?: string | HTMLElement | JQ<HTMLElement>;
+        'submenu-trigger'?: 'click' | 'hover' | 'focus' | 'manual' | string;
         /**
-         * The scroll distance (in pixels) that triggers the scroll behavior.
-         * @see https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-threshold
+         * Specifies the delay (in milliseconds) for opening a submenu via hover.
+         * @see https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenu-open-delay
          */
-        'scroll-threshold'?: number;
+        'submenu-open-delay'?: number;
         /**
-         * Specifies the layout order within the [`<mdui-layout>`](https://www.mdui.org/en/docs/2/components/layout) component. Items are sorted in ascending order. The default value is `0`.
-         * @see https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-order
+         * Specifies the delay (in milliseconds) for closing a submenu via hover.
+         * @see https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenu-close-delay
          */
-        'order'?: number;
+        'submenu-close-delay'?: number;
       } & HTMLElementProps;
       /**
        * Navigation Bar Item Component  It should be used in conjunction with the `<mdui-navigation-bar>` component 
@@ -1850,6 +1794,62 @@ declare global {
          */
         'tabindex'?: number;
       } & HTMLElementProps;
+      /**
+       * Navigation Bar Component  It should be used in conjunction with the `<mdui-navigation-bar-item>` component 
+       * 
+       * ```html
+       * <mdui-navigation-bar>
+       *   <mdui-navigation-bar-item icon="place">Item 1</mdui-navigation-bar-item>
+       *   <mdui-navigation-bar-item icon="commute">Item 2</mdui-navigation-bar-item>
+       *   <mdui-navigation-bar-item icon="people">Item 3</mdui-navigation-bar-item>
+       * </mdui-navigation-bar>
+       * ```
+       * @see https://www.mdui.org/en/docs/2/components/navigation-bar
+       */
+      'mdui-navigation-bar': {
+        /**
+         * Hides the navigation bar when set.
+         * @see https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-hide
+         */
+        'hide'?: boolean;
+        /**
+         * Specifies the visibility of the text. Possible values:
+         * 
+         * * `auto`: Visible if there are 3 or fewer options, otherwise only the selected state is visible.
+         * * `selected`: Only visible in the selected state.
+         * * `labeled`: Always visible.
+         * * `unlabeled`: Never visible.
+         * @see https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-label-visibility
+         */
+        'label-visibility'?: 'auto' | 'selected' | 'labeled' | 'unlabeled';
+        /**
+         * The value of the selected `<mdui-navigation-bar-item>`.
+         * @see https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-value
+         */
+        'value'?: string;
+        /**
+         * Defines the scroll behavior. Possible values:
+         * 
+         * * `hide`: Hides when scrolling.
+         * @see https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-behavior
+         */
+        'scroll-behavior'?: 'hide' | 'shrink' | 'elevate';
+        /**
+         * The element that listens for scroll events. Accepts a CSS selector, DOM element, or [JQ object](https://www.mdui.org/en/docs/2/functions/jq). Defaults to `window`.
+         * @see https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-target
+         */
+        'scroll-target'?: string | HTMLElement | JQ<HTMLElement>;
+        /**
+         * The scroll distance (in pixels) that triggers the scroll behavior.
+         * @see https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-threshold
+         */
+        'scroll-threshold'?: number;
+        /**
+         * Specifies the layout order within the [`<mdui-layout>`](https://www.mdui.org/en/docs/2/components/layout) component. Items are sorted in ascending order. The default value is `0`.
+         * @see https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-order
+         */
+        'order'?: number;
+      } & HTMLElementProps;
       /**
        * Navigation Drawer Component 
        * 
@@ -1902,59 +1902,6 @@ declare global {
          */
         'order'?: number;
       } & HTMLElementProps;
-      /**
-       * Navigation Rail Component  It should be used in conjunction with the `<mdui-navigation-rail-item>` component 
-       * 
-       * ```html
-       * <mdui-navigation-rail>
-       *   <mdui-navigation-rail-item icon="watch_later">Recent</mdui-navigation-rail-item>
-       *   <mdui-navigation-rail-item icon="image">Images</mdui-navigation-rail-item>
-       *   <mdui-navigation-rail-item icon="library_music">Library</mdui-navigation-rail-item>
-       * </mdui-navigation-rail>
-       * ```
-       * @see https://www.mdui.org/en/docs/2/components/navigation-rail
-       */
-      'mdui-navigation-rail': {
-        /**
-         * The value of the selected `<mdui-navigation-rail-item>`.
-         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-value
-         */
-        'value'?: string;
-        /**
-         * Sets the navigation bar's position. Possible values:
-         * 
-         * * `left`: Display on the left.
-         * * `right`: Display on the right.
-         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-placement
-         */
-        'placement'?: 'left' | 'right';
-        /**
-         * Sets the alignment of `<mdui-navigation-rail-item>`. Possible values:
-         * 
-         * * `start`: Aligns to the top.
-         * * `center`: Aligns to the center.
-         * * `end`: Aligns to the bottom.
-         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-alignment
-         */
-        'alignment'?: 'start' | 'center' | 'end';
-        /**
-         * By default, the navigation rail displays relative to the `body` element. When set, it displays relative to its parent element.
-         * 
-         * Note: You must add `position: relative; overflow: hidden;` style to the parent element when this attribute is set.
-         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-contained
-         */
-        'contained'?: boolean;
-        /**
-         * Adds a divider between the navigation bar and the page content.
-         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-divider
-         */
-        'divider'?: boolean;
-        /**
-         * Specifies the layout order within the [`<mdui-layout>`](https://www.mdui.org/en/docs/2/components/layout) component. Items are sorted in ascending order. The default value is `0`.
-         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-order
-         */
-        'order'?: number;
-      } & HTMLElementProps;
       /**
        * Navigation Rail Item Component  It should be used in conjunction with the `<mdui-navigation-rail>` component 
        * 
@@ -2025,20 +1972,113 @@ declare global {
          * * `search`: Links to a resource that can be used to search through the current document and its related pages.
          * * `tag`: Gives a tag (identified by the given address) that applies to the current document.
          * 
-         * **Note**: This is only available when `href` is specified.
-         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-item-attributes-rel
+         * **Note**: This is only available when `href` is specified.
+         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-item-attributes-rel
+         */
+        'rel'?: 'alternate' | 'author' | 'bookmark' | 'external' | 'help' | 'license' | 'me' | 'next' | 'nofollow' | 'noreferrer' | 'opener' | 'prev' | 'search' | 'tag';
+        /**
+         * Determines if the element should be focused when the page loads.
+         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-item-attributes-autofocus
+         */
+        'autofocus'?: boolean;
+        /**
+         * Specifies the order in which the element receives focus when navigating with the Tab key.
+         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-item-attributes-tabindex
+         */
+        'tabindex'?: number;
+      } & HTMLElementProps;
+      /**
+       * Navigation Rail Component  It should be used in conjunction with the `<mdui-navigation-rail-item>` component 
+       * 
+       * ```html
+       * <mdui-navigation-rail>
+       *   <mdui-navigation-rail-item icon="watch_later">Recent</mdui-navigation-rail-item>
+       *   <mdui-navigation-rail-item icon="image">Images</mdui-navigation-rail-item>
+       *   <mdui-navigation-rail-item icon="library_music">Library</mdui-navigation-rail-item>
+       * </mdui-navigation-rail>
+       * ```
+       * @see https://www.mdui.org/en/docs/2/components/navigation-rail
+       */
+      'mdui-navigation-rail': {
+        /**
+         * The value of the selected `<mdui-navigation-rail-item>`.
+         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-value
+         */
+        'value'?: string;
+        /**
+         * Sets the navigation bar's position. Possible values:
+         * 
+         * * `left`: Display on the left.
+         * * `right`: Display on the right.
+         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-placement
+         */
+        'placement'?: 'left' | 'right';
+        /**
+         * Sets the alignment of `<mdui-navigation-rail-item>`. Possible values:
+         * 
+         * * `start`: Aligns to the top.
+         * * `center`: Aligns to the center.
+         * * `end`: Aligns to the bottom.
+         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-alignment
+         */
+        'alignment'?: 'start' | 'center' | 'end';
+        /**
+         * By default, the navigation rail displays relative to the `body` element. When set, it displays relative to its parent element.
+         * 
+         * Note: You must add `position: relative; overflow: hidden;` style to the parent element when this attribute is set.
+         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-contained
+         */
+        'contained'?: boolean;
+        /**
+         * Adds a divider between the navigation bar and the page content.
+         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-divider
+         */
+        'divider'?: boolean;
+        /**
+         * Specifies the layout order within the [`<mdui-layout>`](https://www.mdui.org/en/docs/2/components/layout) component. Items are sorted in ascending order. The default value is `0`.
+         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-order
+         */
+        'order'?: number;
+      } & HTMLElementProps;
+      /**
+       * Radio Group Component  It should be used in conjunction with the `<mdui-radio>` component 
+       * 
+       * ```html
+       * <mdui-radio-group value="chinese">
+       *   <mdui-radio value="chinese">Chinese</mdui-radio>
+       *   <mdui-radio value="english">English</mdui-radio>
+       * </mdui-radio-group>
+       * ```
+       * @see https://www.mdui.org/en/docs/2/components/radio
+       */
+      'mdui-radio-group': {
+        /**
+         * Disables the radio group when set.
+         * @see https://www.mdui.org/en/docs/2/components/radio#radio-group-attributes-disabled
+         */
+        'disabled'?: boolean;
+        /**
+         * Associates the radio group with a `<form>` element. The value should be the `id` of a `<form>` in the same document. If not set, the radio group is associated with its parent `<form>`, if any.
+         * 
+         * This attribute allows radio group elements to be associated with `<form>`s anywhere in the document, not just inside a `<form>`.
+         * @see https://www.mdui.org/en/docs/2/components/radio#radio-group-attributes-form
          */
-        'rel'?: 'alternate' | 'author' | 'bookmark' | 'external' | 'help' | 'license' | 'me' | 'next' | 'nofollow' | 'noreferrer' | 'opener' | 'prev' | 'search' | 'tag';
+        'form'?: string;
         /**
-         * Determines if the element should be focused when the page loads.
-         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-item-attributes-autofocus
+         * The name of the radio group, which is submitted with form data.
+         * @see https://www.mdui.org/en/docs/2/components/radio#radio-group-attributes-name
          */
-        'autofocus'?: boolean;
+        'name'?: string;
         /**
-         * Specifies the order in which the element receives focus when navigating with the Tab key.
-         * @see https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-item-attributes-tabindex
+         * The value of the selected radio button, which is submitted with form data.
+         * @see https://www.mdui.org/en/docs/2/components/radio#radio-group-attributes-value
          */
-        'tabindex'?: number;
+        'value'?: string;
+        /**
+         * Requires a radio selection when the form is submitted.
+         * @see https://www.mdui.org/en/docs/2/components/radio#radio-group-attributes-required
+         */
+        'required'?: boolean;
       } & HTMLElementProps;
       /**
        * Radio Component  It should be used in conjunction with the `<mdui-radio-group>` component 
@@ -2088,46 +2128,6 @@ declare global {
          */
         'tabindex'?: number;
       } & HTMLElementProps;
-      /**
-       * Radio Group Component  It should be used in conjunction with the `<mdui-radio>` component 
-       * 
-       * ```html
-       * <mdui-radio-group value="chinese">
-       *   <mdui-radio value="chinese">Chinese</mdui-radio>
-       *   <mdui-radio value="english">English</mdui-radio>
-       * </mdui-radio-group>
-       * ```
-       * @see https://www.mdui.org/en/docs/2/components/radio
-       */
-      'mdui-radio-group': {
-        /**
-         * Disables the radio group when set.
-         * @see https://www.mdui.org/en/docs/2/components/radio#radio-group-attributes-disabled
-         */
-        'disabled'?: boolean;
-        /**
-         * Associates the radio group with a `<form>` element. The value should be the `id` of a `<form>` in the same document. If not set, the radio group is associated with its parent `<form>`, if any.
-         * 
-         * This attribute allows radio group elements to be associated with `<form>`s anywhere in the document, not just inside a `<form>`.
-         * @see https://www.mdui.org/en/docs/2/components/radio#radio-group-attributes-form
-         */
-        'form'?: string;
-        /**
-         * The name of the radio group, which is submitted with form data.
-         * @see https://www.mdui.org/en/docs/2/components/radio#radio-group-attributes-name
-         */
-        'name'?: string;
-        /**
-         * The value of the selected radio button, which is submitted with form data.
-         * @see https://www.mdui.org/en/docs/2/components/radio#radio-group-attributes-value
-         */
-        'value'?: string;
-        /**
-         * Requires a radio selection when the form is submitted.
-         * @see https://www.mdui.org/en/docs/2/components/radio#radio-group-attributes-required
-         */
-        'required'?: boolean;
-      } & HTMLElementProps;
       /**
        * Range Slider Component 
        * 
@@ -2190,6 +2190,62 @@ declare global {
          */
         'name'?: string;
       } & HTMLElementProps;
+      /**
+       * Segmented Button Group Component  It should be used in conjunction with the `<mdui-segmented-button>` component 
+       * 
+       * ```html
+       * <mdui-segmented-button-group>
+       *   <mdui-segmented-button>Day</mdui-segmented-button>
+       *   <mdui-segmented-button>Week</mdui-segmented-button>
+       *   <mdui-segmented-button>Month</mdui-segmented-button>
+       * </mdui-segmented-button-group>
+       * ```
+       * @see https://www.mdui.org/en/docs/2/components/segmented-button
+       */
+      'mdui-segmented-button-group': {
+        /**
+         * If set, the segmented button group will fill the width of its parent element.
+         * @see https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-full-width
+         */
+        'full-width'?: boolean;
+        /**
+         * Defines selectable states. Default is non-selectable. Possible values:
+         * 
+         * * `single`: Only one can be selected.
+         * * `multiple`: Multiple selections are allowed.
+         * @see https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-selects
+         */
+        'selects'?: 'single' | 'multiple';
+        /**
+         * Disables the segmented button group when set.
+         * @see https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-disabled
+         */
+        'disabled'?: boolean;
+        /**
+         * Requires a selection when the form is submitted.
+         * @see https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-required
+         */
+        'required'?: boolean;
+        /**
+         * Associates the segmented button group with a `<form>` element. The value should be the `id` of a `<form>` in the same document. If not set, the segmented button group is associated with its parent `<form>`, if any.
+         * 
+         * This attribute allows segmented button group elements to be associated with `<form>`s anywhere in the document, not just inside a `<form>`.
+         * @see https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-form
+         */
+        'form'?: string;
+        /**
+         * The name of the segmented button group, which is submitted with form data.
+         * @see https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-name
+         */
+        'name'?: string;
+        /**
+         * The value of the selected `<mdui-segmented-button>`. This value is submitted with form data.
+         * 
+         * Note: The HTML attribute is always a string and can only be set as an initial value when `selects="single"`. The JavaScript property is a string when `selects="single"` and an array of strings when `selects="multiple"`. In `selects="multiple"`, this value can only be modified by changing the JavaScript property.
+         * @see https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-value
+         */
+        'value'?: string | string[];
+      } & HTMLElementProps;
       /**
        * Segmented Button Component  It should be used in conjunction with the `<mdui-segmented-button-group>` component 
        * 
@@ -2372,62 +2428,6 @@ declare global {
          */
         'formtarget'?: '_self' | '_blank' | '_parent' | '_top';
       } & HTMLElementProps;
-      /**
-       * Segmented Button Group Component  It should be used in conjunction with the `<mdui-segmented-button>` component 
-       * 
-       * ```html
-       * <mdui-segmented-button-group>
-       *   <mdui-segmented-button>Day</mdui-segmented-button>
-       *   <mdui-segmented-button>Week</mdui-segmented-button>
-       *   <mdui-segmented-button>Month</mdui-segmented-button>
-       * </mdui-segmented-button-group>
-       * ```
-       * @see https://www.mdui.org/en/docs/2/components/segmented-button
-       */
-      'mdui-segmented-button-group': {
-        /**
-         * If set, the segmented button group will fill the width of its parent element.
-         * @see https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-full-width
-         */
-        'full-width'?: boolean;
-        /**
-         * Defines selectable states. Default is non-selectable. Possible values:
-         * 
-         * * `single`: Only one can be selected.
-         * * `multiple`: Multiple selections are allowed.
-         * @see https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-selects
-         */
-        'selects'?: 'single' | 'multiple';
-        /**
-         * Disables the segmented button group when set.
-         * @see https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-disabled
-         */
-        'disabled'?: boolean;
-        /**
-         * Requires a selection when the form is submitted.
-         * @see https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-required
-         */
-        'required'?: boolean;
-        /**
-         * Associates the segmented button group with a `<form>` element. The value should be the `id` of a `<form>` in the same document. If not set, the segmented button group is associated with its parent `<form>`, if any.
-         * 
-         * This attribute allows segmented button group elements to be associated with `<form>`s anywhere in the document, not just inside a `<form>`.
-         * @see https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-form
-         */
-        'form'?: string;
-        /**
-         * The name of the segmented button group, which is submitted with form data.
-         * @see https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-name
-         */
-        'name'?: string;
-        /**
-         * The value of the selected `<mdui-segmented-button>`. This value is submitted with form data.
-         * 
-         * Note: The HTML attribute is always a string and can only be set as an initial value when `selects="single"`. The JavaScript property is a string when `selects="single"` and an array of strings when `selects="multiple"`. In `selects="multiple"`, this value can only be modified by changing the JavaScript property.
-         * @see https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-value
-         */
-        'value'?: string | string[];
-      } & HTMLElementProps;
       /**
        * Select Component  It should be used in conjunction with the `<mdui-menu-item>` component 
        * 
@@ -2756,6 +2756,29 @@ declare global {
          */
         'tabindex'?: number;
       } & HTMLElementProps;
+      /**
+       * Tab Panel Component  It should be used in conjunction with the `<mdui-tabs>` and `<mdui-tab>` components 
+       * 
+       * ```html
+       * <mdui-tabs value="tab-1">
+       *   <mdui-tab value="tab-1">Tab 1</mdui-tab>
+       *   <mdui-tab value="tab-2">Tab 2</mdui-tab>
+       *   <mdui-tab value="tab-3">Tab 3</mdui-tab>
+       * 
+       *   <mdui-tab-panel slot="panel" value="tab-1">Panel 1</mdui-tab-panel>
+       *   <mdui-tab-panel slot="panel" value="tab-2">Panel 2</mdui-tab-panel>
+       *   <mdui-tab-panel slot="panel" value="tab-3">Panel 3</mdui-tab-panel>
+       * </mdui-tabs>
+       * ```
+       * @see https://www.mdui.org/en/docs/2/components/tabs
+       */
+      'mdui-tab-panel': {
+        /**
+         * Specifies the value of the tab panel.
+         * @see https://www.mdui.org/en/docs/2/components/tabs#tab-panel-attributes-value
+         */
+        'value'?: string;
+      } & HTMLElementProps;
       /**
        * Tab Component  It should be used in conjunction with the `<mdui-tabs>` and `<mdui-tab-panel>` components 
        * 
@@ -2799,29 +2822,6 @@ declare global {
          */
         'tabindex'?: number;
       } & HTMLElementProps;
-      /**
-       * Tab Panel Component  It should be used in conjunction with the `<mdui-tabs>` and `<mdui-tab>` components 
-       * 
-       * ```html
-       * <mdui-tabs value="tab-1">
-       *   <mdui-tab value="tab-1">Tab 1</mdui-tab>
-       *   <mdui-tab value="tab-2">Tab 2</mdui-tab>
-       *   <mdui-tab value="tab-3">Tab 3</mdui-tab>
-       * 
-       *   <mdui-tab-panel slot="panel" value="tab-1">Panel 1</mdui-tab-panel>
-       *   <mdui-tab-panel slot="panel" value="tab-2">Panel 2</mdui-tab-panel>
-       *   <mdui-tab-panel slot="panel" value="tab-3">Panel 3</mdui-tab-panel>
-       * </mdui-tabs>
-       * ```
-       * @see https://www.mdui.org/en/docs/2/components/tabs
-       */
-      'mdui-tab-panel': {
-        /**
-         * Specifies the value of the tab panel.
-         * @see https://www.mdui.org/en/docs/2/components/tabs#tab-panel-attributes-value
-         */
-        'value'?: string;
-      } & HTMLElementProps;
       /**
        * Tabs Component  It should be used in conjunction with the `<mdui-tab>` and `<mdui-tab-panel>` components 
        * 
@@ -3090,13 +3090,10 @@ declare global {
          */
         'autocorrect'?: string;
         /**
-         * Enables the browser's autocomplete feature for text input. Possible values:
-         * 
-         * * `off`: Disables browser autocomplete.
-         * * `on`: Enables browser autocomplete.
+         * The `autocomplete` attribute of the `input` element.
          * @see https://www.mdui.org/en/docs/2/components/text-field#attributes-autocomplete
          */
-        'autocomplete'?: 'off' | 'on';
+        'autocomplete'?: string;
         /**
          * Customizes the Enter key text or icon on the virtual keyboard. The effect varies based on the device and language. Possible values:
          * 
@@ -3222,6 +3219,22 @@ declare global {
          * @see https://www.mdui.org/en/docs/2/components/tooltip#attributes-open
          */
         'open'?: boolean;
+      } & HTMLElementProps;
+      /**
+       * Top App Bar Title Component  It should be used in conjunction with the `<mdui-top-app-bar>` component 
+       * 
+       * ```html
+       * <mdui-top-app-bar>
+       *   <mdui-button-icon icon="menu"></mdui-button-icon>
+       *   <mdui-top-app-bar-title>Title</mdui-top-app-bar-title>
+       *   <div style="flex-grow: 1"></div>
+       *   <mdui-button-icon icon="more_vert"></mdui-button-icon>
+       * </mdui-top-app-bar>
+       * ```
+       * @see https://www.mdui.org/en/docs/2/components/top-app-bar
+       */
+      'mdui-top-app-bar-title': {
+        
       } & HTMLElementProps;
       /**
        * Top App Bar Component 
@@ -3282,22 +3295,6 @@ declare global {
          */
         'order'?: number;
       } & HTMLElementProps;
-      /**
-       * Top App Bar Title Component  It should be used in conjunction with the `<mdui-top-app-bar>` component 
-       * 
-       * ```html
-       * <mdui-top-app-bar>
-       *   <mdui-button-icon icon="menu"></mdui-button-icon>
-       *   <mdui-top-app-bar-title>Title</mdui-top-app-bar-title>
-       *   <div style="flex-grow: 1"></div>
-       *   <mdui-button-icon icon="more_vert"></mdui-button-icon>
-       * </mdui-top-app-bar>
-       * ```
-       * @see https://www.mdui.org/en/docs/2/components/top-app-bar
-       */
-      'mdui-top-app-bar-title': {
-        
-      } & HTMLElementProps;
     }
   }
 }