mdui 2.1.1 → 2.1.2

package/html-data.en.json

@@ -203,68 +203,74 @@
       ]
     },
     {
-      "name": "mdui-button",
-      "description": "Button Component \n\n```html\n<mdui-button>Button</mdui-button>\n```",
+      "name": "mdui-button-icon",
+      "description": "Icon Button Component \n\n```html\n<mdui-button-icon icon=\"search\"></mdui-button-icon>\n```",
       "attributes": [
         {
           "name": "variant",
-          "description": "Defines the button style. Possible values:\n* `elevated`: A shadowed button for visual distinction.\n* `filled`: Used for final actions like 'Save' or 'Confirm'.\n* `tonal`: A mix between `filled` and `outlined`, suitable for medium to high-priority actions.\n* `outlined`: A bordered button for medium-priority and secondary actions.\n* `text`: A text button for low-priority actions.",
+          "description": "Defines the icon button style. Possible values:\n* `standard`: For low-priority actions.\n* `filled`: Has the strongest visual effect, suitable for high-priority actions.\n* `tonal`: A visual effect between `filled` and `outlined`, suitable for medium to high-priority actions.\n* `outlined`: For medium-priority actions.",
           "values": [
             {
-              "name": "elevated",
-              "description": "A shadowed button for visual distinction."
+              "name": "standard",
+              "description": "For low-priority actions."
             },
             {
               "name": "filled",
-              "description": "Used for final actions like 'Save' or 'Confirm'."
+              "description": "Has the strongest visual effect, suitable for high-priority actions."
             },
             {
               "name": "tonal",
-              "description": "A mix between `filled` and `outlined`, suitable for medium to high-priority actions."
+              "description": "A visual effect between `filled` and `outlined`, suitable for medium to high-priority actions."
             },
             {
               "name": "outlined",
-              "description": "A bordered button for medium-priority and secondary actions."
-            },
-            {
-              "name": "text",
-              "description": "A text button for low-priority actions."
+              "description": "For medium-priority actions."
             }
           ],
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-variant"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-variant"
             }
           ]
         },
         {
-          "name": "full-width",
-          "description": "If set, the button will fill the width of its parent element.",
+          "name": "icon",
+          "description": "Specifies the Material Icons name. Alternatively, use the default slot.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-full-width"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-icon"
             }
           ]
         },
         {
-          "name": "icon",
-          "description": "Specifies the Material Icons name on the left. Alternatively, use `slot=\"icon\"`.",
+          "name": "selected-icon",
+          "description": "Specifies the Material Icons name when selected. Alternatively, use `slot=\"selected-icon\"`.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-icon"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selected-icon"
             }
           ]
         },
         {
-          "name": "end-icon",
-          "description": "Specifies the Material Icons name on the right. Alternatively, use `slot=\"end-icon\"`.",
+          "name": "selectable",
+          "description": "Indicates if the button is selectable.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-end-icon"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selectable"
+            }
+          ]
+        },
+        {
+          "name": "selected",
+          "description": "Indicates if the button is selected.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selected"
             }
           ]
         },
@@ -274,7 +280,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-href"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-href"
             }
           ]
         },
@@ -284,7 +290,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-download"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-download"
             }
           ]
         },
@@ -312,7 +318,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-target"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-target"
             }
           ]
         },
@@ -380,7 +386,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-rel"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-rel"
             }
           ]
         },
@@ -390,7 +396,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-autofocus"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-autofocus"
             }
           ]
         },
@@ -400,7 +406,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-tabindex"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-tabindex"
             }
           ]
         },
@@ -410,7 +416,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-disabled"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-disabled"
             }
           ]
         },
@@ -420,7 +426,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-loading"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-loading"
             }
           ]
         },
@@ -430,7 +436,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-name"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-name"
             }
           ]
         },
@@ -440,7 +446,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-value"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-value"
             }
           ]
         },
@@ -464,7 +470,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-type"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-type"
             }
           ]
         },
@@ -474,7 +480,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-form"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-form"
             }
           ]
         },
@@ -484,7 +490,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-formaction"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formaction"
             }
           ]
         },
@@ -508,7 +514,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-formenctype"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formenctype"
             }
           ]
         },
@@ -528,7 +534,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-formmethod"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formmethod"
             }
           ]
         },
@@ -538,7 +544,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-formnovalidate"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formnovalidate"
             }
           ]
         },
@@ -566,7 +572,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-formtarget"
+              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formtarget"
             }
           ]
         }
@@ -574,83 +580,77 @@
       "references": [
         {
           "name": "Docs",
-          "url": "https://www.mdui.org/en/docs/2/components/button"
+          "url": "https://www.mdui.org/en/docs/2/components/button-icon"
         },
         {
           "name": "Github",
-          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/button/index.ts"
+          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/button-icon/index.ts"
         }
       ]
     },
     {
-      "name": "mdui-button-icon",
-      "description": "Icon Button Component \n\n```html\n<mdui-button-icon icon=\"search\"></mdui-button-icon>\n```",
+      "name": "mdui-button",
+      "description": "Button Component \n\n```html\n<mdui-button>Button</mdui-button>\n```",
       "attributes": [
         {
           "name": "variant",
-          "description": "Defines the icon button style. Possible values:\n* `standard`: For low-priority actions.\n* `filled`: Has the strongest visual effect, suitable for high-priority actions.\n* `tonal`: A visual effect between `filled` and `outlined`, suitable for medium to high-priority actions.\n* `outlined`: For medium-priority actions.",
+          "description": "Defines the button style. Possible values:\n* `elevated`: A shadowed button for visual distinction.\n* `filled`: Used for final actions like 'Save' or 'Confirm'.\n* `tonal`: A mix between `filled` and `outlined`, suitable for medium to high-priority actions.\n* `outlined`: A bordered button for medium-priority and secondary actions.\n* `text`: A text button for low-priority actions.",
           "values": [
             {
-              "name": "standard",
-              "description": "For low-priority actions."
+              "name": "elevated",
+              "description": "A shadowed button for visual distinction."
             },
             {
               "name": "filled",
-              "description": "Has the strongest visual effect, suitable for high-priority actions."
+              "description": "Used for final actions like 'Save' or 'Confirm'."
             },
             {
               "name": "tonal",
-              "description": "A visual effect between `filled` and `outlined`, suitable for medium to high-priority actions."
+              "description": "A mix between `filled` and `outlined`, suitable for medium to high-priority actions."
             },
             {
               "name": "outlined",
-              "description": "For medium-priority actions."
-            }
-          ],
-          "references": [
+              "description": "A bordered button for medium-priority and secondary actions."
+            },
             {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-variant"
+              "name": "text",
+              "description": "A text button for low-priority actions."
             }
-          ]
-        },
-        {
-          "name": "icon",
-          "description": "Specifies the Material Icons name. Alternatively, use the default slot.",
+          ],
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-icon"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-variant"
             }
           ]
         },
         {
-          "name": "selected-icon",
-          "description": "Specifies the Material Icons name when selected. Alternatively, use `slot=\"selected-icon\"`.",
+          "name": "full-width",
+          "description": "If set, the button will fill the width of its parent element.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selected-icon"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-full-width"
             }
           ]
         },
         {
-          "name": "selectable",
-          "description": "Indicates if the button is selectable.",
+          "name": "icon",
+          "description": "Specifies the Material Icons name on the left. Alternatively, use `slot=\"icon\"`.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selectable"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-icon"
             }
           ]
         },
         {
-          "name": "selected",
-          "description": "Indicates if the button is selected.",
+          "name": "end-icon",
+          "description": "Specifies the Material Icons name on the right. Alternatively, use `slot=\"end-icon\"`.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selected"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-end-icon"
             }
           ]
         },
@@ -660,7 +660,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-href"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-href"
             }
           ]
         },
@@ -670,7 +670,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-download"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-download"
             }
           ]
         },
@@ -698,7 +698,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-target"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-target"
             }
           ]
         },
@@ -766,7 +766,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-rel"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-rel"
             }
           ]
         },
@@ -776,7 +776,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-autofocus"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-autofocus"
             }
           ]
         },
@@ -786,7 +786,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-tabindex"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-tabindex"
             }
           ]
         },
@@ -796,7 +796,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-disabled"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-disabled"
             }
           ]
         },
@@ -806,7 +806,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-loading"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-loading"
             }
           ]
         },
@@ -816,7 +816,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-name"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-name"
             }
           ]
         },
@@ -826,7 +826,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-value"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-value"
             }
           ]
         },
@@ -850,7 +850,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-type"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-type"
             }
           ]
         },
@@ -860,7 +860,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-form"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-form"
             }
           ]
         },
@@ -870,7 +870,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formaction"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-formaction"
             }
           ]
         },
@@ -894,7 +894,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formenctype"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-formenctype"
             }
           ]
         },
@@ -914,7 +914,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formmethod"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-formmethod"
             }
           ]
         },
@@ -924,7 +924,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formnovalidate"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-formnovalidate"
             }
           ]
         },
@@ -952,7 +952,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formtarget"
+              "url": "https://www.mdui.org/en/docs/2/components/button#attributes-formtarget"
             }
           ]
         }
@@ -960,11 +960,11 @@
       "references": [
         {
           "name": "Docs",
-          "url": "https://www.mdui.org/en/docs/2/components/button-icon"
+          "url": "https://www.mdui.org/en/docs/2/components/button"
         },
         {
           "name": "Github",
-          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/button-icon/index.ts"
+          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/button/index.ts"
         }
       ]
     },
@@ -1763,36 +1763,46 @@
       ]
     },
     {
-      "name": "mdui-collapse",
-      "description": "Collapse Panel Component  It should be used in conjunction with the `<mdui-collapse-item>` component \n\n```html\n<mdui-collapse>\n  <mdui-collapse-item header=\"header-1\">content-1</mdui-collapse-item>\n  <mdui-collapse-item header=\"header-2\">content-2</mdui-collapse-item>\n</mdui-collapse>\n```",
+      "name": "mdui-collapse-item",
+      "description": "Collapse Item Component  It should be used in conjunction with the `<mdui-collapse>` component \n\n```html\n<mdui-collapse>\n  <mdui-collapse-item header=\"header-1\">content-1</mdui-collapse-item>\n  <mdui-collapse-item header=\"header-2\">content-2</mdui-collapse-item>\n</mdui-collapse>\n```",
       "attributes": [
         {
-          "name": "accordion",
-          "description": "Activates accordion mode.",
+          "name": "value",
+          "description": "Specifies the value of the collapsible panel item.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-accordion"
+              "url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-item-attributes-value"
             }
           ]
         },
         {
-          "name": "value",
-          "description": "Specifies the open `<mdui-collapse-item>` value.\n\nNote: 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.",
+          "name": "header",
+          "description": "Sets the header text for the collapsible panel item.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-value"
+              "url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-item-attributes-header"
             }
           ]
         },
         {
           "name": "disabled",
-          "description": "Disables the collapsible panel.",
+          "description": "Disables the collapsible panel item.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-disabled"
+              "url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-item-attributes-disabled"
+            }
+          ]
+        },
+        {
+          "name": "trigger",
+          "description": "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.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-item-attributes-trigger"
             }
           ]
         }
@@ -1804,51 +1814,41 @@
         },
         {
           "name": "Github",
-          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/collapse/collapse.ts"
+          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/collapse/collapse-item.ts"
         }
       ]
     },
     {
-      "name": "mdui-collapse-item",
-      "description": "Collapse Item Component  It should be used in conjunction with the `<mdui-collapse>` component \n\n```html\n<mdui-collapse>\n  <mdui-collapse-item header=\"header-1\">content-1</mdui-collapse-item>\n  <mdui-collapse-item header=\"header-2\">content-2</mdui-collapse-item>\n</mdui-collapse>\n```",
+      "name": "mdui-collapse",
+      "description": "Collapse Panel Component  It should be used in conjunction with the `<mdui-collapse-item>` component \n\n```html\n<mdui-collapse>\n  <mdui-collapse-item header=\"header-1\">content-1</mdui-collapse-item>\n  <mdui-collapse-item header=\"header-2\">content-2</mdui-collapse-item>\n</mdui-collapse>\n```",
       "attributes": [
         {
-          "name": "value",
-          "description": "Specifies the value of the collapsible panel item.",
+          "name": "accordion",
+          "description": "Activates accordion mode.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-item-attributes-value"
+              "url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-accordion"
             }
           ]
         },
         {
-          "name": "header",
-          "description": "Sets the header text for the collapsible panel item.",
+          "name": "value",
+          "description": "Specifies the open `<mdui-collapse-item>` value.\n\nNote: 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.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-item-attributes-header"
+              "url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-value"
             }
           ]
         },
         {
           "name": "disabled",
-          "description": "Disables the collapsible panel item.",
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-item-attributes-disabled"
-            }
-          ]
-        },
-        {
-          "name": "trigger",
-          "description": "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.",
+          "description": "Disables the collapsible panel.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-item-attributes-trigger"
+              "url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-disabled"
             }
           ]
         }
@@ -1860,7 +1860,7 @@
         },
         {
           "name": "Github",
-          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/collapse/collapse-item.ts"
+          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/collapse/collapse.ts"
         }
       ]
     },
@@ -2605,39 +2605,13 @@
       ]
     },
     {
-      "name": "mdui-layout",
-      "description": "Layout Component \n\n```html\n<mdui-layout>\n  <mdui-layout-item></mdui-layout-item>\n  <mdui-layout-item></mdui-layout-item>\n  <mdui-layout-main></mdui-layout-main>\n</mdui-layout>\n```",
+      "name": "mdui-layout-item",
+      "description": "Layout Item Component \n\n```html\n<mdui-layout>\n  <mdui-layout-item></mdui-layout-item>\n  <mdui-layout-item></mdui-layout-item>\n  <mdui-layout-main></mdui-layout-main>\n</mdui-layout>\n```",
       "attributes": [
         {
-          "name": "full-height",
-          "description": "Sets the layout height to 100%.",
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/layout#layout-attributes-full-height"
-            }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Docs",
-          "url": "https://www.mdui.org/en/docs/2/components/layout"
-        },
-        {
-          "name": "Github",
-          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/layout/layout.ts"
-        }
-      ]
-    },
-    {
-      "name": "mdui-layout-item",
-      "description": "Layout Item Component \n\n```html\n<mdui-layout>\n  <mdui-layout-item></mdui-layout-item>\n  <mdui-layout-item></mdui-layout-item>\n  <mdui-layout-main></mdui-layout-main>\n</mdui-layout>\n```",
-      "attributes": [
-        {
-          "name": "placement",
-          "description": "Determines the component's position. Possible values:\n\n* `top`: Positions the component at the top.\n* `bottom`: Positions the component at the bottom.\n* `left`: Positions the component on the left.\n* `right`: Positions the component on the right.",
-          "values": [
+          "name": "placement",
+          "description": "Determines the component's position. Possible values:\n\n* `top`: Positions the component at the top.\n* `bottom`: Positions the component at the bottom.\n* `left`: Positions the component on the left.\n* `right`: Positions the component on the right.",
+          "values": [
             {
               "name": "top",
               "description": "Positions the component at the top."
@@ -2687,6 +2661,7 @@
     {
       "name": "mdui-layout-main",
       "description": "Layout Main Component \n\n```html\n<mdui-layout>\n  <mdui-layout-item></mdui-layout-item>\n  <mdui-layout-item></mdui-layout-item>\n  <mdui-layout-main></mdui-layout-main>\n</mdui-layout>\n```",
+      "attributes": [],
       "references": [
         {
           "name": "Docs",
@@ -2698,6 +2673,32 @@
         }
       ]
     },
+    {
+      "name": "mdui-layout",
+      "description": "Layout Component \n\n```html\n<mdui-layout>\n  <mdui-layout-item></mdui-layout-item>\n  <mdui-layout-item></mdui-layout-item>\n  <mdui-layout-main></mdui-layout-main>\n</mdui-layout>\n```",
+      "attributes": [
+        {
+          "name": "full-height",
+          "description": "Sets the layout height to 100%.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/layout#layout-attributes-full-height"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://www.mdui.org/en/docs/2/components/layout"
+        },
+        {
+          "name": "Github",
+          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/layout/layout.ts"
+        }
+      ]
+    },
     {
       "name": "mdui-linear-progress",
       "description": "Linear Progress Component \n\n```html\n<mdui-linear-progress></mdui-linear-progress>\n```",
@@ -2734,20 +2735,6 @@
         }
       ]
     },
-    {
-      "name": "mdui-list",
-      "description": "List Component  It should be used in conjunction with the `<mdui-list-item>` component \n\n```html\n<mdui-list>\n  <mdui-list-subheader>Subheader</mdui-list-subheader>\n  <mdui-list-item>Item 1</mdui-list-item>\n  <mdui-list-item>Item 2</mdui-list-item>\n</mdui-list>\n```",
-      "references": [
-        {
-          "name": "Docs",
-          "url": "https://www.mdui.org/en/docs/2/components/list"
-        },
-        {
-          "name": "Github",
-          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/list/list.ts"
-        }
-      ]
-    },
     {
       "name": "mdui-list-item",
       "description": "List Item Component  It should be used in conjunction with the `<mdui-list>` component \n\n```html\n<mdui-list>\n  <mdui-list-subheader>Subheader</mdui-list-subheader>\n  <mdui-list-item>Item 1</mdui-list-item>\n  <mdui-list-item>Item 2</mdui-list-item>\n</mdui-list>\n```",
@@ -3055,6 +3042,7 @@
     {
       "name": "mdui-list-subheader",
       "description": "List Subheader Component  It should be used in conjunction with the `<mdui-list>` component \n\n```html\n<mdui-list>\n  <mdui-list-subheader>Subheader</mdui-list-subheader>\n  <mdui-list-item>Item 1</mdui-list-item>\n  <mdui-list-item>Item 2</mdui-list-item>\n</mdui-list>\n```",
+      "attributes": [],
       "references": [
         {
           "name": "Docs",
@@ -3067,106 +3055,17 @@
       ]
     },
     {
-      "name": "mdui-menu",
-      "description": "Menu Component  It should be used in conjunction with the `<mdui-menu-item>` component \n\n```html\n<mdui-menu>\n  <mdui-menu-item>Item 1</mdui-menu-item>\n  <mdui-menu-item>Item 2</mdui-menu-item>\n</mdui-menu>\n```",
-      "attributes": [
-        {
-          "name": "selects",
-          "description": "Defines the selectable state of menu items. Defaults to non-selectable. Possible values:\n\n* `single`: Only one item can be selected at a time.\n* `multiple`: Multiple items can be selected.",
-          "values": [
-            {
-              "name": "single",
-              "description": "Only one item can be selected at a time."
-            },
-            {
-              "name": "multiple",
-              "description": "Multiple items can be selected."
-            }
-          ],
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-selects"
-            }
-          ]
-        },
-        {
-          "name": "value",
-          "description": "The value of the selected `<mdui-menu-item>`.\n\nNote: 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.",
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-value"
-            }
-          ]
-        },
-        {
-          "name": "dense",
-          "description": "Indicates whether the menu items use a compact layout.",
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-dense"
-            }
-          ]
-        },
-        {
-          "name": "submenu-trigger",
-          "description": "Defines the trigger method for submenus. Supports multiple values separated by spaces. Possible values:\n\n* `click`: Open submenu when clicking on a menu item.\n* `hover`: Open submenu when hovering over a menu item.\n* `focus`: Open submenu when focusing on a menu item.\n* `manual`: Only programmatically open and close submenus, no other trigger methods can be specified.",
-          "values": [
-            {
-              "name": "click",
-              "description": "Open submenu when clicking on a menu item."
-            },
-            {
-              "name": "hover",
-              "description": "Open submenu when hovering over a menu item."
-            },
-            {
-              "name": "focus",
-              "description": "Open submenu when focusing on a menu item."
-            },
-            {
-              "name": "manual",
-              "description": "Only programmatically open and close submenus, no other trigger methods can be specified."
-            }
-          ],
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenu-trigger"
-            }
-          ]
-        },
-        {
-          "name": "submenu-open-delay",
-          "description": "Specifies the delay (in milliseconds) for opening a submenu via hover.",
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenu-open-delay"
-            }
-          ]
-        },
-        {
-          "name": "submenu-close-delay",
-          "description": "Specifies the delay (in milliseconds) for closing a submenu via hover.",
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenu-close-delay"
-            }
-          ]
-        }
-      ],
+      "name": "mdui-list",
+      "description": "List Component  It should be used in conjunction with the `<mdui-list-item>` component \n\n```html\n<mdui-list>\n  <mdui-list-subheader>Subheader</mdui-list-subheader>\n  <mdui-list-item>Item 1</mdui-list-item>\n  <mdui-list-item>Item 2</mdui-list-item>\n</mdui-list>\n```",
+      "attributes": [],
       "references": [
         {
           "name": "Docs",
-          "url": "https://www.mdui.org/en/docs/2/components/menu"
+          "url": "https://www.mdui.org/en/docs/2/components/list"
         },
         {
           "name": "Github",
-          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/menu/menu.ts"
+          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/list/list.ts"
         }
       ]
     },
@@ -3393,105 +3292,94 @@
       ]
     },
     {
-      "name": "mdui-navigation-bar",
-      "description": "Navigation Bar Component  It should be used in conjunction with the `<mdui-navigation-bar-item>` component \n\n```html\n<mdui-navigation-bar>\n  <mdui-navigation-bar-item icon=\"place\">Item 1</mdui-navigation-bar-item>\n  <mdui-navigation-bar-item icon=\"commute\">Item 2</mdui-navigation-bar-item>\n  <mdui-navigation-bar-item icon=\"people\">Item 3</mdui-navigation-bar-item>\n</mdui-navigation-bar>\n```",
+      "name": "mdui-menu",
+      "description": "Menu Component  It should be used in conjunction with the `<mdui-menu-item>` component \n\n```html\n<mdui-menu>\n  <mdui-menu-item>Item 1</mdui-menu-item>\n  <mdui-menu-item>Item 2</mdui-menu-item>\n</mdui-menu>\n```",
       "attributes": [
         {
-          "name": "hide",
-          "description": "Hides the navigation bar when set.",
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-hide"
-            }
-          ]
-        },
-        {
-          "name": "label-visibility",
-          "description": "Specifies the visibility of the text. Possible values:\n\n* `auto`: Visible if there are 3 or fewer options, otherwise only the selected state is visible.\n* `selected`: Only visible in the selected state.\n* `labeled`: Always visible.\n* `unlabeled`: Never visible.",
+          "name": "selects",
+          "description": "Defines the selectable state of menu items. Defaults to non-selectable. Possible values:\n\n* `single`: Only one item can be selected at a time.\n* `multiple`: Multiple items can be selected.",
           "values": [
             {
-              "name": "auto",
-              "description": "Visible if there are 3 or fewer options, otherwise only the selected state is visible."
-            },
-            {
-              "name": "selected",
-              "description": "Only visible in the selected state."
-            },
-            {
-              "name": "labeled",
-              "description": "Always visible."
+              "name": "single",
+              "description": "Only one item can be selected at a time."
             },
             {
-              "name": "unlabeled",
-              "description": "Never visible."
+              "name": "multiple",
+              "description": "Multiple items can be selected."
             }
           ],
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-label-visibility"
+              "url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-selects"
             }
           ]
         },
         {
           "name": "value",
-          "description": "The value of the selected `<mdui-navigation-bar-item>`.",
+          "description": "The value of the selected `<mdui-menu-item>`.\n\nNote: 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.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-value"
+              "url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-value"
             }
           ]
         },
         {
-          "name": "scroll-behavior",
-          "description": "Defines the scroll behavior. Possible values:\n\n* `hide`: Hides when scrolling.",
+          "name": "dense",
+          "description": "Indicates whether the menu items use a compact layout.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-dense"
+            }
+          ]
+        },
+        {
+          "name": "submenu-trigger",
+          "description": "Defines the trigger method for submenus. Supports multiple values separated by spaces. Possible values:\n\n* `click`: Open submenu when clicking on a menu item.\n* `hover`: Open submenu when hovering over a menu item.\n* `focus`: Open submenu when focusing on a menu item.\n* `manual`: Only programmatically open and close submenus, no other trigger methods can be specified.",
           "values": [
             {
-              "name": "hide"
+              "name": "click",
+              "description": "Open submenu when clicking on a menu item."
             },
             {
-              "name": "shrink"
+              "name": "hover",
+              "description": "Open submenu when hovering over a menu item."
             },
             {
-              "name": "elevate"
-            }
-          ],
-          "references": [
+              "name": "focus",
+              "description": "Open submenu when focusing on a menu item."
+            },
             {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-behavior"
+              "name": "manual",
+              "description": "Only programmatically open and close submenus, no other trigger methods can be specified."
             }
-          ]
-        },
-        {
-          "name": "scroll-target",
-          "description": "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`.",
+          ],
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-target"
+              "url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenu-trigger"
             }
           ]
         },
         {
-          "name": "scroll-threshold",
-          "description": "The scroll distance (in pixels) that triggers the scroll behavior.",
+          "name": "submenu-open-delay",
+          "description": "Specifies the delay (in milliseconds) for opening a submenu via hover.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-threshold"
+              "url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenu-open-delay"
             }
           ]
         },
         {
-          "name": "order",
-          "description": "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`.",
+          "name": "submenu-close-delay",
+          "description": "Specifies the delay (in milliseconds) for closing a submenu via hover.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-order"
+              "url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenu-close-delay"
             }
           ]
         }
@@ -3499,11 +3387,11 @@
       "references": [
         {
           "name": "Docs",
-          "url": "https://www.mdui.org/en/docs/2/components/navigation-bar"
+          "url": "https://www.mdui.org/en/docs/2/components/menu"
         },
         {
           "name": "Github",
-          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/navigation-bar/navigation-bar.ts"
+          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/menu/menu.ts"
         }
       ]
     },
@@ -3690,76 +3578,95 @@
       ]
     },
     {
-      "name": "mdui-navigation-drawer",
-      "description": "Navigation Drawer Component \n\n```html\n<mdui-navigation-drawer>content</mdui-navigation-drawer>\n```",
-      "attributes": [
+      "name": "mdui-navigation-bar",
+      "description": "Navigation Bar Component  It should be used in conjunction with the `<mdui-navigation-bar-item>` component \n\n```html\n<mdui-navigation-bar>\n  <mdui-navigation-bar-item icon=\"place\">Item 1</mdui-navigation-bar-item>\n  <mdui-navigation-bar-item icon=\"commute\">Item 2</mdui-navigation-bar-item>\n  <mdui-navigation-bar-item icon=\"people\">Item 3</mdui-navigation-bar-item>\n</mdui-navigation-bar>\n```",
+      "attributes": [
         {
-          "name": "open",
-          "description": "Opens the navigation drawer.",
+          "name": "hide",
+          "description": "Hides the navigation bar when set.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-drawer#attributes-open"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-hide"
             }
           ]
         },
         {
-          "name": "modal",
-          "description": "Displays an overlay when open.\n\nOn narrow devices (screen width < [`--mdui-breakpoint-md`](https://www.mdui.org/en/docs/2/styles/design-tokens#breakpoint)), the overlay always displays.",
-          "references": [
+          "name": "label-visibility",
+          "description": "Specifies the visibility of the text. Possible values:\n\n* `auto`: Visible if there are 3 or fewer options, otherwise only the selected state is visible.\n* `selected`: Only visible in the selected state.\n* `labeled`: Always visible.\n* `unlabeled`: Never visible.",
+          "values": [
             {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-drawer#attributes-modal"
+              "name": "auto",
+              "description": "Visible if there are 3 or fewer options, otherwise only the selected state is visible."
+            },
+            {
+              "name": "selected",
+              "description": "Only visible in the selected state."
+            },
+            {
+              "name": "labeled",
+              "description": "Always visible."
+            },
+            {
+              "name": "unlabeled",
+              "description": "Never visible."
             }
-          ]
-        },
-        {
-          "name": "close-on-esc",
-          "description": "Closes the drawer when the ESC key is pressed and an overlay is present.",
+          ],
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-drawer#attributes-close-on-esc"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-label-visibility"
             }
           ]
         },
         {
-          "name": "close-on-overlay-click",
-          "description": "Closes the drawer when the overlay is clicked.",
+          "name": "value",
+          "description": "The value of the selected `<mdui-navigation-bar-item>`.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-drawer#attributes-close-on-overlay-click"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-value"
             }
           ]
         },
         {
-          "name": "placement",
-          "description": "Sets the drawer's display position. Possible values:\n\n* `left`: Display on the left side.\n* `right`: Display on the right side.",
+          "name": "scroll-behavior",
+          "description": "Defines the scroll behavior. Possible values:\n\n* `hide`: Hides when scrolling.",
           "values": [
             {
-              "name": "left",
-              "description": "Display on the left side."
+              "name": "hide"
             },
             {
-              "name": "right",
-              "description": "Display on the right side."
+              "name": "shrink"
+            },
+            {
+              "name": "elevate"
             }
           ],
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-drawer#attributes-placement"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-behavior"
             }
           ]
         },
         {
-          "name": "contained",
-          "description": "By default, the navigation drawer displays relative to the `body` element. When set, it displays relative to its parent element.\n\nNote: You must add `position: relative; overflow: hidden;` style to the parent element when this attribute is set.",
+          "name": "scroll-target",
+          "description": "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`.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-drawer#attributes-contained"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-target"
+            }
+          ]
+        },
+        {
+          "name": "scroll-threshold",
+          "description": "The scroll distance (in pixels) that triggers the scroll behavior.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-threshold"
             }
           ]
         },
@@ -3769,7 +3676,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-drawer#attributes-order"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-order"
             }
           ]
         }
@@ -3777,89 +3684,85 @@
       "references": [
         {
           "name": "Docs",
-          "url": "https://www.mdui.org/en/docs/2/components/navigation-drawer"
+          "url": "https://www.mdui.org/en/docs/2/components/navigation-bar"
         },
         {
           "name": "Github",
-          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/navigation-drawer/index.ts"
+          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/navigation-bar/navigation-bar.ts"
         }
       ]
     },
     {
-      "name": "mdui-navigation-rail",
-      "description": "Navigation Rail Component  It should be used in conjunction with the `<mdui-navigation-rail-item>` component \n\n```html\n<mdui-navigation-rail>\n  <mdui-navigation-rail-item icon=\"watch_later\">Recent</mdui-navigation-rail-item>\n  <mdui-navigation-rail-item icon=\"image\">Images</mdui-navigation-rail-item>\n  <mdui-navigation-rail-item icon=\"library_music\">Library</mdui-navigation-rail-item>\n</mdui-navigation-rail>\n```",
+      "name": "mdui-navigation-drawer",
+      "description": "Navigation Drawer Component \n\n```html\n<mdui-navigation-drawer>content</mdui-navigation-drawer>\n```",
       "attributes": [
         {
-          "name": "value",
-          "description": "The value of the selected `<mdui-navigation-rail-item>`.",
+          "name": "open",
+          "description": "Opens the navigation drawer.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-value"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-drawer#attributes-open"
             }
           ]
         },
         {
-          "name": "placement",
-          "description": "Sets the navigation bar's position. Possible values:\n\n* `left`: Display on the left.\n* `right`: Display on the right.",
-          "values": [
+          "name": "modal",
+          "description": "Displays an overlay when open.\n\nOn narrow devices (screen width < [`--mdui-breakpoint-md`](https://www.mdui.org/en/docs/2/styles/design-tokens#breakpoint)), the overlay always displays.",
+          "references": [
             {
-              "name": "left",
-              "description": "Display on the left."
-            },
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-drawer#attributes-modal"
+            }
+          ]
+        },
+        {
+          "name": "close-on-esc",
+          "description": "Closes the drawer when the ESC key is pressed and an overlay is present.",
+          "references": [
             {
-              "name": "right",
-              "description": "Display on the right."
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-drawer#attributes-close-on-esc"
             }
-          ],
+          ]
+        },
+        {
+          "name": "close-on-overlay-click",
+          "description": "Closes the drawer when the overlay is clicked.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-placement"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-drawer#attributes-close-on-overlay-click"
             }
           ]
         },
         {
-          "name": "alignment",
-          "description": "Sets the alignment of `<mdui-navigation-rail-item>`. Possible values:\n\n* `start`: Aligns to the top.\n* `center`: Aligns to the center.\n* `end`: Aligns to the bottom.",
+          "name": "placement",
+          "description": "Sets the drawer's display position. Possible values:\n\n* `left`: Display on the left side.\n* `right`: Display on the right side.",
           "values": [
             {
-              "name": "start",
-              "description": "Aligns to the top."
-            },
-            {
-              "name": "center",
-              "description": "Aligns to the center."
+              "name": "left",
+              "description": "Display on the left side."
             },
             {
-              "name": "end",
-              "description": "Aligns to the bottom."
+              "name": "right",
+              "description": "Display on the right side."
             }
           ],
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-alignment"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-drawer#attributes-placement"
             }
           ]
         },
         {
           "name": "contained",
-          "description": "By default, the navigation rail displays relative to the `body` element. When set, it displays relative to its parent element.\n\nNote: You must add `position: relative; overflow: hidden;` style to the parent element when this attribute is set.",
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-contained"
-            }
-          ]
-        },
-        {
-          "name": "divider",
-          "description": "Adds a divider between the navigation bar and the page content.",
+          "description": "By default, the navigation drawer displays relative to the `body` element. When set, it displays relative to its parent element.\n\nNote: You must add `position: relative; overflow: hidden;` style to the parent element when this attribute is set.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-divider"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-drawer#attributes-contained"
             }
           ]
         },
@@ -3869,7 +3772,7 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-order"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-drawer#attributes-order"
             }
           ]
         }
@@ -3877,11 +3780,11 @@
       "references": [
         {
           "name": "Docs",
-          "url": "https://www.mdui.org/en/docs/2/components/navigation-rail"
+          "url": "https://www.mdui.org/en/docs/2/components/navigation-drawer"
         },
         {
           "name": "Github",
-          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/navigation-rail/navigation-rail.ts"
+          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/navigation-drawer/index.ts"
         }
       ]
     },
@@ -4068,76 +3971,90 @@
       ]
     },
     {
-      "name": "mdui-radio",
-      "description": "Radio Component  It should be used in conjunction with the `<mdui-radio-group>` component \n\n```html\n<mdui-radio-group value=\"chinese\">\n  <mdui-radio value=\"chinese\">Chinese</mdui-radio>\n  <mdui-radio value=\"english\">English</mdui-radio>\n</mdui-radio-group>\n```",
+      "name": "mdui-navigation-rail",
+      "description": "Navigation Rail Component  It should be used in conjunction with the `<mdui-navigation-rail-item>` component \n\n```html\n<mdui-navigation-rail>\n  <mdui-navigation-rail-item icon=\"watch_later\">Recent</mdui-navigation-rail-item>\n  <mdui-navigation-rail-item icon=\"image\">Images</mdui-navigation-rail-item>\n  <mdui-navigation-rail-item icon=\"library_music\">Library</mdui-navigation-rail-item>\n</mdui-navigation-rail>\n```",
       "attributes": [
         {
           "name": "value",
-          "description": "Specifies the value of the radio.",
+          "description": "The value of the selected `<mdui-navigation-rail-item>`.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-value"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-value"
             }
           ]
         },
         {
-          "name": "disabled",
-          "description": "Disables the radio when set.",
-          "references": [
+          "name": "placement",
+          "description": "Sets the navigation bar's position. Possible values:\n\n* `left`: Display on the left.\n* `right`: Display on the right.",
+          "values": [
             {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-disabled"
+              "name": "left",
+              "description": "Display on the left."
+            },
+            {
+              "name": "right",
+              "description": "Display on the right."
             }
-          ]
-        },
-        {
-          "name": "checked",
-          "description": "Sets the radio to the checked state.",
+          ],
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-checked"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-placement"
             }
           ]
         },
         {
-          "name": "unchecked-icon",
-          "description": "Specifies the Material Icons name for the unchecked state. Alternatively, use `slot=\"unchecked-icon\"`.",
+          "name": "alignment",
+          "description": "Sets the alignment of `<mdui-navigation-rail-item>`. Possible values:\n\n* `start`: Aligns to the top.\n* `center`: Aligns to the center.\n* `end`: Aligns to the bottom.",
+          "values": [
+            {
+              "name": "start",
+              "description": "Aligns to the top."
+            },
+            {
+              "name": "center",
+              "description": "Aligns to the center."
+            },
+            {
+              "name": "end",
+              "description": "Aligns to the bottom."
+            }
+          ],
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-unchecked-icon"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-alignment"
             }
           ]
         },
         {
-          "name": "checked-icon",
-          "description": "Specifies the Material Icons name for the checked state. Alternatively, use `slot=\"checked-icon\"`.",
+          "name": "contained",
+          "description": "By default, the navigation rail displays relative to the `body` element. When set, it displays relative to its parent element.\n\nNote: You must add `position: relative; overflow: hidden;` style to the parent element when this attribute is set.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-checked-icon"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-contained"
             }
           ]
         },
         {
-          "name": "autofocus",
-          "description": "Determines if the element should be focused when the page loads.",
+          "name": "divider",
+          "description": "Adds a divider between the navigation bar and the page content.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-autofocus"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-divider"
             }
           ]
         },
         {
-          "name": "tabindex",
-          "description": "Specifies the order in which the element receives focus when navigating with the Tab key.",
+          "name": "order",
+          "description": "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`.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-tabindex"
+              "url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-order"
             }
           ]
         }
@@ -4145,11 +4062,11 @@
       "references": [
         {
           "name": "Docs",
-          "url": "https://www.mdui.org/en/docs/2/components/radio"
+          "url": "https://www.mdui.org/en/docs/2/components/navigation-rail"
         },
         {
           "name": "Github",
-          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/radio/radio.ts"
+          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/navigation-rail/navigation-rail.ts"
         }
       ]
     },
@@ -4219,6 +4136,92 @@
         }
       ]
     },
+    {
+      "name": "mdui-radio",
+      "description": "Radio Component  It should be used in conjunction with the `<mdui-radio-group>` component \n\n```html\n<mdui-radio-group value=\"chinese\">\n  <mdui-radio value=\"chinese\">Chinese</mdui-radio>\n  <mdui-radio value=\"english\">English</mdui-radio>\n</mdui-radio-group>\n```",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Specifies the value of the radio.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-value"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the radio when set.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-disabled"
+            }
+          ]
+        },
+        {
+          "name": "checked",
+          "description": "Sets the radio to the checked state.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-checked"
+            }
+          ]
+        },
+        {
+          "name": "unchecked-icon",
+          "description": "Specifies the Material Icons name for the unchecked state. Alternatively, use `slot=\"unchecked-icon\"`.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-unchecked-icon"
+            }
+          ]
+        },
+        {
+          "name": "checked-icon",
+          "description": "Specifies the Material Icons name for the checked state. Alternatively, use `slot=\"checked-icon\"`.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-checked-icon"
+            }
+          ]
+        },
+        {
+          "name": "autofocus",
+          "description": "Determines if the element should be focused when the page loads.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-autofocus"
+            }
+          ]
+        },
+        {
+          "name": "tabindex",
+          "description": "Specifies the order in which the element receives focus when navigating with the Tab key.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-tabindex"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://www.mdui.org/en/docs/2/components/radio"
+        },
+        {
+          "name": "Github",
+          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/radio/radio.ts"
+        }
+      ]
+    },
     {
       "name": "mdui-range-slider",
       "description": "Range Slider Component \n\n```html\n<mdui-range-slider></mdui-range-slider>\n```",
@@ -4239,87 +4242,183 @@
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-tabindex"
+              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-tabindex"
+            }
+          ]
+        },
+        {
+          "name": "min",
+          "description": "Specifies the minimum value. Default is `0`.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-min"
+            }
+          ]
+        },
+        {
+          "name": "max",
+          "description": "Specifies the maximum value. Default is `100`.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-max"
+            }
+          ]
+        },
+        {
+          "name": "step",
+          "description": "Specifies the step interval. Default is `1`.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-step"
+            }
+          ]
+        },
+        {
+          "name": "tickmarks",
+          "description": "Adds tickmarks to the slider.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-tickmarks"
+            }
+          ]
+        },
+        {
+          "name": "nolabel",
+          "description": "Hides the tooltip.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-nolabel"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the slider.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-disabled"
+            }
+          ]
+        },
+        {
+          "name": "form",
+          "description": "Associates the slider with a `<form>` element. The value should be the `id` of a `<form>` in the same document. If not set, the slider is associated with its parent `<form>`, if any.\n\nThis attribute allows slider elements to be associated with `<form>`s anywhere in the document, not just inside a `<form>`.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-form"
             }
           ]
         },
         {
-          "name": "min",
-          "description": "Specifies the minimum value. Default is `0`.",
+          "name": "name",
+          "description": "Specifies the slider's name, which is submitted with the form data.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-min"
+              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-name"
             }
           ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://www.mdui.org/en/docs/2/components/range-slider"
         },
         {
-          "name": "max",
-          "description": "Specifies the maximum value. Default is `100`.",
+          "name": "Github",
+          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/range-slider/index.ts"
+        }
+      ]
+    },
+    {
+      "name": "mdui-segmented-button-group",
+      "description": "Segmented Button Group Component  It should be used in conjunction with the `<mdui-segmented-button>` component \n\n```html\n<mdui-segmented-button-group>\n  <mdui-segmented-button>Day</mdui-segmented-button>\n  <mdui-segmented-button>Week</mdui-segmented-button>\n  <mdui-segmented-button>Month</mdui-segmented-button>\n</mdui-segmented-button-group>\n```",
+      "attributes": [
+        {
+          "name": "full-width",
+          "description": "If set, the segmented button group will fill the width of its parent element.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-max"
+              "url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-full-width"
             }
           ]
         },
         {
-          "name": "step",
-          "description": "Specifies the step interval. Default is `1`.",
+          "name": "selects",
+          "description": "Defines selectable states. Default is non-selectable. Possible values:\n\n* `single`: Only one can be selected.\n* `multiple`: Multiple selections are allowed.",
+          "values": [
+            {
+              "name": "single",
+              "description": "Only one can be selected."
+            },
+            {
+              "name": "multiple",
+              "description": "Multiple selections are allowed."
+            }
+          ],
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-step"
+              "url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-selects"
             }
           ]
         },
         {
-          "name": "tickmarks",
-          "description": "Adds tickmarks to the slider.",
+          "name": "disabled",
+          "description": "Disables the segmented button group when set.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-tickmarks"
+              "url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-disabled"
             }
           ]
         },
         {
-          "name": "nolabel",
-          "description": "Hides the tooltip.",
+          "name": "required",
+          "description": "Requires a selection when the form is submitted.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-nolabel"
+              "url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-required"
             }
           ]
         },
         {
-          "name": "disabled",
-          "description": "Disables the slider.",
+          "name": "form",
+          "description": "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.\n\nThis attribute allows segmented button group elements to be associated with `<form>`s anywhere in the document, not just inside a `<form>`.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-disabled"
+              "url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-form"
             }
           ]
         },
         {
-          "name": "form",
-          "description": "Associates the slider with a `<form>` element. The value should be the `id` of a `<form>` in the same document. If not set, the slider is associated with its parent `<form>`, if any.\n\nThis attribute allows slider elements to be associated with `<form>`s anywhere in the document, not just inside a `<form>`.",
+          "name": "name",
+          "description": "The name of the segmented button group, which is submitted with form data.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-form"
+              "url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-name"
             }
           ]
         },
         {
-          "name": "name",
-          "description": "Specifies the slider's name, which is submitted with the form data.",
+          "name": "value",
+          "description": "The value of the selected `<mdui-segmented-button>`. This value is submitted with form data.\n\nNote: 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.",
           "references": [
             {
               "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/range-slider#attributes-name"
+              "url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-value"
             }
           ]
         }
@@ -4327,11 +4426,11 @@
       "references": [
         {
           "name": "Docs",
-          "url": "https://www.mdui.org/en/docs/2/components/range-slider"
+          "url": "https://www.mdui.org/en/docs/2/components/segmented-button"
         },
         {
           "name": "Github",
-          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/range-slider/index.ts"
+          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/segmented-button/segmented-button-group.ts"
         }
       ]
     },
@@ -4683,102 +4782,6 @@
         }
       ]
     },
-    {
-      "name": "mdui-segmented-button-group",
-      "description": "Segmented Button Group Component  It should be used in conjunction with the `<mdui-segmented-button>` component \n\n```html\n<mdui-segmented-button-group>\n  <mdui-segmented-button>Day</mdui-segmented-button>\n  <mdui-segmented-button>Week</mdui-segmented-button>\n  <mdui-segmented-button>Month</mdui-segmented-button>\n</mdui-segmented-button-group>\n```",
-      "attributes": [
-        {
-          "name": "full-width",
-          "description": "If set, the segmented button group will fill the width of its parent element.",
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-full-width"
-            }
-          ]
-        },
-        {
-          "name": "selects",
-          "description": "Defines selectable states. Default is non-selectable. Possible values:\n\n* `single`: Only one can be selected.\n* `multiple`: Multiple selections are allowed.",
-          "values": [
-            {
-              "name": "single",
-              "description": "Only one can be selected."
-            },
-            {
-              "name": "multiple",
-              "description": "Multiple selections are allowed."
-            }
-          ],
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-selects"
-            }
-          ]
-        },
-        {
-          "name": "disabled",
-          "description": "Disables the segmented button group when set.",
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-disabled"
-            }
-          ]
-        },
-        {
-          "name": "required",
-          "description": "Requires a selection when the form is submitted.",
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-required"
-            }
-          ]
-        },
-        {
-          "name": "form",
-          "description": "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.\n\nThis attribute allows segmented button group elements to be associated with `<form>`s anywhere in the document, not just inside a `<form>`.",
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-form"
-            }
-          ]
-        },
-        {
-          "name": "name",
-          "description": "The name of the segmented button group, which is submitted with form data.",
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-name"
-            }
-          ]
-        },
-        {
-          "name": "value",
-          "description": "The value of the selected `<mdui-segmented-button>`. This value is submitted with form data.\n\nNote: 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.",
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-value"
-            }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Docs",
-          "url": "https://www.mdui.org/en/docs/2/components/segmented-button"
-        },
-        {
-          "name": "Github",
-          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/segmented-button/segmented-button-group.ts"
-        }
-      ]
-    },
     {
       "name": "mdui-select",
       "description": "Select Component  It should be used in conjunction with the `<mdui-menu-item>` component \n\n```html\n<mdui-select>\n  <mdui-menu-item value=\"item-1\">Item 1</mdui-menu-item>\n  <mdui-menu-item value=\"item-2\">Item 2</mdui-menu-item>\n</mdui-select>\n```",
@@ -5423,6 +5426,32 @@
         }
       ]
     },
+    {
+      "name": "mdui-tab-panel",
+      "description": "Tab Panel Component  It should be used in conjunction with the `<mdui-tabs>` and `<mdui-tab>` components \n\n```html\n<mdui-tabs value=\"tab-1\">\n  <mdui-tab value=\"tab-1\">Tab 1</mdui-tab>\n  <mdui-tab value=\"tab-2\">Tab 2</mdui-tab>\n  <mdui-tab value=\"tab-3\">Tab 3</mdui-tab>\n\n  <mdui-tab-panel slot=\"panel\" value=\"tab-1\">Panel 1</mdui-tab-panel>\n  <mdui-tab-panel slot=\"panel\" value=\"tab-2\">Panel 2</mdui-tab-panel>\n  <mdui-tab-panel slot=\"panel\" value=\"tab-3\">Panel 3</mdui-tab-panel>\n</mdui-tabs>\n```",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Specifies the value of the tab panel.",
+          "references": [
+            {
+              "name": "Docs",
+              "url": "https://www.mdui.org/en/docs/2/components/tabs#tab-panel-attributes-value"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://www.mdui.org/en/docs/2/components/tabs"
+        },
+        {
+          "name": "Github",
+          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/tabs/tab-panel.ts"
+        }
+      ]
+    },
     {
       "name": "mdui-tab",
       "description": "Tab Component  It should be used in conjunction with the `<mdui-tabs>` and `<mdui-tab-panel>` components \n\n```html\n<mdui-tabs value=\"tab-1\">\n  <mdui-tab value=\"tab-1\">Tab 1</mdui-tab>\n  <mdui-tab value=\"tab-2\">Tab 2</mdui-tab>\n  <mdui-tab value=\"tab-3\">Tab 3</mdui-tab>\n\n  <mdui-tab-panel slot=\"panel\" value=\"tab-1\">Panel 1</mdui-tab-panel>\n  <mdui-tab-panel slot=\"panel\" value=\"tab-2\">Panel 2</mdui-tab-panel>\n  <mdui-tab-panel slot=\"panel\" value=\"tab-3\">Panel 3</mdui-tab-panel>\n</mdui-tabs>\n```",
@@ -5489,32 +5518,6 @@
         }
       ]
     },
-    {
-      "name": "mdui-tab-panel",
-      "description": "Tab Panel Component  It should be used in conjunction with the `<mdui-tabs>` and `<mdui-tab>` components \n\n```html\n<mdui-tabs value=\"tab-1\">\n  <mdui-tab value=\"tab-1\">Tab 1</mdui-tab>\n  <mdui-tab value=\"tab-2\">Tab 2</mdui-tab>\n  <mdui-tab value=\"tab-3\">Tab 3</mdui-tab>\n\n  <mdui-tab-panel slot=\"panel\" value=\"tab-1\">Panel 1</mdui-tab-panel>\n  <mdui-tab-panel slot=\"panel\" value=\"tab-2\">Panel 2</mdui-tab-panel>\n  <mdui-tab-panel slot=\"panel\" value=\"tab-3\">Panel 3</mdui-tab-panel>\n</mdui-tabs>\n```",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "Specifies the value of the tab panel.",
-          "references": [
-            {
-              "name": "Docs",
-              "url": "https://www.mdui.org/en/docs/2/components/tabs#tab-panel-attributes-value"
-            }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Docs",
-          "url": "https://www.mdui.org/en/docs/2/components/tabs"
-        },
-        {
-          "name": "Github",
-          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/tabs/tab-panel.ts"
-        }
-      ]
-    },
     {
       "name": "mdui-tabs",
       "description": "Tabs Component  It should be used in conjunction with the `<mdui-tab>` and `<mdui-tab-panel>` components \n\n```html\n<mdui-tabs value=\"tab-1\">\n  <mdui-tab value=\"tab-1\">Tab 1</mdui-tab>\n  <mdui-tab value=\"tab-2\">Tab 2</mdui-tab>\n  <mdui-tab value=\"tab-3\">Tab 3</mdui-tab>\n\n  <mdui-tab-panel slot=\"panel\" value=\"tab-1\">Panel 1</mdui-tab-panel>\n  <mdui-tab-panel slot=\"panel\" value=\"tab-2\">Panel 2</mdui-tab-panel>\n  <mdui-tab-panel slot=\"panel\" value=\"tab-3\">Panel 3</mdui-tab-panel>\n</mdui-tabs>\n```",
@@ -6427,6 +6430,21 @@
         }
       ]
     },
+    {
+      "name": "mdui-top-app-bar-title",
+      "description": "Top App Bar Title Component  It should be used in conjunction with the `<mdui-top-app-bar>` component \n\n```html\n<mdui-top-app-bar>\n  <mdui-button-icon icon=\"menu\"></mdui-button-icon>\n  <mdui-top-app-bar-title>Title</mdui-top-app-bar-title>\n  <div style=\"flex-grow: 1\"></div>\n  <mdui-button-icon icon=\"more_vert\"></mdui-button-icon>\n</mdui-top-app-bar>\n```",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://www.mdui.org/en/docs/2/components/top-app-bar"
+        },
+        {
+          "name": "Github",
+          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/top-app-bar/top-app-bar-title.ts"
+        }
+      ]
+    },
     {
       "name": "mdui-top-app-bar",
       "description": "Top App Bar Component \n\n```html\n<mdui-top-app-bar>\n  <mdui-button-icon icon=\"menu\"></mdui-button-icon>\n  <mdui-top-app-bar-title>Title</mdui-top-app-bar-title>\n  <div style=\"flex-grow: 1\"></div>\n  <mdui-button-icon icon=\"more_vert\"></mdui-button-icon>\n</mdui-top-app-bar>\n```",
@@ -6541,20 +6559,6 @@
           "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/top-app-bar/top-app-bar.ts"
         }
       ]
-    },
-    {
-      "name": "mdui-top-app-bar-title",
-      "description": "Top App Bar Title Component  It should be used in conjunction with the `<mdui-top-app-bar>` component \n\n```html\n<mdui-top-app-bar>\n  <mdui-button-icon icon=\"menu\"></mdui-button-icon>\n  <mdui-top-app-bar-title>Title</mdui-top-app-bar-title>\n  <div style=\"flex-grow: 1\"></div>\n  <mdui-button-icon icon=\"more_vert\"></mdui-button-icon>\n</mdui-top-app-bar>\n```",
-      "references": [
-        {
-          "name": "Docs",
-          "url": "https://www.mdui.org/en/docs/2/components/top-app-bar"
-        },
-        {
-          "name": "Github",
-          "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/top-app-bar/top-app-bar-title.ts"
-        }
-      ]
     }
   ]
 }