mdui 2.1.0 → 2.1.2

package/web-types.en.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "mdui",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "framework-config": {
@@ -348,46 +348,53 @@
           }
         },
         {
-          "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.",
               "value": {
                 "type": [
-                  "'elevated'",
+                  "'standard'",
                   "'filled'",
                   "'tonal'",
-                  "'outlined'",
-                  "'text'"
+                  "'outlined'"
                 ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-variant"
+              "doc-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.",
               "value": {
-                "type": "boolean"
+                "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-full-width"
+              "doc-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\"`.",
               "value": {
                 "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-icon"
+              "doc-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.",
               "value": {
-                "type": "string"
+                "type": "boolean"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-end-icon"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selectable"
+            },
+            {
+              "name": "selected",
+              "description": "Indicates if the button is selected.",
+              "value": {
+                "type": "boolean"
+              },
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selected"
             },
             {
               "name": "href",
@@ -395,7 +402,7 @@
               "value": {
                 "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-href"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-href"
             },
             {
               "name": "download",
@@ -403,7 +410,7 @@
               "value": {
                 "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-download"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-download"
             },
             {
               "name": "target",
@@ -416,7 +423,7 @@
                   "'_top'"
                 ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-target"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-target"
             },
             {
               "name": "rel",
@@ -439,7 +446,7 @@
                   "'tag'"
                 ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-rel"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-rel"
             },
             {
               "name": "autofocus",
@@ -447,7 +454,7 @@
               "value": {
                 "type": "boolean"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-autofocus"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-autofocus"
             },
             {
               "name": "tabindex",
@@ -455,7 +462,7 @@
               "value": {
                 "type": "number"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-tabindex"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-tabindex"
             },
             {
               "name": "disabled",
@@ -463,7 +470,7 @@
               "value": {
                 "type": "boolean"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-disabled"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-disabled"
             },
             {
               "name": "loading",
@@ -471,7 +478,7 @@
               "value": {
                 "type": "boolean"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-loading"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-loading"
             },
             {
               "name": "name",
@@ -479,7 +486,7 @@
               "value": {
                 "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-name"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-name"
             },
             {
               "name": "value",
@@ -487,7 +494,7 @@
               "value": {
                 "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-value"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-value"
             },
             {
               "name": "type",
@@ -499,7 +506,7 @@
                   "'button'"
                 ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-type"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-type"
             },
             {
               "name": "form",
@@ -507,7 +514,7 @@
               "value": {
                 "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-form"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-form"
             },
             {
               "name": "formaction",
@@ -515,7 +522,7 @@
               "value": {
                 "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formaction"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formaction"
             },
             {
               "name": "formenctype",
@@ -527,7 +534,7 @@
                   "'text/plain'"
                 ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formenctype"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formenctype"
             },
             {
               "name": "formmethod",
@@ -538,7 +545,7 @@
                   "'get'"
                 ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formmethod"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formmethod"
             },
             {
               "name": "formnovalidate",
@@ -546,7 +553,7 @@
               "value": {
                 "type": "boolean"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formnovalidate"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formnovalidate"
             },
             {
               "name": "formtarget",
@@ -559,67 +566,69 @@
                   "'_top'"
                 ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formtarget"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formtarget"
             }
           ],
           "priority": "highest",
-          "doc-url": "https://www.mdui.org/en/docs/2/components/button",
+          "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon",
           "slots": [
             {
               "name": "",
-              "description": "Button text.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#slots-default"
-            },
-            {
-              "name": "icon",
-              "description": "Element on the left side of the button.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#slots-icon"
+              "description": "Icon component.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#slots-default"
             },
             {
-              "name": "end-icon",
-              "description": "Element on the right side of the button.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button#slots-end-icon"
+              "name": "selected-icon",
+              "description": "Icon in the selected state.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#slots-selected-icon"
             }
           ],
           "js": {
             "properties": [
               {
                 "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.",
                 "value": {
                   "type": [
-                    "'elevated'",
+                    "'standard'",
                     "'filled'",
                     "'tonal'",
-                    "'outlined'",
-                    "'text'"
+                    "'outlined'"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-variant"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-variant"
               },
               {
-                "name": "fullWidth",
-                "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.",
                 "value": {
-                  "type": "boolean"
+                  "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-fullWidth"
+                "doc-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": "selectedIcon",
+                "description": "Specifies the Material Icons name when selected. Alternatively, use `slot=\"selected-icon\"`.",
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-icon"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selectedIcon"
               },
               {
-                "name": "endIcon",
-                "description": "Specifies the Material Icons name on the right. Alternatively, use `slot=\"end-icon\"`.",
+                "name": "selectable",
+                "description": "Indicates if the button is selectable.",
                 "value": {
-                  "type": "string"
+                  "type": "boolean"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-endIcon"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selectable"
+              },
+              {
+                "name": "selected",
+                "description": "Indicates if the button is selected.",
+                "value": {
+                  "type": "boolean"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selected"
               },
               {
                 "name": "href",
@@ -627,7 +636,7 @@
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-href"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-href"
               },
               {
                 "name": "download",
@@ -635,7 +644,7 @@
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-download"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-download"
               },
               {
                 "name": "target",
@@ -648,7 +657,7 @@
                     "'_top'"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-target"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-target"
               },
               {
                 "name": "rel",
@@ -671,7 +680,7 @@
                     "'tag'"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-rel"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-rel"
               },
               {
                 "name": "autofocus",
@@ -679,7 +688,7 @@
                 "value": {
                   "type": "boolean"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-autofocus"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-autofocus"
               },
               {
                 "name": "tabIndex",
@@ -687,7 +696,7 @@
                 "value": {
                   "type": "number"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-tabIndex"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-tabIndex"
               },
               {
                 "name": "disabled",
@@ -695,7 +704,7 @@
                 "value": {
                   "type": "boolean"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-disabled"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-disabled"
               },
               {
                 "name": "loading",
@@ -703,7 +712,7 @@
                 "value": {
                   "type": "boolean"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-loading"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-loading"
               },
               {
                 "name": "name",
@@ -711,7 +720,7 @@
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-name"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-name"
               },
               {
                 "name": "value",
@@ -719,7 +728,7 @@
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-value"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-value"
               },
               {
                 "name": "type",
@@ -731,7 +740,7 @@
                     "'button'"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-type"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-type"
               },
               {
                 "name": "form",
@@ -739,7 +748,7 @@
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-form"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-form"
               },
               {
                 "name": "formAction",
@@ -747,7 +756,7 @@
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formAction"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formAction"
               },
               {
                 "name": "formEnctype",
@@ -759,7 +768,7 @@
                     "'text/plain'"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formEnctype"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formEnctype"
               },
               {
                 "name": "formMethod",
@@ -770,7 +779,7 @@
                     "'get'"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formMethod"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formMethod"
               },
               {
                 "name": "formNoValidate",
@@ -778,7 +787,7 @@
                 "value": {
                   "type": "boolean"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formNoValidate"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formNoValidate"
               },
               {
                 "name": "formTarget",
@@ -791,7 +800,7 @@
                     "'_top'"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formTarget"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formTarget"
               },
               {
                 "name": "validity",
@@ -799,7 +808,7 @@
                 "value": {
                   "type": "ValidityState"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-validity"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-validity"
               },
               {
                 "name": "validationMessage",
@@ -807,24 +816,29 @@
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-validationMessage"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-validationMessage"
               }
             ],
             "events": [
               {
                 "name": "focus",
                 "description": "Emitted when the button gains focus.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#events-focus"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#events-focus"
               },
               {
                 "name": "blur",
                 "description": "Emitted when the button loses focus.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#events-blur"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#events-blur"
+              },
+              {
+                "name": "change",
+                "description": "Emitted when the selected state changes.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#events-change"
               },
               {
                 "name": "invalid",
                 "description": "Emitted when the form control's validity is checked and it doesn't meet the constraints.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#events-invalid"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#events-invalid"
               }
             ]
           },
@@ -833,86 +847,74 @@
               {
                 "name": "--shape-corner",
                 "description": "The size of the component corner. You can use a specific pixel value, but it's recommended to reference [design tokens](https://www.mdui.org/en/docs/2/styles/design-tokens#shape-corner).",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#cssProperties-shape-corner"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#cssProperties-shape-corner"
               }
             ],
             "parts": [
               {
                 "name": "button",
                 "description": "Internal `<button>` or `<a>` element.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#cssParts-button"
-              },
-              {
-                "name": "label",
-                "description": "Button text.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#cssParts-label"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#cssParts-button"
               },
               {
                 "name": "icon",
-                "description": "Icon on the left side of the button.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#cssParts-icon"
+                "description": "Icon.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#cssParts-icon"
               },
               {
-                "name": "end-icon",
-                "description": "Icon on the right side of the button.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#cssParts-end-icon"
+                "name": "selected-icon",
+                "description": "Icon in the selected state.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#cssParts-selected-icon"
               },
               {
                 "name": "loading",
                 "description": "The `<mdui-circular-progress>` element for the loading state.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button#cssParts-loading"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#cssParts-loading"
               }
             ]
           }
         },
         {
-          "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.",
               "value": {
                 "type": [
-                  "'standard'",
+                  "'elevated'",
                   "'filled'",
                   "'tonal'",
-                  "'outlined'"
+                  "'outlined'",
+                  "'text'"
                 ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-variant"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-variant"
             },
             {
-              "name": "icon",
-              "description": "Specifies the Material Icons name. Alternatively, use the default slot.",
+              "name": "full-width",
+              "description": "If set, the button will fill the width of its parent element.",
               "value": {
-                "type": "string"
+                "type": "boolean"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-icon"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-full-width"
             },
             {
-              "name": "selected-icon",
-              "description": "Specifies the Material Icons name when selected. Alternatively, use `slot=\"selected-icon\"`.",
+              "name": "icon",
+              "description": "Specifies the Material Icons name on the left. Alternatively, use `slot=\"icon\"`.",
               "value": {
                 "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selected-icon"
-            },
-            {
-              "name": "selectable",
-              "description": "Indicates if the button is selectable.",
-              "value": {
-                "type": "boolean"
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selectable"
+              "doc-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\"`.",
               "value": {
-                "type": "boolean"
+                "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selected"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-end-icon"
             },
             {
               "name": "href",
@@ -920,7 +922,7 @@
               "value": {
                 "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-href"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-href"
             },
             {
               "name": "download",
@@ -928,7 +930,7 @@
               "value": {
                 "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-download"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-download"
             },
             {
               "name": "target",
@@ -941,7 +943,7 @@
                   "'_top'"
                 ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-target"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-target"
             },
             {
               "name": "rel",
@@ -964,7 +966,7 @@
                   "'tag'"
                 ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-rel"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-rel"
             },
             {
               "name": "autofocus",
@@ -972,7 +974,7 @@
               "value": {
                 "type": "boolean"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-autofocus"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-autofocus"
             },
             {
               "name": "tabindex",
@@ -980,7 +982,7 @@
               "value": {
                 "type": "number"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-tabindex"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-tabindex"
             },
             {
               "name": "disabled",
@@ -988,7 +990,7 @@
               "value": {
                 "type": "boolean"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-disabled"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-disabled"
             },
             {
               "name": "loading",
@@ -996,7 +998,7 @@
               "value": {
                 "type": "boolean"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-loading"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-loading"
             },
             {
               "name": "name",
@@ -1004,7 +1006,7 @@
               "value": {
                 "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-name"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-name"
             },
             {
               "name": "value",
@@ -1012,7 +1014,7 @@
               "value": {
                 "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-value"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-value"
             },
             {
               "name": "type",
@@ -1024,7 +1026,7 @@
                   "'button'"
                 ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-type"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-type"
             },
             {
               "name": "form",
@@ -1032,7 +1034,7 @@
               "value": {
                 "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-form"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-form"
             },
             {
               "name": "formaction",
@@ -1040,7 +1042,7 @@
               "value": {
                 "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formaction"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formaction"
             },
             {
               "name": "formenctype",
@@ -1052,7 +1054,7 @@
                   "'text/plain'"
                 ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formenctype"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formenctype"
             },
             {
               "name": "formmethod",
@@ -1063,7 +1065,7 @@
                   "'get'"
                 ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formmethod"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formmethod"
             },
             {
               "name": "formnovalidate",
@@ -1071,7 +1073,7 @@
               "value": {
                 "type": "boolean"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formnovalidate"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formnovalidate"
             },
             {
               "name": "formtarget",
@@ -1084,69 +1086,67 @@
                   "'_top'"
                 ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formtarget"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formtarget"
             }
           ],
           "priority": "highest",
-          "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon",
+          "doc-url": "https://www.mdui.org/en/docs/2/components/button",
           "slots": [
             {
               "name": "",
-              "description": "Icon component.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#slots-default"
+              "description": "Button text.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#slots-default"
             },
             {
-              "name": "selected-icon",
-              "description": "Icon in the selected state.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#slots-selected-icon"
+              "name": "icon",
+              "description": "Element on the left side of the button.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#slots-icon"
+            },
+            {
+              "name": "end-icon",
+              "description": "Element on the right side of the button.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/button#slots-end-icon"
             }
           ],
           "js": {
             "properties": [
               {
                 "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.",
                 "value": {
                   "type": [
-                    "'standard'",
+                    "'elevated'",
                     "'filled'",
                     "'tonal'",
-                    "'outlined'"
+                    "'outlined'",
+                    "'text'"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-variant"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-variant"
               },
               {
-                "name": "icon",
-                "description": "Specifies the Material Icons name. Alternatively, use the default slot.",
+                "name": "fullWidth",
+                "description": "If set, the button will fill the width of its parent element.",
                 "value": {
-                  "type": "string"
+                  "type": "boolean"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-icon"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-fullWidth"
               },
               {
-                "name": "selectedIcon",
-                "description": "Specifies the Material Icons name when selected. Alternatively, use `slot=\"selected-icon\"`.",
+                "name": "icon",
+                "description": "Specifies the Material Icons name on the left. Alternatively, use `slot=\"icon\"`.",
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selectedIcon"
-              },
-              {
-                "name": "selectable",
-                "description": "Indicates if the button is selectable.",
-                "value": {
-                  "type": "boolean"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selectable"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-icon"
               },
               {
-                "name": "selected",
-                "description": "Indicates if the button is selected.",
+                "name": "endIcon",
+                "description": "Specifies the Material Icons name on the right. Alternatively, use `slot=\"end-icon\"`.",
                 "value": {
-                  "type": "boolean"
+                  "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-selected"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-endIcon"
               },
               {
                 "name": "href",
@@ -1154,7 +1154,7 @@
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-href"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-href"
               },
               {
                 "name": "download",
@@ -1162,7 +1162,7 @@
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-download"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-download"
               },
               {
                 "name": "target",
@@ -1175,7 +1175,7 @@
                     "'_top'"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-target"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-target"
               },
               {
                 "name": "rel",
@@ -1198,7 +1198,7 @@
                     "'tag'"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-rel"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-rel"
               },
               {
                 "name": "autofocus",
@@ -1206,7 +1206,7 @@
                 "value": {
                   "type": "boolean"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-autofocus"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-autofocus"
               },
               {
                 "name": "tabIndex",
@@ -1214,7 +1214,7 @@
                 "value": {
                   "type": "number"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-tabIndex"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-tabIndex"
               },
               {
                 "name": "disabled",
@@ -1222,7 +1222,7 @@
                 "value": {
                   "type": "boolean"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-disabled"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-disabled"
               },
               {
                 "name": "loading",
@@ -1230,7 +1230,7 @@
                 "value": {
                   "type": "boolean"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-loading"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-loading"
               },
               {
                 "name": "name",
@@ -1238,7 +1238,7 @@
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-name"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-name"
               },
               {
                 "name": "value",
@@ -1246,7 +1246,7 @@
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-value"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-value"
               },
               {
                 "name": "type",
@@ -1258,7 +1258,7 @@
                     "'button'"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-type"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-type"
               },
               {
                 "name": "form",
@@ -1266,7 +1266,7 @@
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-form"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-form"
               },
               {
                 "name": "formAction",
@@ -1274,7 +1274,7 @@
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formAction"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formAction"
               },
               {
                 "name": "formEnctype",
@@ -1286,7 +1286,7 @@
                     "'text/plain'"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formEnctype"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formEnctype"
               },
               {
                 "name": "formMethod",
@@ -1297,7 +1297,7 @@
                     "'get'"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formMethod"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formMethod"
               },
               {
                 "name": "formNoValidate",
@@ -1305,7 +1305,7 @@
                 "value": {
                   "type": "boolean"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formNoValidate"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formNoValidate"
               },
               {
                 "name": "formTarget",
@@ -1318,7 +1318,7 @@
                     "'_top'"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-formTarget"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-formTarget"
               },
               {
                 "name": "validity",
@@ -1326,7 +1326,7 @@
                 "value": {
                   "type": "ValidityState"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-validity"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-validity"
               },
               {
                 "name": "validationMessage",
@@ -1334,29 +1334,24 @@
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#attributes-validationMessage"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#attributes-validationMessage"
               }
             ],
             "events": [
               {
                 "name": "focus",
                 "description": "Emitted when the button gains focus.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#events-focus"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#events-focus"
               },
               {
                 "name": "blur",
                 "description": "Emitted when the button loses focus.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#events-blur"
-              },
-              {
-                "name": "change",
-                "description": "Emitted when the selected state changes.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#events-change"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#events-blur"
               },
               {
                 "name": "invalid",
                 "description": "Emitted when the form control's validity is checked and it doesn't meet the constraints.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#events-invalid"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#events-invalid"
               }
             ]
           },
@@ -1365,29 +1360,34 @@
               {
                 "name": "--shape-corner",
                 "description": "The size of the component corner. You can use a specific pixel value, but it's recommended to reference [design tokens](https://www.mdui.org/en/docs/2/styles/design-tokens#shape-corner).",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#cssProperties-shape-corner"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#cssProperties-shape-corner"
               }
             ],
             "parts": [
               {
                 "name": "button",
                 "description": "Internal `<button>` or `<a>` element.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#cssParts-button"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#cssParts-button"
+              },
+              {
+                "name": "label",
+                "description": "Button text.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#cssParts-label"
               },
               {
                 "name": "icon",
-                "description": "Icon.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#cssParts-icon"
+                "description": "Icon on the left side of the button.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#cssParts-icon"
               },
               {
-                "name": "selected-icon",
-                "description": "Icon in the selected state.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#cssParts-selected-icon"
+                "name": "end-icon",
+                "description": "Icon on the right side of the button.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#cssParts-end-icon"
               },
               {
                 "name": "loading",
                 "description": "The `<mdui-circular-progress>` element for the loading state.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/button-icon#cssParts-loading"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/button#cssParts-loading"
               }
             ]
           }
@@ -2600,86 +2600,6 @@
             ]
           }
         },
-        {
-          "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": "accordion",
-              "description": "Activates accordion mode.",
-              "value": {
-                "type": "boolean"
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-accordion"
-            },
-            {
-              "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.",
-              "value": {
-                "type": [
-                  "string",
-                  "string[]"
-                ]
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-value"
-            },
-            {
-              "name": "disabled",
-              "description": "Disables the collapsible panel.",
-              "value": {
-                "type": "boolean"
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-disabled"
-            }
-          ],
-          "priority": "highest",
-          "doc-url": "https://www.mdui.org/en/docs/2/components/collapse",
-          "slots": [
-            {
-              "name": "",
-              "description": "The `<mdui-collapse-item>` components.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-slots-default"
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "accordion",
-                "description": "Activates accordion mode.",
-                "value": {
-                  "type": "boolean"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-accordion"
-              },
-              {
-                "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.",
-                "value": {
-                  "type": [
-                    "string",
-                    "string[]"
-                  ]
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-value"
-              },
-              {
-                "name": "disabled",
-                "description": "Disables the collapsible panel.",
-                "value": {
-                  "type": "boolean"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-disabled"
-              }
-            ],
-            "events": [
-              {
-                "name": "change",
-                "description": "Emitted when the open collapsible panel item changes.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-events-change"
-              }
-            ]
-          }
-        },
         {
           "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```",
@@ -2813,29 +2733,109 @@
           }
         },
         {
-          "name": "mdui-dialog",
-          "description": "Dialog Component \n\n```html\n<mdui-dialog>content</mdui-dialog>\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": "icon",
-              "description": "Sets the Material Icons name for the top icon. Alternatively, use `slot=\"icon\"`.",
+              "name": "accordion",
+              "description": "Activates accordion mode.",
               "value": {
-                "type": "string"
+                "type": "boolean"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/dialog#attributes-icon"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-accordion"
             },
             {
-              "name": "headline",
-              "description": "Sets the dialog title. Alternatively, use `slot=\"headline\"`.",
+              "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.",
               "value": {
-                "type": "string"
+                "type": [
+                  "string",
+                  "string[]"
+                ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/dialog#attributes-headline"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-value"
             },
             {
-              "name": "description",
-              "description": "Sets the text below the title. Alternatively, use `slot=\"description\"`.",
-              "value": {
+              "name": "disabled",
+              "description": "Disables the collapsible panel.",
+              "value": {
+                "type": "boolean"
+              },
+              "doc-url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-disabled"
+            }
+          ],
+          "priority": "highest",
+          "doc-url": "https://www.mdui.org/en/docs/2/components/collapse",
+          "slots": [
+            {
+              "name": "",
+              "description": "The `<mdui-collapse-item>` components.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-slots-default"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "accordion",
+                "description": "Activates accordion mode.",
+                "value": {
+                  "type": "boolean"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-accordion"
+              },
+              {
+                "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.",
+                "value": {
+                  "type": [
+                    "string",
+                    "string[]"
+                  ]
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-value"
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the collapsible panel.",
+                "value": {
+                  "type": "boolean"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-attributes-disabled"
+              }
+            ],
+            "events": [
+              {
+                "name": "change",
+                "description": "Emitted when the open collapsible panel item changes.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/collapse#collapse-events-change"
+              }
+            ]
+          }
+        },
+        {
+          "name": "mdui-dialog",
+          "description": "Dialog Component \n\n```html\n<mdui-dialog>content</mdui-dialog>\n```",
+          "attributes": [
+            {
+              "name": "icon",
+              "description": "Sets the Material Icons name for the top icon. Alternatively, use `slot=\"icon\"`.",
+              "value": {
+                "type": "string"
+              },
+              "doc-url": "https://www.mdui.org/en/docs/2/components/dialog#attributes-icon"
+            },
+            {
+              "name": "headline",
+              "description": "Sets the dialog title. Alternatively, use `slot=\"headline\"`.",
+              "value": {
+                "type": "string"
+              },
+              "doc-url": "https://www.mdui.org/en/docs/2/components/dialog#attributes-headline"
+            },
+            {
+              "name": "description",
+              "description": "Sets the text below the title. Alternatively, use `slot=\"description\"`.",
+              "value": {
                 "type": "string"
               },
               "doc-url": "https://www.mdui.org/en/docs/2/components/dialog#attributes-description"
@@ -3939,41 +3939,6 @@
             ]
           }
         },
-        {
-          "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%.",
-              "value": {
-                "type": "boolean"
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/layout#layout-attributes-full-height"
-            }
-          ],
-          "priority": "highest",
-          "doc-url": "https://www.mdui.org/en/docs/2/components/layout",
-          "slots": [
-            {
-              "name": "",
-              "description": "Can contain elements such as [`<mdui-top-app-bar>`](https://www.mdui.org/en/docs/2/components/top-app-bar), [`<mdui-bottom-app-bar>`](https://www.mdui.org/en/docs/2/components/bottom-app-bar), [`<mdui-navigation-bar>`](https://www.mdui.org/en/docs/2/components/navigation-bar), [`<mdui-navigation-drawer>`](https://www.mdui.org/en/docs/2/components/navigation-drawer), [`<mdui-navigation-rail>`](https://www.mdui.org/en/docs/2/components/navigation-rail), `<mdui-layout-item>`, and `<mdui-layout-main>`.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/layout#layout-slots-default"
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "fullHeight",
-                "description": "Sets the layout height to 100%.",
-                "value": {
-                  "type": "boolean"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/layout#layout-attributes-fullHeight"
-              }
-            ]
-          }
-        },
         {
           "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```",
@@ -4038,6 +4003,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": [],
           "priority": "highest",
           "doc-url": "https://www.mdui.org/en/docs/2/components/layout",
           "slots": [
@@ -4046,7 +4012,45 @@
               "description": "Can contains any content.",
               "doc-url": "https://www.mdui.org/en/docs/2/components/layout#layout-main-slots-default"
             }
-          ]
+          ],
+          "js": {
+            "properties": []
+          }
+        },
+        {
+          "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%.",
+              "value": {
+                "type": "boolean"
+              },
+              "doc-url": "https://www.mdui.org/en/docs/2/components/layout#layout-attributes-full-height"
+            }
+          ],
+          "priority": "highest",
+          "doc-url": "https://www.mdui.org/en/docs/2/components/layout",
+          "slots": [
+            {
+              "name": "",
+              "description": "Can contain elements such as [`<mdui-top-app-bar>`](https://www.mdui.org/en/docs/2/components/top-app-bar), [`<mdui-bottom-app-bar>`](https://www.mdui.org/en/docs/2/components/bottom-app-bar), [`<mdui-navigation-bar>`](https://www.mdui.org/en/docs/2/components/navigation-bar), [`<mdui-navigation-drawer>`](https://www.mdui.org/en/docs/2/components/navigation-drawer), [`<mdui-navigation-rail>`](https://www.mdui.org/en/docs/2/components/navigation-rail), `<mdui-layout-item>`, and `<mdui-layout-main>`.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/layout#layout-slots-default"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "fullHeight",
+                "description": "Sets the layout height to 100%.",
+                "value": {
+                  "type": "boolean"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/layout#layout-attributes-fullHeight"
+              }
+            ]
+          }
         },
         {
           "name": "mdui-linear-progress",
@@ -4108,19 +4112,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```",
-          "priority": "highest",
-          "doc-url": "https://www.mdui.org/en/docs/2/components/list",
-          "slots": [
-            {
-              "name": "",
-              "description": "Contains `<mdui-list-item>` elements.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/list#list-slots-default"
-            }
-          ]
-        },
         {
           "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```",
@@ -4557,6 +4548,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": [],
           "priority": "highest",
           "doc-url": "https://www.mdui.org/en/docs/2/components/list",
           "slots": [
@@ -4565,215 +4557,80 @@
               "description": "Subheader text.",
               "doc-url": "https://www.mdui.org/en/docs/2/components/list#list-subheader-slots-default"
             }
-          ]
+          ],
+          "js": {
+            "properties": []
+          }
         },
         {
-          "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```",
+          "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": [],
+          "priority": "highest",
+          "doc-url": "https://www.mdui.org/en/docs/2/components/list",
+          "slots": [
+            {
+              "name": "",
+              "description": "Contains `<mdui-list-item>` elements.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/list#list-slots-default"
+            }
+          ],
+          "js": {
+            "properties": []
+          }
+        },
+        {
+          "name": "mdui-menu-item",
+          "description": "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.",
+              "name": "value",
+              "description": "The value of the menu item.",
               "value": {
-                "type": [
-                  "'single'",
-                  "'multiple'"
-                ]
+                "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-selects"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-item-attributes-value"
             },
             {
-              "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.",
+              "name": "disabled",
+              "description": "Disables the menu item.",
               "value": {
-                "type": [
-                  "string",
-                  "string[]"
-                ]
+                "type": "boolean"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-value"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-item-attributes-disabled"
             },
             {
-              "name": "dense",
-              "description": "Indicates whether the menu items use a compact layout.",
+              "name": "icon",
+              "description": "Specifies the Material Icons name for the left icon. Alternatively, use `slot=\"icon\"`. An empty string reserves space for an icon.",
               "value": {
-                "type": "boolean"
+                "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-dense"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-item-attributes-icon"
             },
             {
-              "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.",
+              "name": "end-icon",
+              "description": "Specifies the Material Icons name for the right icon. Alternatively, use `slot=\"end-icon\"`.",
               "value": {
-                "type": [
-                  "'click'",
-                  "'hover'",
-                  "'focus'",
-                  "'manual'",
-                  "string"
-                ]
+                "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenu-trigger"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-item-attributes-end-icon"
             },
             {
-              "name": "submenu-open-delay",
-              "description": "Specifies the delay (in milliseconds) for opening a submenu via hover.",
+              "name": "end-text",
+              "description": "Specifies the right text. Alternatively, use `slot=\"end-text\"`.",
               "value": {
-                "type": "number"
+                "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenu-open-delay"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-item-attributes-end-text"
             },
             {
-              "name": "submenu-close-delay",
-              "description": "Specifies the delay (in milliseconds) for closing a submenu via hover.",
+              "name": "selected-icon",
+              "description": "Specifies the Material Icons name for the selected state. Alternatively, use `slot=\"selected-icon\"`.",
               "value": {
-                "type": "number"
+                "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenu-close-delay"
-            }
-          ],
-          "priority": "highest",
-          "doc-url": "https://www.mdui.org/en/docs/2/components/menu",
-          "slots": [
-            {
-              "name": "",
-              "description": "Submenu items (`<mdui-menu-item>`), dividers ([`<mdui-divider>`](https://www.mdui.org/en/docs/2/components/divider)), and other elements.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-slots-default"
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "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.",
-                "value": {
-                  "type": [
-                    "'single'",
-                    "'multiple'"
-                  ]
-                },
-                "doc-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.",
-                "value": {
-                  "type": [
-                    "string",
-                    "string[]"
-                  ]
-                },
-                "doc-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.",
-                "value": {
-                  "type": "boolean"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-dense"
-              },
-              {
-                "name": "submenuTrigger",
-                "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.",
-                "value": {
-                  "type": [
-                    "'click'",
-                    "'hover'",
-                    "'focus'",
-                    "'manual'",
-                    "string"
-                  ]
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenuTrigger"
-              },
-              {
-                "name": "submenuOpenDelay",
-                "description": "Specifies the delay (in milliseconds) for opening a submenu via hover.",
-                "value": {
-                  "type": "number"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenuOpenDelay"
-              },
-              {
-                "name": "submenuCloseDelay",
-                "description": "Specifies the delay (in milliseconds) for closing a submenu via hover.",
-                "value": {
-                  "type": "number"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenuCloseDelay"
-              }
-            ],
-            "events": [
-              {
-                "name": "change",
-                "description": "Emitted when the selected state of menu items changes",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-events-change"
-              }
-            ]
-          },
-          "css": {
-            "properties": [
-              {
-                "name": "--shape-corner",
-                "description": "The size of the component corner. You can use a specific pixel value, but it's recommended to reference [design tokens](https://www.mdui.org/en/docs/2/styles/design-tokens#shape-corner).",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-cssProperties-shape-corner"
-              }
-            ]
-          }
-        },
-        {
-          "name": "mdui-menu-item",
-          "description": "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": "value",
-              "description": "The value of the menu item.",
-              "value": {
-                "type": "string"
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-item-attributes-value"
-            },
-            {
-              "name": "disabled",
-              "description": "Disables the menu item.",
-              "value": {
-                "type": "boolean"
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-item-attributes-disabled"
-            },
-            {
-              "name": "icon",
-              "description": "Specifies the Material Icons name for the left icon. Alternatively, use `slot=\"icon\"`. An empty string reserves space for an icon.",
-              "value": {
-                "type": "string"
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-item-attributes-icon"
-            },
-            {
-              "name": "end-icon",
-              "description": "Specifies the Material Icons name for the right icon. Alternatively, use `slot=\"end-icon\"`.",
-              "value": {
-                "type": "string"
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-item-attributes-end-icon"
-            },
-            {
-              "name": "end-text",
-              "description": "Specifies the right text. Alternatively, use `slot=\"end-text\"`.",
-              "value": {
-                "type": "string"
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-item-attributes-end-text"
-            },
-            {
-              "name": "selected-icon",
-              "description": "Specifies the Material Icons name for the selected state. Alternatively, use `slot=\"selected-icon\"`.",
-              "value": {
-                "type": "string"
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-item-attributes-selected-icon"
-            },
+              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-item-attributes-selected-icon"
+            },
             {
               "name": "submenu-open",
               "description": "Opens the submenu.",
@@ -5091,185 +4948,147 @@
           }
         },
         {
-          "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.",
-              "value": {
-                "type": "boolean"
-              },
-              "doc-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.",
               "value": {
                 "type": [
-                  "'auto'",
-                  "'selected'",
-                  "'labeled'",
-                  "'unlabeled'"
+                  "'single'",
+                  "'multiple'"
                 ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-label-visibility"
+              "doc-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.",
               "value": {
-                "type": "string"
+                "type": [
+                  "string",
+                  "string[]"
+                ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-value"
+              "doc-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.",
               "value": {
-                "type": [
-                  "'hide'",
-                  "'shrink'",
-                  "'elevate'"
-                ]
+                "type": "boolean"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-behavior"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-dense"
             },
             {
-              "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`.",
+              "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.",
               "value": {
                 "type": [
-                  "string",
-                  "HTMLElement",
-                  "JQ<HTMLElement>"
+                  "'click'",
+                  "'hover'",
+                  "'focus'",
+                  "'manual'",
+                  "string"
                 ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-target"
+              "doc-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.",
               "value": {
                 "type": "number"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-threshold"
+              "doc-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.",
               "value": {
                 "type": "number"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-order"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenu-close-delay"
             }
           ],
           "priority": "highest",
-          "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar",
+          "doc-url": "https://www.mdui.org/en/docs/2/components/menu",
           "slots": [
             {
               "name": "",
-              "description": "Contains `<mdui-navigation-bar-item>` components.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-slots-default"
+              "description": "Submenu items (`<mdui-menu-item>`), dividers ([`<mdui-divider>`](https://www.mdui.org/en/docs/2/components/divider)), and other elements.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-slots-default"
             }
           ],
           "js": {
             "properties": [
               {
-                "name": "hide",
-                "description": "Hides the navigation bar when set.",
+                "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.",
                 "value": {
-                  "type": "boolean"
+                  "type": [
+                    "'single'",
+                    "'multiple'"
+                  ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-hide"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-selects"
               },
               {
-                "name": "labelVisibility",
-                "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": "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.",
                 "value": {
                   "type": [
-                    "'auto'",
-                    "'selected'",
-                    "'labeled'",
-                    "'unlabeled'"
+                    "string",
+                    "string[]"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-labelVisibility"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-value"
               },
               {
-                "name": "value",
-                "description": "The value of the selected `<mdui-navigation-bar-item>`.",
+                "name": "dense",
+                "description": "Indicates whether the menu items use a compact layout.",
                 "value": {
-                  "type": "string"
+                  "type": "boolean"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-value"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-dense"
               },
               {
-                "name": "scrollBehavior",
-                "description": "Defines the scroll behavior. Possible values:\n\n* `hide`: Hides when scrolling.",
+                "name": "submenuTrigger",
+                "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.",
                 "value": {
                   "type": [
-                    "'hide'",
-                    "'shrink'",
-                    "'elevate'"
+                    "'click'",
+                    "'hover'",
+                    "'focus'",
+                    "'manual'",
+                    "string"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scrollBehavior"
-              },
-              {
-                "name": "scrollTarget",
-                "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`.",
-                "value": {
-                  "type": [
-                    "string",
-                    "HTMLElement",
-                    "JQ<HTMLElement>"
-                  ]
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scrollTarget"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenuTrigger"
               },
               {
-                "name": "scrollThreshold",
-                "description": "The scroll distance (in pixels) that triggers the scroll behavior.",
+                "name": "submenuOpenDelay",
+                "description": "Specifies the delay (in milliseconds) for opening a submenu via hover.",
                 "value": {
                   "type": "number"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scrollThreshold"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenuOpenDelay"
               },
               {
-                "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": "submenuCloseDelay",
+                "description": "Specifies the delay (in milliseconds) for closing a submenu via hover.",
                 "value": {
                   "type": "number"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-order"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-attributes-submenuCloseDelay"
               }
             ],
             "events": [
               {
                 "name": "change",
-                "description": "Emitted when the value changes.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-events-change"
-              },
-              {
-                "name": "show",
-                "description": "Emitted when the navigation bar starts to show. Can be prevented with `event.preventDefault()`.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-events-show"
-              },
-              {
-                "name": "shown",
-                "description": "Emitted after the navigation bar has shown and animations are complete.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-events-shown"
-              },
-              {
-                "name": "hide",
-                "description": "Emitted when the navigation bar starts to hide. Can be prevented with `event.preventDefault()`.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-events-hide"
-              },
-              {
-                "name": "hidden",
-                "description": "Emitted after the navigation bar has hidden and animations are complete.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-events-hidden"
+                "description": "Emitted when the selected state of menu items changes",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-events-change"
               }
             ]
           },
@@ -5278,12 +5097,7 @@
               {
                 "name": "--shape-corner",
                 "description": "The size of the component corner. You can use a specific pixel value, but it's recommended to reference [design tokens](https://www.mdui.org/en/docs/2/styles/design-tokens#shape-corner).",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-cssProperties-shape-corner"
-              },
-              {
-                "name": "--z-index",
-                "description": "The CSS `z-index` value of the component.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-cssProperties-z-index"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/menu#menu-cssProperties-shape-corner"
               }
             ]
           }
@@ -5559,6 +5373,204 @@
             ]
           }
         },
+        {
+          "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": "hide",
+              "description": "Hides the navigation bar when set.",
+              "value": {
+                "type": "boolean"
+              },
+              "doc-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.",
+              "value": {
+                "type": [
+                  "'auto'",
+                  "'selected'",
+                  "'labeled'",
+                  "'unlabeled'"
+                ]
+              },
+              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-label-visibility"
+            },
+            {
+              "name": "value",
+              "description": "The value of the selected `<mdui-navigation-bar-item>`.",
+              "value": {
+                "type": "string"
+              },
+              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-value"
+            },
+            {
+              "name": "scroll-behavior",
+              "description": "Defines the scroll behavior. Possible values:\n\n* `hide`: Hides when scrolling.",
+              "value": {
+                "type": [
+                  "'hide'",
+                  "'shrink'",
+                  "'elevate'"
+                ]
+              },
+              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-behavior"
+            },
+            {
+              "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`.",
+              "value": {
+                "type": [
+                  "string",
+                  "HTMLElement",
+                  "JQ<HTMLElement>"
+                ]
+              },
+              "doc-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.",
+              "value": {
+                "type": "number"
+              },
+              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scroll-threshold"
+            },
+            {
+              "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`.",
+              "value": {
+                "type": "number"
+              },
+              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-order"
+            }
+          ],
+          "priority": "highest",
+          "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar",
+          "slots": [
+            {
+              "name": "",
+              "description": "Contains `<mdui-navigation-bar-item>` components.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-slots-default"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "hide",
+                "description": "Hides the navigation bar when set.",
+                "value": {
+                  "type": "boolean"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-hide"
+              },
+              {
+                "name": "labelVisibility",
+                "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.",
+                "value": {
+                  "type": [
+                    "'auto'",
+                    "'selected'",
+                    "'labeled'",
+                    "'unlabeled'"
+                  ]
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-labelVisibility"
+              },
+              {
+                "name": "value",
+                "description": "The value of the selected `<mdui-navigation-bar-item>`.",
+                "value": {
+                  "type": "string"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-value"
+              },
+              {
+                "name": "scrollBehavior",
+                "description": "Defines the scroll behavior. Possible values:\n\n* `hide`: Hides when scrolling.",
+                "value": {
+                  "type": [
+                    "'hide'",
+                    "'shrink'",
+                    "'elevate'"
+                  ]
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scrollBehavior"
+              },
+              {
+                "name": "scrollTarget",
+                "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`.",
+                "value": {
+                  "type": [
+                    "string",
+                    "HTMLElement",
+                    "JQ<HTMLElement>"
+                  ]
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scrollTarget"
+              },
+              {
+                "name": "scrollThreshold",
+                "description": "The scroll distance (in pixels) that triggers the scroll behavior.",
+                "value": {
+                  "type": "number"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-scrollThreshold"
+              },
+              {
+                "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`.",
+                "value": {
+                  "type": "number"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-attributes-order"
+              }
+            ],
+            "events": [
+              {
+                "name": "change",
+                "description": "Emitted when the value changes.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-events-change"
+              },
+              {
+                "name": "show",
+                "description": "Emitted when the navigation bar starts to show. Can be prevented with `event.preventDefault()`.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-events-show"
+              },
+              {
+                "name": "shown",
+                "description": "Emitted after the navigation bar has shown and animations are complete.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-events-shown"
+              },
+              {
+                "name": "hide",
+                "description": "Emitted when the navigation bar starts to hide. Can be prevented with `event.preventDefault()`.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-events-hide"
+              },
+              {
+                "name": "hidden",
+                "description": "Emitted after the navigation bar has hidden and animations are complete.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-events-hidden"
+              }
+            ]
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--shape-corner",
+                "description": "The size of the component corner. You can use a specific pixel value, but it's recommended to reference [design tokens](https://www.mdui.org/en/docs/2/styles/design-tokens#shape-corner).",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-cssProperties-shape-corner"
+              },
+              {
+                "name": "--z-index",
+                "description": "The CSS `z-index` value of the component.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-bar#navigation-bar-cssProperties-z-index"
+              }
+            ]
+          }
+        },
         {
           "name": "mdui-navigation-drawer",
           "description": "Navigation Drawer Component \n\n```html\n<mdui-navigation-drawer>content</mdui-navigation-drawer>\n```",
@@ -5749,183 +5761,6 @@
             ]
           }
         },
-        {
-          "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": "The value of the selected `<mdui-navigation-rail-item>`.",
-              "value": {
-                "type": "string"
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-value"
-            },
-            {
-              "name": "placement",
-              "description": "Sets the navigation bar's position. Possible values:\n\n* `left`: Display on the left.\n* `right`: Display on the right.",
-              "value": {
-                "type": [
-                  "'left'",
-                  "'right'"
-                ]
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-placement"
-            },
-            {
-              "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.",
-              "value": {
-                "type": [
-                  "'start'",
-                  "'center'",
-                  "'end'"
-                ]
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-alignment"
-            },
-            {
-              "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.",
-              "value": {
-                "type": "boolean"
-              },
-              "doc-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.",
-              "value": {
-                "type": "boolean"
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-divider"
-            },
-            {
-              "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`.",
-              "value": {
-                "type": "number"
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-order"
-            }
-          ],
-          "priority": "highest",
-          "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail",
-          "slots": [
-            {
-              "name": "",
-              "description": "Contains `<mdui-navigation-rail-item>` components.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-slots-default"
-            },
-            {
-              "name": "top",
-              "description": "Top element.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-slots-top"
-            },
-            {
-              "name": "bottom",
-              "description": "Bottom element.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-slots-bottom"
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "value",
-                "description": "The value of the selected `<mdui-navigation-rail-item>`.",
-                "value": {
-                  "type": "string"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-value"
-              },
-              {
-                "name": "placement",
-                "description": "Sets the navigation bar's position. Possible values:\n\n* `left`: Display on the left.\n* `right`: Display on the right.",
-                "value": {
-                  "type": [
-                    "'left'",
-                    "'right'"
-                  ]
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-placement"
-              },
-              {
-                "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.",
-                "value": {
-                  "type": [
-                    "'start'",
-                    "'center'",
-                    "'end'"
-                  ]
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-alignment"
-              },
-              {
-                "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.",
-                "value": {
-                  "type": "boolean"
-                },
-                "doc-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.",
-                "value": {
-                  "type": "boolean"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-divider"
-              },
-              {
-                "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`.",
-                "value": {
-                  "type": "number"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-order"
-              }
-            ],
-            "events": [
-              {
-                "name": "change",
-                "description": "Emitted when the value changes.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-events-change"
-              }
-            ]
-          },
-          "css": {
-            "properties": [
-              {
-                "name": "--shape-corner",
-                "description": "The size of the component corner. You can use a specific pixel value, but it's recommended to reference [design tokens](https://www.mdui.org/en/docs/2/styles/design-tokens#shape-corner).",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-cssProperties-shape-corner"
-              },
-              {
-                "name": "--z-index",
-                "description": "The CSS `z-index` value of the component.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-cssProperties-z-index"
-              }
-            ],
-            "parts": [
-              {
-                "name": "top",
-                "description": "Container for the top element.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-cssParts-top"
-              },
-              {
-                "name": "bottom",
-                "description": "Container for the bottom element.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-cssParts-bottom"
-              },
-              {
-                "name": "items",
-                "description": "Container for `<mdui-navigation-rail-item>` components.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-cssParts-items"
-              }
-            ]
-          }
-        },
         {
           "name": "mdui-navigation-rail-item",
           "description": "Navigation Rail Item Component  It should be used in conjunction with the `<mdui-navigation-rail>` 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```",
@@ -6198,183 +6033,178 @@
           }
         },
         {
-          "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>`.",
               "value": {
                 "type": "string"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-value"
-            },
-            {
-              "name": "disabled",
-              "description": "Disables the radio when set.",
-              "value": {
-                "type": "boolean"
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-disabled"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-value"
             },
             {
-              "name": "checked",
-              "description": "Sets the radio to the checked state.",
+              "name": "placement",
+              "description": "Sets the navigation bar's position. Possible values:\n\n* `left`: Display on the left.\n* `right`: Display on the right.",
               "value": {
-                "type": "boolean"
+                "type": [
+                  "'left'",
+                  "'right'"
+                ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-checked"
+              "doc-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.",
               "value": {
-                "type": "string"
+                "type": [
+                  "'start'",
+                  "'center'",
+                  "'end'"
+                ]
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-unchecked-icon"
+              "doc-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.",
               "value": {
-                "type": "string"
+                "type": "boolean"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-checked-icon"
+              "doc-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.",
               "value": {
                 "type": "boolean"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-autofocus"
+              "doc-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`.",
               "value": {
                 "type": "number"
               },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-tabindex"
+              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-order"
             }
           ],
           "priority": "highest",
-          "doc-url": "https://www.mdui.org/en/docs/2/components/radio",
+          "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail",
           "slots": [
             {
               "name": "",
-              "description": "Text content.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-slots-default"
+              "description": "Contains `<mdui-navigation-rail-item>` components.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-slots-default"
             },
             {
-              "name": "unchecked-icon",
-              "description": "Icon for the unchecked state.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-slots-unchecked-icon"
+              "name": "top",
+              "description": "Top element.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-slots-top"
             },
             {
-              "name": "checked-icon",
-              "description": "Icon for the checked state.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-slots-checked-icon"
+              "name": "bottom",
+              "description": "Bottom element.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-slots-bottom"
             }
           ],
           "js": {
             "properties": [
               {
                 "name": "value",
-                "description": "Specifies the value of the radio.",
+                "description": "The value of the selected `<mdui-navigation-rail-item>`.",
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-value"
-              },
-              {
-                "name": "disabled",
-                "description": "Disables the radio when set.",
-                "value": {
-                  "type": "boolean"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-disabled"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-value"
               },
               {
-                "name": "checked",
-                "description": "Sets the radio to the checked state.",
+                "name": "placement",
+                "description": "Sets the navigation bar's position. Possible values:\n\n* `left`: Display on the left.\n* `right`: Display on the right.",
                 "value": {
-                  "type": "boolean"
+                  "type": [
+                    "'left'",
+                    "'right'"
+                  ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-checked"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-placement"
               },
               {
-                "name": "uncheckedIcon",
-                "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.",
                 "value": {
-                  "type": "string"
+                  "type": [
+                    "'start'",
+                    "'center'",
+                    "'end'"
+                  ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-uncheckedIcon"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-alignment"
               },
               {
-                "name": "checkedIcon",
-                "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.",
                 "value": {
-                  "type": "string"
+                  "type": "boolean"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-checkedIcon"
+                "doc-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.",
                 "value": {
                   "type": "boolean"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-autofocus"
+                "doc-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`.",
                 "value": {
                   "type": "number"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-tabIndex"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-attributes-order"
               }
             ],
             "events": [
-              {
-                "name": "focus",
-                "description": "Emitted when the radio gains focus.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-events-focus"
-              },
-              {
-                "name": "blur",
-                "description": "Emitted when the radio loses focus.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-events-blur"
-              },
               {
                 "name": "change",
-                "description": "Emitted when the radio is selected.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-events-change"
+                "description": "Emitted when the value changes.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-events-change"
               }
             ]
           },
           "css": {
-            "parts": [
+            "properties": [
               {
-                "name": "control",
-                "description": "Container for the left icon.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-cssParts-control"
+                "name": "--shape-corner",
+                "description": "The size of the component corner. You can use a specific pixel value, but it's recommended to reference [design tokens](https://www.mdui.org/en/docs/2/styles/design-tokens#shape-corner).",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-cssProperties-shape-corner"
               },
               {
-                "name": "unchecked-icon",
-                "description": "Icon for the unchecked state.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-cssParts-unchecked-icon"
+                "name": "--z-index",
+                "description": "The CSS `z-index` value of the component.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-cssProperties-z-index"
+              }
+            ],
+            "parts": [
+              {
+                "name": "top",
+                "description": "Container for the top element.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-cssParts-top"
               },
               {
-                "name": "checked-icon",
-                "description": "Icon for the checked state.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-cssParts-checked-icon"
+                "name": "bottom",
+                "description": "Container for the bottom element.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-cssParts-bottom"
               },
               {
-                "name": "label",
-                "description": "Text content.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-cssParts-label"
+                "name": "items",
+                "description": "Container for `<mdui-navigation-rail-item>` components.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/navigation-rail#navigation-rail-cssParts-items"
               }
             ]
           }
@@ -6519,6 +6349,188 @@
             ]
           }
         },
+        {
+          "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.",
+              "value": {
+                "type": "string"
+              },
+              "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-value"
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the radio when set.",
+              "value": {
+                "type": "boolean"
+              },
+              "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-disabled"
+            },
+            {
+              "name": "checked",
+              "description": "Sets the radio to the checked state.",
+              "value": {
+                "type": "boolean"
+              },
+              "doc-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\"`.",
+              "value": {
+                "type": "string"
+              },
+              "doc-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\"`.",
+              "value": {
+                "type": "string"
+              },
+              "doc-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.",
+              "value": {
+                "type": "boolean"
+              },
+              "doc-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.",
+              "value": {
+                "type": "number"
+              },
+              "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-tabindex"
+            }
+          ],
+          "priority": "highest",
+          "doc-url": "https://www.mdui.org/en/docs/2/components/radio",
+          "slots": [
+            {
+              "name": "",
+              "description": "Text content.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-slots-default"
+            },
+            {
+              "name": "unchecked-icon",
+              "description": "Icon for the unchecked state.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-slots-unchecked-icon"
+            },
+            {
+              "name": "checked-icon",
+              "description": "Icon for the checked state.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-slots-checked-icon"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "value",
+                "description": "Specifies the value of the radio.",
+                "value": {
+                  "type": "string"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-value"
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the radio when set.",
+                "value": {
+                  "type": "boolean"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-disabled"
+              },
+              {
+                "name": "checked",
+                "description": "Sets the radio to the checked state.",
+                "value": {
+                  "type": "boolean"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-checked"
+              },
+              {
+                "name": "uncheckedIcon",
+                "description": "Specifies the Material Icons name for the unchecked state. Alternatively, use `slot=\"unchecked-icon\"`.",
+                "value": {
+                  "type": "string"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-uncheckedIcon"
+              },
+              {
+                "name": "checkedIcon",
+                "description": "Specifies the Material Icons name for the checked state. Alternatively, use `slot=\"checked-icon\"`.",
+                "value": {
+                  "type": "string"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-checkedIcon"
+              },
+              {
+                "name": "autofocus",
+                "description": "Determines if the element should be focused when the page loads.",
+                "value": {
+                  "type": "boolean"
+                },
+                "doc-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.",
+                "value": {
+                  "type": "number"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-attributes-tabIndex"
+              }
+            ],
+            "events": [
+              {
+                "name": "focus",
+                "description": "Emitted when the radio gains focus.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-events-focus"
+              },
+              {
+                "name": "blur",
+                "description": "Emitted when the radio loses focus.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-events-blur"
+              },
+              {
+                "name": "change",
+                "description": "Emitted when the radio is selected.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-events-change"
+              }
+            ]
+          },
+          "css": {
+            "parts": [
+              {
+                "name": "control",
+                "description": "Container for the left icon.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-cssParts-control"
+              },
+              {
+                "name": "unchecked-icon",
+                "description": "Icon for the unchecked state.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-cssParts-unchecked-icon"
+              },
+              {
+                "name": "checked-icon",
+                "description": "Icon for the checked state.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-cssParts-checked-icon"
+              },
+              {
+                "name": "label",
+                "description": "Text content.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/radio#radio-cssParts-label"
+              }
+            ]
+          }
+        },
         {
           "name": "mdui-range-slider",
           "description": "Range Slider Component \n\n```html\n<mdui-range-slider></mdui-range-slider>\n```",
@@ -6780,9 +6792,200 @@
                 "doc-url": "https://www.mdui.org/en/docs/2/components/range-slider#cssParts-label"
               },
               {
-                "name": "tickmark",
-                "description": "Tick mark.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/range-slider#cssParts-tickmark"
+                "name": "tickmark",
+                "description": "Tick mark.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/range-slider#cssParts-tickmark"
+              }
+            ]
+          }
+        },
+        {
+          "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.",
+              "value": {
+                "type": "boolean"
+              },
+              "doc-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.",
+              "value": {
+                "type": [
+                  "'single'",
+                  "'multiple'"
+                ]
+              },
+              "doc-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.",
+              "value": {
+                "type": "boolean"
+              },
+              "doc-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.",
+              "value": {
+                "type": "boolean"
+              },
+              "doc-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>`.",
+              "value": {
+                "type": "string"
+              },
+              "doc-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.",
+              "value": {
+                "type": "string"
+              },
+              "doc-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.",
+              "value": {
+                "type": [
+                  "string",
+                  "string[]"
+                ]
+              },
+              "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-value"
+            }
+          ],
+          "priority": "highest",
+          "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button",
+          "slots": [
+            {
+              "name": "",
+              "description": "`<mdui-segmented-button>` elements.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-slots-default"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "fullWidth",
+                "description": "If set, the segmented button group will fill the width of its parent element.",
+                "value": {
+                  "type": "boolean"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-fullWidth"
+              },
+              {
+                "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.",
+                "value": {
+                  "type": [
+                    "'single'",
+                    "'multiple'"
+                  ]
+                },
+                "doc-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.",
+                "value": {
+                  "type": "boolean"
+                },
+                "doc-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.",
+                "value": {
+                  "type": "boolean"
+                },
+                "doc-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>`.",
+                "value": {
+                  "type": "string"
+                },
+                "doc-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.",
+                "value": {
+                  "type": "string"
+                },
+                "doc-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.",
+                "value": {
+                  "type": [
+                    "string",
+                    "string[]"
+                  ]
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-value"
+              },
+              {
+                "name": "defaultValue",
+                "description": "The default selected value. Resets to this state when the form is reset. This value can only be set via JavaScript property.",
+                "value": {
+                  "type": [
+                    "string",
+                    "string[]"
+                  ]
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-defaultValue"
+              },
+              {
+                "name": "validity",
+                "description": "A [`ValidityState`](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState) object that represents the element's validity states.",
+                "value": {
+                  "type": "ValidityState"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-validity"
+              },
+              {
+                "name": "validationMessage",
+                "description": "The element's validation message. This is empty if the element meets its constraints.",
+                "value": {
+                  "type": "string"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-validationMessage"
+              }
+            ],
+            "events": [
+              {
+                "name": "change",
+                "description": "Emitted when the selected value changes.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-events-change"
+              },
+              {
+                "name": "invalid",
+                "description": "Emitted when the form control's validity is checked and it doesn't meet the constraints.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-events-invalid"
+              }
+            ]
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--shape-corner",
+                "description": "The size of the component corner. You can use a specific pixel value, but it's recommended to reference [design tokens](https://www.mdui.org/en/docs/2/styles/design-tokens#shape-corner).",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-cssProperties-shape-corner"
               }
             ]
           }
@@ -7136,300 +7339,79 @@
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-value"
-              },
-              {
-                "name": "type",
-                "description": "Defines the button's default behavior. The default is `button`. Possible values:\n\n* `submit`: Submits the form data to the server.\n* `reset`: Resets all the controls to their initial values.\n* `button`: No default behavior, does nothing when pressed by default.\n\n**Note**: This is only available when `href` is not specified.",
-                "value": {
-                  "type": [
-                    "'submit'",
-                    "'reset'",
-                    "'button'"
-                  ]
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-type"
-              },
-              {
-                "name": "form",
-                "description": "Associates the button with a `<form>` element. The value should be the `id` of a `<form>` in the same document. If not set, the button is associated with its parent `<form>`, if any.\n\nThis attribute allows button elements to be associated with `<form>`s anywhere in the document, not just inside a `<form>`.\n\n**Note**: Only available when `href` is not specified.",
-                "value": {
-                  "type": "string"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-form"
-              },
-              {
-                "name": "formAction",
-                "description": "Specifies the URL that processes the button's submitted information. Overrides the `action` attribute of the button's form owner.\n\n**Note**: Only available when `href` is not specified and `type=\"submit\"`.",
-                "value": {
-                  "type": "string"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-formAction"
-              },
-              {
-                "name": "formEnctype",
-                "description": "Specifies the form data encoding method. Possible values:\n\n* `application/x-www-form-urlencoded`: Default if the attribute is not used.\n* `multipart/form-data`: Used for `<input>` elements with `type` set to `file`.\n* `text/plain`: For debugging, not for real form submission.\n\nOverrides the `enctype` attribute of the button's form owner.\n\n**Note**: Only available when `href` is not specified and `type=\"submit\"`.",
-                "value": {
-                  "type": [
-                    "'application/x-www-form-urlencoded'",
-                    "'multipart/form-data'",
-                    "'text/plain'"
-                  ]
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-formEnctype"
-              },
-              {
-                "name": "formMethod",
-                "description": "Specifies the HTTP method for form submission. Possible values:\n\n* `post`: Form data included in HTTP request body.\n* `get`: Form data appended to `action` URL.\n\nOverrides the `method` attribute of the button's form owner.\n\n**Note**: Only available when `href` is not specified and `type=\"submit\"`.",
-                "value": {
-                  "type": [
-                    "'post'",
-                    "'get'"
-                  ]
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-formMethod"
-              },
-              {
-                "name": "formNoValidate",
-                "description": "Specifies that the form should not be validated on submission. Overrides the `novalidate` attribute of the button's form owner.\n\n**Note**: Only available when `href` is not specified and `type=\"submit\"`.",
-                "value": {
-                  "type": "boolean"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-formNoValidate"
-              },
-              {
-                "name": "formTarget",
-                "description": "Specifies where to display the form submission response. Possible values:\n\n* `_self`: Current browsing context. (Default).\n* `_blank`: New tab or window.\n* `_parent`: Parent browsing context or `_self` if no parent.\n* `_top`: Topmost browsing context or `_self` if no ancestors.\n\nOverrides the `target` attribute of the button's form owner.\n\n**Note**: Only available when `href` is not specified and `type=\"submit\"`.",
-                "value": {
-                  "type": [
-                    "'_self'",
-                    "'_blank'",
-                    "'_parent'",
-                    "'_top'"
-                  ]
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-formTarget"
-              },
-              {
-                "name": "validity",
-                "description": "A [`ValidityState`](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState) object that represents the element's validity states.",
-                "value": {
-                  "type": "ValidityState"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-validity"
-              },
-              {
-                "name": "validationMessage",
-                "description": "The element's validation message. This is empty if the element meets its constraints.",
-                "value": {
-                  "type": "string"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-validationMessage"
-              }
-            ],
-            "events": [
-              {
-                "name": "focus",
-                "description": "Emitted when the segmented button gains focus.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-events-focus"
-              },
-              {
-                "name": "blur",
-                "description": "Emitted when the segmented button loses focus.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-events-blur"
-              },
-              {
-                "name": "invalid",
-                "description": "Emitted when the form control's validity is checked and it doesn't meet the constraints.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-events-invalid"
-              }
-            ]
-          },
-          "css": {
-            "parts": [
-              {
-                "name": "button",
-                "description": "Internal `<button>` or `<a>` element.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-cssParts-button"
-              },
-              {
-                "name": "icon",
-                "description": "Left icon.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-cssParts-icon"
-              },
-              {
-                "name": "selected-icon",
-                "description": "Icon for the selected state.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-cssParts-selected-icon"
-              },
-              {
-                "name": "end-icon",
-                "description": "Right icon.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-cssParts-end-icon"
-              },
-              {
-                "name": "label",
-                "description": "Text content.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-cssParts-label"
-              },
-              {
-                "name": "loading",
-                "description": "The `<mdui-circular-progress>` element for the loading state.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-cssParts-loading"
-              }
-            ]
-          }
-        },
-        {
-          "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.",
-              "value": {
-                "type": "boolean"
-              },
-              "doc-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.",
-              "value": {
-                "type": [
-                  "'single'",
-                  "'multiple'"
-                ]
-              },
-              "doc-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.",
-              "value": {
-                "type": "boolean"
-              },
-              "doc-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.",
-              "value": {
-                "type": "boolean"
-              },
-              "doc-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>`.",
-              "value": {
-                "type": "string"
-              },
-              "doc-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.",
-              "value": {
-                "type": "string"
-              },
-              "doc-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.",
-              "value": {
-                "type": [
-                  "string",
-                  "string[]"
-                ]
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-value"
-            }
-          ],
-          "priority": "highest",
-          "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button",
-          "slots": [
-            {
-              "name": "",
-              "description": "`<mdui-segmented-button>` elements.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-slots-default"
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "fullWidth",
-                "description": "If set, the segmented button group will fill the width of its parent element.",
-                "value": {
-                  "type": "boolean"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-fullWidth"
-              },
-              {
-                "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.",
-                "value": {
-                  "type": [
-                    "'single'",
-                    "'multiple'"
-                  ]
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-selects"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-value"
               },
               {
-                "name": "disabled",
-                "description": "Disables the segmented button group when set.",
+                "name": "type",
+                "description": "Defines the button's default behavior. The default is `button`. Possible values:\n\n* `submit`: Submits the form data to the server.\n* `reset`: Resets all the controls to their initial values.\n* `button`: No default behavior, does nothing when pressed by default.\n\n**Note**: This is only available when `href` is not specified.",
                 "value": {
-                  "type": "boolean"
+                  "type": [
+                    "'submit'",
+                    "'reset'",
+                    "'button'"
+                  ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-disabled"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-type"
               },
               {
-                "name": "required",
-                "description": "Requires a selection when the form is submitted.",
+                "name": "form",
+                "description": "Associates the button with a `<form>` element. The value should be the `id` of a `<form>` in the same document. If not set, the button is associated with its parent `<form>`, if any.\n\nThis attribute allows button elements to be associated with `<form>`s anywhere in the document, not just inside a `<form>`.\n\n**Note**: Only available when `href` is not specified.",
                 "value": {
-                  "type": "boolean"
+                  "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-required"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-form"
               },
               {
-                "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>`.",
+                "name": "formAction",
+                "description": "Specifies the URL that processes the button's submitted information. Overrides the `action` attribute of the button's form owner.\n\n**Note**: Only available when `href` is not specified and `type=\"submit\"`.",
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-form"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-formAction"
               },
               {
-                "name": "name",
-                "description": "The name of the segmented button group, which is submitted with form data.",
+                "name": "formEnctype",
+                "description": "Specifies the form data encoding method. Possible values:\n\n* `application/x-www-form-urlencoded`: Default if the attribute is not used.\n* `multipart/form-data`: Used for `<input>` elements with `type` set to `file`.\n* `text/plain`: For debugging, not for real form submission.\n\nOverrides the `enctype` attribute of the button's form owner.\n\n**Note**: Only available when `href` is not specified and `type=\"submit\"`.",
                 "value": {
-                  "type": "string"
+                  "type": [
+                    "'application/x-www-form-urlencoded'",
+                    "'multipart/form-data'",
+                    "'text/plain'"
+                  ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-name"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-formEnctype"
               },
               {
-                "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.",
+                "name": "formMethod",
+                "description": "Specifies the HTTP method for form submission. Possible values:\n\n* `post`: Form data included in HTTP request body.\n* `get`: Form data appended to `action` URL.\n\nOverrides the `method` attribute of the button's form owner.\n\n**Note**: Only available when `href` is not specified and `type=\"submit\"`.",
                 "value": {
                   "type": [
-                    "string",
-                    "string[]"
+                    "'post'",
+                    "'get'"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-value"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-formMethod"
               },
               {
-                "name": "defaultValue",
-                "description": "The default selected value. Resets to this state when the form is reset. This value can only be set via JavaScript property.",
+                "name": "formNoValidate",
+                "description": "Specifies that the form should not be validated on submission. Overrides the `novalidate` attribute of the button's form owner.\n\n**Note**: Only available when `href` is not specified and `type=\"submit\"`.",
+                "value": {
+                  "type": "boolean"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-formNoValidate"
+              },
+              {
+                "name": "formTarget",
+                "description": "Specifies where to display the form submission response. Possible values:\n\n* `_self`: Current browsing context. (Default).\n* `_blank`: New tab or window.\n* `_parent`: Parent browsing context or `_self` if no parent.\n* `_top`: Topmost browsing context or `_self` if no ancestors.\n\nOverrides the `target` attribute of the button's form owner.\n\n**Note**: Only available when `href` is not specified and `type=\"submit\"`.",
                 "value": {
                   "type": [
-                    "string",
-                    "string[]"
+                    "'_self'",
+                    "'_blank'",
+                    "'_parent'",
+                    "'_top'"
                   ]
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-defaultValue"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-formTarget"
               },
               {
                 "name": "validity",
@@ -7437,7 +7419,7 @@
                 "value": {
                   "type": "ValidityState"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-validity"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-validity"
               },
               {
                 "name": "validationMessage",
@@ -7445,28 +7427,58 @@
                 "value": {
                   "type": "string"
                 },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-attributes-validationMessage"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-attributes-validationMessage"
               }
             ],
             "events": [
               {
-                "name": "change",
-                "description": "Emitted when the selected value changes.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-events-change"
+                "name": "focus",
+                "description": "Emitted when the segmented button gains focus.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-events-focus"
+              },
+              {
+                "name": "blur",
+                "description": "Emitted when the segmented button loses focus.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-events-blur"
               },
               {
                 "name": "invalid",
                 "description": "Emitted when the form control's validity is checked and it doesn't meet the constraints.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-events-invalid"
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-events-invalid"
               }
             ]
           },
           "css": {
-            "properties": [
+            "parts": [
               {
-                "name": "--shape-corner",
-                "description": "The size of the component corner. You can use a specific pixel value, but it's recommended to reference [design tokens](https://www.mdui.org/en/docs/2/styles/design-tokens#shape-corner).",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-group-cssProperties-shape-corner"
+                "name": "button",
+                "description": "Internal `<button>` or `<a>` element.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-cssParts-button"
+              },
+              {
+                "name": "icon",
+                "description": "Left icon.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-cssParts-icon"
+              },
+              {
+                "name": "selected-icon",
+                "description": "Icon for the selected state.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-cssParts-selected-icon"
+              },
+              {
+                "name": "end-icon",
+                "description": "Right icon.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-cssParts-end-icon"
+              },
+              {
+                "name": "label",
+                "description": "Text content.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-cssParts-label"
+              },
+              {
+                "name": "loading",
+                "description": "The `<mdui-circular-progress>` element for the loading state.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/segmented-button#segmented-button-cssParts-loading"
               }
             ]
           }
@@ -8868,6 +8880,41 @@
             ]
           }
         },
+        {
+          "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.",
+              "value": {
+                "type": "string"
+              },
+              "doc-url": "https://www.mdui.org/en/docs/2/components/tabs#tab-panel-attributes-value"
+            }
+          ],
+          "priority": "highest",
+          "doc-url": "https://www.mdui.org/en/docs/2/components/tabs",
+          "slots": [
+            {
+              "name": "",
+              "description": "The content of the tab panel.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/tabs#tab-panel-slots-default"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "value",
+                "description": "Specifies the value of the tab panel.",
+                "value": {
+                  "type": "string"
+                },
+                "doc-url": "https://www.mdui.org/en/docs/2/components/tabs#tab-panel-attributes-value"
+              }
+            ]
+          }
+        },
         {
           "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```",
@@ -9013,41 +9060,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.",
-              "value": {
-                "type": "string"
-              },
-              "doc-url": "https://www.mdui.org/en/docs/2/components/tabs#tab-panel-attributes-value"
-            }
-          ],
-          "priority": "highest",
-          "doc-url": "https://www.mdui.org/en/docs/2/components/tabs",
-          "slots": [
-            {
-              "name": "",
-              "description": "The content of the tab panel.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/tabs#tab-panel-slots-default"
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "value",
-                "description": "Specifies the value of the tab panel.",
-                "value": {
-                  "type": "string"
-                },
-                "doc-url": "https://www.mdui.org/en/docs/2/components/tabs#tab-panel-attributes-value"
-              }
-            ]
-          }
-        },
         {
           "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```",
@@ -10462,6 +10474,42 @@
             ]
           }
         },
+        {
+          "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": [],
+          "priority": "highest",
+          "doc-url": "https://www.mdui.org/en/docs/2/components/top-app-bar",
+          "slots": [
+            {
+              "name": "",
+              "description": "The title text of the top app bar.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/top-app-bar#top-app-bar-title-slots-default"
+            },
+            {
+              "name": "label-large",
+              "description": "The title text when the top app bar is in the expanded state.",
+              "doc-url": "https://www.mdui.org/en/docs/2/components/top-app-bar#top-app-bar-title-slots-label-large"
+            }
+          ],
+          "js": {
+            "properties": []
+          },
+          "css": {
+            "parts": [
+              {
+                "name": "label",
+                "description": "The title text.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/top-app-bar#top-app-bar-title-cssParts-label"
+              },
+              {
+                "name": "label-large",
+                "description": "The title text when the top app bar is in the expanded state.",
+                "doc-url": "https://www.mdui.org/en/docs/2/components/top-app-bar#top-app-bar-title-cssParts-label-large"
+              }
+            ]
+          }
+        },
         {
           "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```",
@@ -10654,38 +10702,6 @@
               }
             ]
           }
-        },
-        {
-          "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```",
-          "priority": "highest",
-          "doc-url": "https://www.mdui.org/en/docs/2/components/top-app-bar",
-          "slots": [
-            {
-              "name": "",
-              "description": "The title text of the top app bar.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/top-app-bar#top-app-bar-title-slots-default"
-            },
-            {
-              "name": "label-large",
-              "description": "The title text when the top app bar is in the expanded state.",
-              "doc-url": "https://www.mdui.org/en/docs/2/components/top-app-bar#top-app-bar-title-slots-label-large"
-            }
-          ],
-          "css": {
-            "parts": [
-              {
-                "name": "label",
-                "description": "The title text.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/top-app-bar#top-app-bar-title-cssParts-label"
-              },
-              {
-                "name": "label-large",
-                "description": "The title text when the top app bar is in the expanded state.",
-                "doc-url": "https://www.mdui.org/en/docs/2/components/top-app-bar#top-app-bar-title-cssParts-label-large"
-              }
-            ]
-          }
         }
       ]
     },