@solid-design-system/components 3.17.4 → 3.17.6

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@solid-design-system/components",
-  "version": "3.17.4",
+  "version": "3.17.6",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -133,17 +133,17 @@
           "js": {
             "properties": [
               {
-                "name": "variant",
-                "description": "The badge's theme variant.",
+                "name": "size",
+                "description": "The badge's size.",
                 "value": {
-                  "type": "'default' | 'success' | 'error'"
+                  "type": "'lg' | 'md' | 'sm'"
                 }
               },
               {
-                "name": "size",
-                "description": "The badge's size.",
+                "name": "variant",
+                "description": "The badge's variant.",
                 "value": {
-                  "type": "'lg' | 'md' | 'sm'"
+                  "type": "'default' | 'success' | 'error'"
                 }
               },
               {
@@ -158,17 +158,17 @@
           },
           "attributes": [
             {
-              "name": "variant",
-              "description": "The badge's theme variant.",
+              "name": "size",
+              "description": "The badge's size.",
               "value": {
-                "type": "'default' | 'success' | 'error'"
+                "type": "'lg' | 'md' | 'sm'"
               }
             },
             {
-              "name": "size",
-              "description": "The badge's size.",
+              "name": "variant",
+              "description": "The badge's variant.",
               "value": {
-                "type": "'lg' | 'md' | 'sm'"
+                "type": "'default' | 'success' | 'error'"
               }
             },
             {
@@ -1018,13 +1018,6 @@
                 "name": "hasSlotController",
                 "value": {}
               },
-              {
-                "name": "label",
-                "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-                "value": {
-                  "type": "string"
-                }
-              },
               {
                 "name": "size",
                 "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
@@ -1039,6 +1032,13 @@
                   "type": "'horizontal' | 'vertical'"
                 }
               },
+              {
+                "name": "label",
+                "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
                 "name": "getAllCheckboxes",
                 "value": {}
@@ -1063,13 +1063,6 @@
             "events": []
           },
           "attributes": [
-            {
-              "name": "label",
-              "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-              "value": {
-                "type": "string"
-              }
-            },
             {
               "name": "size",
               "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
@@ -1083,6 +1076,13 @@
               "value": {
                 "type": "'horizontal' | 'vertical'"
               }
+            },
+            {
+              "name": "label",
+              "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+              "value": {
+                "type": "string"
+              }
             }
           ]
         },
@@ -2988,6 +2988,13 @@
                 "name": "hasSlotController",
                 "value": {}
               },
+              {
+                "name": "standalone",
+                "description": "Control the layout of icon and text within the component and the component's positioning.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "size",
                 "description": "The link's size.",
@@ -3002,13 +3009,6 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "standalone",
-                "description": "Control the layout of icon and text within the component and the component's positioning.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "href",
                 "description": "When not set, the link will render as disabled.",
@@ -3061,6 +3061,13 @@
             ]
           },
           "attributes": [
+            {
+              "name": "standalone",
+              "description": "Control the layout of icon and text within the component and the component's positioning.",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "size",
               "description": "The link's size.",
@@ -3075,13 +3082,6 @@
                 "type": "boolean"
               }
             },
-            {
-              "name": "standalone",
-              "description": "Control the layout of icon and text within the component and the component's positioning.",
-              "value": {
-                "type": "boolean"
-              }
-            },
             {
               "name": "href",
               "description": "When not set, the link will render as disabled.",
@@ -3169,6 +3169,20 @@
                 "name": "hasSlotController",
                 "value": {}
               },
+              {
+                "name": "vertical",
+                "description": "The navigation item's orientation. If false, properties below this point are not used.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "size",
+                "description": "The navigation item's font size.",
+                "value": {
+                  "type": "'base' | 'lg' | 'sm'"
+                }
+              },
               {
                 "name": "href",
                 "description": "The navigation item's href target. If provided, the navigation item will use an anchor tag otherwise it will use a button tag. The 'children' slot and accordion behavior will be ignored if an 'href' is provided.",
@@ -3204,20 +3218,6 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "size",
-                "description": "The navigation item's font size.",
-                "value": {
-                  "type": "'base' | 'lg' | 'sm'"
-                }
-              },
-              {
-                "name": "vertical",
-                "description": "The navigation item's orientation. If false, properties below this point are not used.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "chevron",
                 "description": "Appends a chevron to the right side of a navigation item. Only used if `vertical` is true.",
@@ -3226,22 +3226,22 @@
                 }
               },
               {
-                "name": "indented",
-                "description": "Adds additional padding to navigation item's left side. Only used if `vertical` is true.",
+                "name": "relaxed",
+                "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "relaxed",
+                "name": "divider",
                 "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "divider",
-                "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
+                "name": "indented",
+                "description": "Adds additional padding to navigation item's left side. Only used if `vertical` is true.",
                 "value": {
                   "type": "boolean"
                 }
@@ -3316,6 +3316,20 @@
             ]
           },
           "attributes": [
+            {
+              "name": "vertical",
+              "description": "The navigation item's orientation. If false, properties below this point are not used.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The navigation item's font size.",
+              "value": {
+                "type": "'base' | 'lg' | 'sm'"
+              }
+            },
             {
               "name": "href",
               "description": "The navigation item's href target. If provided, the navigation item will use an anchor tag otherwise it will use a button tag. The 'children' slot and accordion behavior will be ignored if an 'href' is provided.",
@@ -3351,20 +3365,6 @@
                 "type": "boolean"
               }
             },
-            {
-              "name": "size",
-              "description": "The navigation item's font size.",
-              "value": {
-                "type": "'base' | 'lg' | 'sm'"
-              }
-            },
-            {
-              "name": "vertical",
-              "description": "The navigation item's orientation. If false, properties below this point are not used.",
-              "value": {
-                "type": "boolean"
-              }
-            },
             {
               "name": "chevron",
               "description": "Appends a chevron to the right side of a navigation item. Only used if `vertical` is true.",
@@ -3373,22 +3373,22 @@
               }
             },
             {
-              "name": "indented",
-              "description": "Adds additional padding to navigation item's left side. Only used if `vertical` is true.",
+              "name": "relaxed",
+              "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "relaxed",
+              "name": "divider",
               "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "divider",
-              "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
+              "name": "indented",
+              "description": "Adds additional padding to navigation item's left side. Only used if `vertical` is true.",
               "value": {
                 "type": "boolean"
               }
@@ -3424,6 +3424,13 @@
                 "name": "localize",
                 "value": {}
               },
+              {
+                "name": "variant",
+                "description": "The sd-notification's theme.",
+                "value": {
+                  "type": "'info' | 'success' | 'error' | 'warning'"
+                }
+              },
               {
                 "name": "open",
                 "description": "Indicates whether or not sd-notification is open. You can toggle this attribute to show and hide the notification, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the notifications's open state.",
@@ -3438,20 +3445,6 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "variant",
-                "description": "The sd-notification's theme.",
-                "value": {
-                  "type": "'info' | 'success' | 'error' | 'warning'"
-                }
-              },
-              {
-                "name": "toastStack",
-                "description": "The position of the toasted sd-notification.",
-                "value": {
-                  "type": "'top-right' | 'bottom-center'"
-                }
-              },
               {
                 "name": "duration",
                 "description": "The length of time, in milliseconds, the sd-notification will show before closing itself. If the user interacts with\nthe notification before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe notification will not close on its own.",
@@ -3464,6 +3457,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "toastStack",
+                "description": "The position of the toasted sd-notification.",
+                "value": {
+                  "type": "'top-right' | 'bottom-center'"
+                }
+              },
               {
                 "name": "remainingDuration",
                 "value": {}
@@ -3532,6 +3532,13 @@
             ]
           },
           "attributes": [
+            {
+              "name": "variant",
+              "description": "The sd-notification's theme.",
+              "value": {
+                "type": "'info' | 'success' | 'error' | 'warning'"
+              }
+            },
             {
               "name": "open",
               "description": "Indicates whether or not sd-notification is open. You can toggle this attribute to show and hide the notification, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the notifications's open state.",
@@ -3546,20 +3553,6 @@
                 "type": "boolean"
               }
             },
-            {
-              "name": "variant",
-              "description": "The sd-notification's theme.",
-              "value": {
-                "type": "'info' | 'success' | 'error' | 'warning'"
-              }
-            },
-            {
-              "name": "toast-stack",
-              "description": "The position of the toasted sd-notification.",
-              "value": {
-                "type": "'top-right' | 'bottom-center'"
-              }
-            },
             {
               "name": "duration",
               "description": "The length of time, in milliseconds, the sd-notification will show before closing itself. If the user interacts with\nthe notification before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe notification will not close on its own.",
@@ -3571,6 +3564,13 @@
               "value": {
                 "type": "boolean"
               }
+            },
+            {
+              "name": "toast-stack",
+              "description": "The position of the toasted sd-notification.",
+              "value": {
+                "type": "'top-right' | 'bottom-center'"
+              }
             }
           ]
         },
@@ -4147,10 +4147,10 @@
                 }
               },
               {
-                "name": "value",
-                "description": "The radio's value. When selected, the radio group will receive this value.",
+                "name": "size",
+                "description": "The radio button's size.",
                 "value": {
-                  "type": "string"
+                  "type": "'lg' | 'md' | 'sm'"
                 }
               },
               {
@@ -4161,10 +4161,10 @@
                 }
               },
               {
-                "name": "size",
-                "description": "The radio button's size.",
+                "name": "value",
+                "description": "The radio's value. When selected, the radio group will receive this value.",
                 "value": {
-                  "type": "'lg' | 'md' | 'sm'"
+                  "type": "string"
                 }
               },
               {
@@ -4207,10 +4207,10 @@
           },
           "attributes": [
             {
-              "name": "value",
-              "description": "The radio's value. When selected, the radio group will receive this value.",
+              "name": "size",
+              "description": "The radio button's size.",
               "value": {
-                "type": "string"
+                "type": "'lg' | 'md' | 'sm'"
               }
             },
             {
@@ -4221,10 +4221,10 @@
               }
             },
             {
-              "name": "size",
-              "description": "The radio button's size.",
+              "name": "value",
+              "description": "The radio's value. When selected, the radio group will receive this value.",
               "value": {
-                "type": "'lg' | 'md' | 'sm'"
+                "type": "string"
               }
             }
           ]
@@ -4263,6 +4263,27 @@
                   "type": "number"
                 }
               },
+              {
+                "name": "size",
+                "description": "The radio group's size. This size will be applied to the label, all child radios and radio buttons.",
+                "value": {
+                  "type": "'lg' | 'sm'"
+                }
+              },
+              {
+                "name": "required",
+                "description": "Ensures a child radio is checked before allowing the containing form to submit.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "orientation",
+                "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
+                "value": {
+                  "type": "'horizontal' | 'vertical'"
+                }
+              },
               {
                 "name": "label",
                 "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
@@ -4291,13 +4312,6 @@
                   "type": "string"
                 }
               },
-              {
-                "name": "size",
-                "description": "The radio group's size. This size will be applied to the label, all child radios and radio buttons.",
-                "value": {
-                  "type": "'lg' | 'sm'"
-                }
-              },
               {
                 "name": "form",
                 "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
@@ -4305,20 +4319,6 @@
                   "type": "string"
                 }
               },
-              {
-                "name": "required",
-                "description": "Ensures a child radio is checked before allowing the containing form to submit.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "orientation",
-                "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
-                "value": {
-                  "type": "'horizontal' | 'vertical'"
-                }
-              },
               {
                 "name": "validity",
                 "description": "Gets the validity state object",
@@ -4412,59 +4412,59 @@
           },
           "attributes": [
             {
-              "name": "label",
-              "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+              "name": "size",
+              "description": "The radio group's size. This size will be applied to the label, all child radios and radio buttons.",
               "value": {
-                "type": "string"
+                "type": "'lg' | 'sm'"
               }
             },
             {
-              "name": "boldLabel",
-              "description": "Quick way to make the group label bold. Bolding the group label is highly recommended for visual clarity between the label and radio options.\nIt is false by default for consistency among the other form elements which do not use bold labels by default.",
+              "name": "required",
+              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "name",
-              "description": "The name of the radio group, submitted as a name/value pair with form data.",
+              "name": "orientation",
+              "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
               "value": {
-                "type": "string"
+                "type": "'horizontal' | 'vertical'"
               }
             },
             {
-              "name": "value",
-              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
+              "name": "label",
+              "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
               "value": {
                 "type": "string"
               }
             },
             {
-              "name": "size",
-              "description": "The radio group's size. This size will be applied to the label, all child radios and radio buttons.",
+              "name": "boldLabel",
+              "description": "Quick way to make the group label bold. Bolding the group label is highly recommended for visual clarity between the label and radio options.\nIt is false by default for consistency among the other form elements which do not use bold labels by default.",
               "value": {
-                "type": "'lg' | 'sm'"
+                "type": "boolean"
               }
             },
             {
-              "name": "form",
-              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "name": "name",
+              "description": "The name of the radio group, submitted as a name/value pair with form data.",
               "value": {
                 "type": "string"
               }
             },
             {
-              "name": "required",
-              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
+              "name": "value",
+              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
               "value": {
-                "type": "boolean"
+                "type": "string"
               }
             },
             {
-              "name": "orientation",
-              "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
+              "name": "form",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
               "value": {
-                "type": "'horizontal' | 'vertical'"
+                "type": "string"
               }
             }
           ]
@@ -4488,13 +4488,6 @@
                   "type": "'lg' | 'sm'"
                 }
               },
-              {
-                "name": "invalid",
-                "description": "A Boolean attribute which, if present, marks the radio Button valid or invalid",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "disabled",
                 "description": "A Boolean attribute which, if present, disables the radio.",
@@ -4509,6 +4502,13 @@
                   "type": "string"
                 }
               },
+              {
+                "name": "invalid",
+                "description": "A Boolean attribute which, if present, marks the radio Button valid or invalid",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "addEventListeners",
                 "value": {}
@@ -4561,13 +4561,6 @@
                 "type": "'lg' | 'sm'"
               }
             },
-            {
-              "name": "invalid",
-              "description": "A Boolean attribute which, if present, marks the radio Button valid or invalid",
-              "value": {
-                "type": "boolean"
-              }
-            },
             {
               "name": "disabled",
               "description": "A Boolean attribute which, if present, disables the radio.",
@@ -4581,6 +4574,13 @@
               "value": {
                 "type": "string"
               }
+            },
+            {
+              "name": "invalid",
+              "description": "A Boolean attribute which, if present, marks the radio Button valid or invalid",
+              "value": {
+                "type": "boolean"
+              }
             }
           ]
         },
@@ -4598,22 +4598,15 @@
                 }
               },
               {
-                "name": "buttons",
-                "description": "Activates scroll buttons",
+                "name": "scrollbars",
+                "description": "Activates browser scrollbars",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "step",
-                "description": "The amount in px to be scrolled when clicking the buttons.",
-                "value": {
-                  "type": "number"
-                }
-              },
-              {
-                "name": "scrollbars",
-                "description": "Activates browser scrollbars",
+                "name": "buttons",
+                "description": "Activates scroll buttons",
                 "value": {
                   "type": "boolean"
                 }
@@ -4632,6 +4625,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "step",
+                "description": "The amount in px to be scrolled when clicking the buttons.",
+                "value": {
+                  "type": "number"
+                }
+              },
               {
                 "name": "canScroll",
                 "value": {
@@ -4708,22 +4708,15 @@
               }
             },
             {
-              "name": "buttons",
-              "description": "Activates scroll buttons",
+              "name": "scrollbars",
+              "description": "Activates browser scrollbars",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "step",
-              "description": "The amount in px to be scrolled when clicking the buttons.",
-              "value": {
-                "type": "number"
-              }
-            },
-            {
-              "name": "scrollbars",
-              "description": "Activates browser scrollbars",
+              "name": "buttons",
+              "description": "Activates scroll buttons",
               "value": {
                 "type": "boolean"
               }
@@ -4741,6 +4734,13 @@
               "value": {
                 "type": "boolean"
               }
+            },
+            {
+              "name": "step",
+              "description": "The amount in px to be scrolled when clicking the buttons.",
+              "value": {
+                "type": "number"
+              }
             }
           ]
         },
@@ -4815,6 +4815,13 @@
                   "type": "'lg' | 'md' | 'sm'"
                 }
               },
+              {
+                "name": "placement",
+                "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+                "value": {
+                  "type": "'top' | 'bottom'"
+                }
+              },
               {
                 "name": "label",
                 "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
@@ -4828,17 +4835,17 @@
                 "value": {}
               },
               {
-                "name": "helpText",
-                "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
+                "name": "disabled",
+                "description": "Disables the select control.",
                 "value": {
-                  "type": "string"
+                  "type": "boolean"
                 }
               },
               {
-                "name": "placement",
-                "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+                "name": "helpText",
+                "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
                 "value": {
-                  "type": "'top' | 'bottom'"
+                  "type": "string"
                 }
               },
               {
@@ -4848,13 +4855,6 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "disabled",
-                "description": "Disables the select control.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "multiple",
                 "description": "Allows more than one option to be selected.",
@@ -5152,6 +5152,13 @@
                 "type": "'lg' | 'md' | 'sm'"
               }
             },
+            {
+              "name": "placement",
+              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+              "value": {
+                "type": "'top' | 'bottom'"
+              }
+            },
             {
               "name": "label",
               "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
@@ -5165,17 +5172,17 @@
               "value": {}
             },
             {
-              "name": "help-text",
-              "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "name": "disabled",
+              "description": "Disables the select control.",
               "value": {
-                "type": "string"
+                "type": "boolean"
               }
             },
             {
-              "name": "placement",
-              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+              "name": "help-text",
+              "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
               "value": {
-                "type": "'top' | 'bottom'"
+                "type": "string"
               }
             },
             {
@@ -5185,13 +5192,6 @@
                 "type": "boolean"
               }
             },
-            {
-              "name": "disabled",
-              "description": "Disables the select control.",
-              "value": {
-                "type": "boolean"
-              }
-            },
             {
               "name": "multiple",
               "description": "Allows more than one option to be selected.",
@@ -5971,13 +5971,6 @@
                 "name": "componentId",
                 "value": {}
               },
-              {
-                "name": "panel",
-                "description": "The name of the tab panel this tab is associated with. The panel must be located in the same tab group.",
-                "value": {
-                  "type": "string"
-                }
-              },
               {
                 "name": "variant",
                 "description": "When set to container, a border appears around the current tab and tab-panel.",
@@ -5999,6 +5992,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "panel",
+                "description": "The name of the tab panel this tab is associated with. The panel must be located in the same tab group.",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
                 "name": "handleActiveChange",
                 "value": {}
@@ -6021,13 +6021,6 @@
             "events": []
           },
           "attributes": [
-            {
-              "name": "panel",
-              "description": "The name of the tab panel this tab is associated with. The panel must be located in the same tab group.",
-              "value": {
-                "type": "string"
-              }
-            },
             {
               "name": "variant",
               "description": "When set to container, a border appears around the current tab and tab-panel.",
@@ -6048,6 +6041,13 @@
               "value": {
                 "type": "boolean"
               }
+            },
+            {
+              "name": "panel",
+              "description": "The name of the tab panel this tab is associated with. The panel must be located in the same tab group.",
+              "value": {
+                "type": "string"
+              }
             }
           ]
         },
@@ -6781,6 +6781,13 @@
                   "type": "SdPopup"
                 }
               },
+              {
+                "name": "size",
+                "description": "Sets the size of the default trigger icon.",
+                "value": {
+                  "type": "'lg' | 'sm'"
+                }
+              },
               {
                 "name": "content",
                 "description": "The tooltip's content. If you need to display HTML, use the `content` slot instead.",
@@ -6795,13 +6802,6 @@
                   "type": "'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'"
                 }
               },
-              {
-                "name": "size",
-                "description": "Sets the size of the default trigger icon.",
-                "value": {
-                  "type": "'lg' | 'sm'"
-                }
-              },
               {
                 "name": "disabled",
                 "description": "Disables the tooltip so it won't show when triggered.",
@@ -6901,6 +6901,13 @@
             ]
           },
           "attributes": [
+            {
+              "name": "size",
+              "description": "Sets the size of the default trigger icon.",
+              "value": {
+                "type": "'lg' | 'sm'"
+              }
+            },
             {
               "name": "content",
               "description": "The tooltip's content. If you need to display HTML, use the `content` slot instead.",
@@ -6915,13 +6922,6 @@
                 "type": "'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'"
               }
             },
-            {
-              "name": "size",
-              "description": "Sets the size of the default trigger icon.",
-              "value": {
-                "type": "'lg' | 'sm'"
-              }
-            },
             {
               "name": "disabled",
               "description": "Disables the tooltip so it won't show when triggered.",
@@ -7054,7 +7054,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-accordion-group",
+          "name": "sd-3-17-6-accordion-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion-group",
           "js": {
@@ -7084,7 +7084,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-accordion",
+          "name": "sd-3-17-6-accordion",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion",
           "js": {
@@ -7167,23 +7167,23 @@
           ]
         },
         {
-          "name": "sd-3-17-4-badge",
+          "name": "sd-3-17-6-badge",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/badge",
           "js": {
             "properties": [
               {
-                "name": "variant",
-                "description": "The badge's theme variant.",
+                "name": "size",
+                "description": "The badge's size.",
                 "value": {
-                  "type": "'default' | 'success' | 'error'"
+                  "type": "'lg' | 'md' | 'sm'"
                 }
               },
               {
-                "name": "size",
-                "description": "The badge's size.",
+                "name": "variant",
+                "description": "The badge's variant.",
                 "value": {
-                  "type": "'lg' | 'md' | 'sm'"
+                  "type": "'default' | 'success' | 'error'"
                 }
               },
               {
@@ -7197,13 +7197,6 @@
             "events": []
           },
           "attributes": [
-            {
-              "name": "variant",
-              "description": "The badge's theme variant.",
-              "value": {
-                "type": "'default' | 'success' | 'error'"
-              }
-            },
             {
               "name": "size",
               "description": "The badge's size.",
@@ -7211,6 +7204,13 @@
                 "type": "'lg' | 'md' | 'sm'"
               }
             },
+            {
+              "name": "variant",
+              "description": "The badge's variant.",
+              "value": {
+                "type": "'default' | 'success' | 'error'"
+              }
+            },
             {
               "name": "inverted",
               "description": "Inverts the badge.",
@@ -7221,7 +7221,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-brandshape",
+          "name": "sd-3-17-6-brandshape",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/brandshape",
           "js": {
@@ -7316,7 +7316,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-button",
+          "name": "sd-3-17-6-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/button",
           "js": {
@@ -7672,7 +7672,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-carousel-item",
+          "name": "sd-3-17-6-carousel-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel-item",
           "js": {
@@ -7687,7 +7687,7 @@
           "attributes": []
         },
         {
-          "name": "sd-3-17-4-carousel",
+          "name": "sd-3-17-6-carousel",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel",
           "js": {
@@ -7883,7 +7883,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-checkbox-group",
+          "name": "sd-3-17-6-checkbox-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
           "js": {
@@ -7892,13 +7892,6 @@
                 "name": "hasSlotController",
                 "value": {}
               },
-              {
-                "name": "label",
-                "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-                "value": {
-                  "type": "string"
-                }
-              },
               {
                 "name": "size",
                 "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
@@ -7913,6 +7906,13 @@
                   "type": "'horizontal' | 'vertical'"
                 }
               },
+              {
+                "name": "label",
+                "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
                 "name": "getAllCheckboxes",
                 "value": {}
@@ -7937,13 +7937,6 @@
             "events": []
           },
           "attributes": [
-            {
-              "name": "label",
-              "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-              "value": {
-                "type": "string"
-              }
-            },
             {
               "name": "size",
               "description": "The checkbox group's size. This size will be applied to the label, all child checkboxes.",
@@ -7957,11 +7950,18 @@
               "value": {
                 "type": "'horizontal' | 'vertical'"
               }
+            },
+            {
+              "name": "label",
+              "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+              "value": {
+                "type": "string"
+              }
             }
           ]
         },
         {
-          "name": "sd-3-17-4-checkbox",
+          "name": "sd-3-17-6-checkbox",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/checkbox",
           "js": {
@@ -8195,7 +8195,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-dialog",
+          "name": "sd-3-17-6-dialog",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dialog",
           "js": {
@@ -8318,7 +8318,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-divider",
+          "name": "sd-3-17-6-divider",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/divider",
           "js": {
@@ -8358,7 +8358,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-drawer",
+          "name": "sd-3-17-6-drawer",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/drawer",
           "js": {
@@ -8511,7 +8511,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-dropdown",
+          "name": "sd-3-17-6-dropdown",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dropdown",
           "js": {
@@ -8765,7 +8765,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-expandable",
+          "name": "sd-3-17-6-expandable",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/expandable",
           "js": {
@@ -8852,7 +8852,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-flipcard",
+          "name": "sd-3-17-6-flipcard",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/flipcard",
           "js": {
@@ -8953,7 +8953,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-header",
+          "name": "sd-3-17-6-header",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/header",
           "js": {
@@ -9005,7 +9005,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-icon",
+          "name": "sd-3-17-6-icon",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
           "js": {
@@ -9108,7 +9108,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-include",
+          "name": "sd-3-17-6-include",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/include",
           "js": {
@@ -9179,7 +9179,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-input",
+          "name": "sd-3-17-6-input",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/input",
           "js": {
@@ -9767,7 +9767,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-link",
+          "name": "sd-3-17-6-link",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/link",
           "js": {
@@ -9776,6 +9776,13 @@
                 "name": "hasSlotController",
                 "value": {}
               },
+              {
+                "name": "standalone",
+                "description": "Control the layout of icon and text within the component and the component's positioning.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "size",
                 "description": "The link's size.",
@@ -9790,13 +9797,6 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "standalone",
-                "description": "Control the layout of icon and text within the component and the component's positioning.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "href",
                 "description": "When not set, the link will render as disabled.",
@@ -9849,6 +9849,13 @@
             ]
           },
           "attributes": [
+            {
+              "name": "standalone",
+              "description": "Control the layout of icon and text within the component and the component's positioning.",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "size",
               "description": "The link's size.",
@@ -9863,13 +9870,6 @@
                 "type": "boolean"
               }
             },
-            {
-              "name": "standalone",
-              "description": "Control the layout of icon and text within the component and the component's positioning.",
-              "value": {
-                "type": "boolean"
-              }
-            },
             {
               "name": "href",
               "description": "When not set, the link will render as disabled.",
@@ -9894,7 +9894,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-map-marker",
+          "name": "sd-3-17-6-map-marker",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/map-marker",
           "js": {
@@ -9948,7 +9948,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-navigation-item",
+          "name": "sd-3-17-6-navigation-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/navigation-item",
           "js": {
@@ -9957,6 +9957,20 @@
                 "name": "hasSlotController",
                 "value": {}
               },
+              {
+                "name": "vertical",
+                "description": "The navigation item's orientation. If false, properties below this point are not used.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "size",
+                "description": "The navigation item's font size.",
+                "value": {
+                  "type": "'base' | 'lg' | 'sm'"
+                }
+              },
               {
                 "name": "href",
                 "description": "The navigation item's href target. If provided, the navigation item will use an anchor tag otherwise it will use a button tag. The 'children' slot and accordion behavior will be ignored if an 'href' is provided.",
@@ -9992,20 +10006,6 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "size",
-                "description": "The navigation item's font size.",
-                "value": {
-                  "type": "'base' | 'lg' | 'sm'"
-                }
-              },
-              {
-                "name": "vertical",
-                "description": "The navigation item's orientation. If false, properties below this point are not used.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "chevron",
                 "description": "Appends a chevron to the right side of a navigation item. Only used if `vertical` is true.",
@@ -10014,22 +10014,22 @@
                 }
               },
               {
-                "name": "indented",
-                "description": "Adds additional padding to navigation item's left side. Only used if `vertical` is true.",
+                "name": "relaxed",
+                "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "relaxed",
+                "name": "divider",
                 "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "divider",
-                "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
+                "name": "indented",
+                "description": "Adds additional padding to navigation item's left side. Only used if `vertical` is true.",
                 "value": {
                   "type": "boolean"
                 }
@@ -10104,6 +10104,20 @@
             ]
           },
           "attributes": [
+            {
+              "name": "vertical",
+              "description": "The navigation item's orientation. If false, properties below this point are not used.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The navigation item's font size.",
+              "value": {
+                "type": "'base' | 'lg' | 'sm'"
+              }
+            },
             {
               "name": "href",
               "description": "The navigation item's href target. If provided, the navigation item will use an anchor tag otherwise it will use a button tag. The 'children' slot and accordion behavior will be ignored if an 'href' is provided.",
@@ -10139,20 +10153,6 @@
                 "type": "boolean"
               }
             },
-            {
-              "name": "size",
-              "description": "The navigation item's font size.",
-              "value": {
-                "type": "'base' | 'lg' | 'sm'"
-              }
-            },
-            {
-              "name": "vertical",
-              "description": "The navigation item's orientation. If false, properties below this point are not used.",
-              "value": {
-                "type": "boolean"
-              }
-            },
             {
               "name": "chevron",
               "description": "Appends a chevron to the right side of a navigation item. Only used if `vertical` is true.",
@@ -10161,22 +10161,22 @@
               }
             },
             {
-              "name": "indented",
-              "description": "Adds additional padding to navigation item's left side. Only used if `vertical` is true.",
+              "name": "relaxed",
+              "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "relaxed",
+              "name": "divider",
               "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "divider",
-              "description": "Adds additional padding to navigation item's left and right sides. Only used if `vertical` is true.",
+              "name": "indented",
+              "description": "Adds additional padding to navigation item's left side. Only used if `vertical` is true.",
               "value": {
                 "type": "boolean"
               }
@@ -10197,7 +10197,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-notification",
+          "name": "sd-3-17-6-notification",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/notification",
           "js": {
@@ -10212,6 +10212,13 @@
                 "name": "localize",
                 "value": {}
               },
+              {
+                "name": "variant",
+                "description": "The sd-notification's theme.",
+                "value": {
+                  "type": "'info' | 'success' | 'error' | 'warning'"
+                }
+              },
               {
                 "name": "open",
                 "description": "Indicates whether or not sd-notification is open. You can toggle this attribute to show and hide the notification, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the notifications's open state.",
@@ -10226,20 +10233,6 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "variant",
-                "description": "The sd-notification's theme.",
-                "value": {
-                  "type": "'info' | 'success' | 'error' | 'warning'"
-                }
-              },
-              {
-                "name": "toastStack",
-                "description": "The position of the toasted sd-notification.",
-                "value": {
-                  "type": "'top-right' | 'bottom-center'"
-                }
-              },
               {
                 "name": "duration",
                 "description": "The length of time, in milliseconds, the sd-notification will show before closing itself. If the user interacts with\nthe notification before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe notification will not close on its own.",
@@ -10252,6 +10245,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "toastStack",
+                "description": "The position of the toasted sd-notification.",
+                "value": {
+                  "type": "'top-right' | 'bottom-center'"
+                }
+              },
               {
                 "name": "remainingDuration",
                 "value": {}
@@ -10320,6 +10320,13 @@
             ]
           },
           "attributes": [
+            {
+              "name": "variant",
+              "description": "The sd-notification's theme.",
+              "value": {
+                "type": "'info' | 'success' | 'error' | 'warning'"
+              }
+            },
             {
               "name": "open",
               "description": "Indicates whether or not sd-notification is open. You can toggle this attribute to show and hide the notification, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the notifications's open state.",
@@ -10334,20 +10341,6 @@
                 "type": "boolean"
               }
             },
-            {
-              "name": "variant",
-              "description": "The sd-notification's theme.",
-              "value": {
-                "type": "'info' | 'success' | 'error' | 'warning'"
-              }
-            },
-            {
-              "name": "toast-stack",
-              "description": "The position of the toasted sd-notification.",
-              "value": {
-                "type": "'top-right' | 'bottom-center'"
-              }
-            },
             {
               "name": "duration",
               "description": "The length of time, in milliseconds, the sd-notification will show before closing itself. If the user interacts with\nthe notification before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe notification will not close on its own.",
@@ -10359,11 +10352,18 @@
               "value": {
                 "type": "boolean"
               }
+            },
+            {
+              "name": "toast-stack",
+              "description": "The position of the toasted sd-notification.",
+              "value": {
+                "type": "'top-right' | 'bottom-center'"
+              }
             }
           ]
         },
         {
-          "name": "sd-3-17-4-option",
+          "name": "sd-3-17-6-option",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/option",
           "js": {
@@ -10470,7 +10470,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-popup",
+          "name": "sd-3-17-6-popup",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/popup",
           "js": {
@@ -10822,7 +10822,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-quickfact",
+          "name": "sd-3-17-6-quickfact",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/quickfact",
           "js": {
@@ -10919,7 +10919,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-radio-button",
+          "name": "sd-3-17-6-radio-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "js": {
@@ -10935,10 +10935,10 @@
                 }
               },
               {
-                "name": "value",
-                "description": "The radio's value. When selected, the radio group will receive this value.",
+                "name": "size",
+                "description": "The radio button's size.",
                 "value": {
-                  "type": "string"
+                  "type": "'lg' | 'md' | 'sm'"
                 }
               },
               {
@@ -10949,10 +10949,10 @@
                 }
               },
               {
-                "name": "size",
-                "description": "The radio button's size.",
+                "name": "value",
+                "description": "The radio's value. When selected, the radio group will receive this value.",
                 "value": {
-                  "type": "'lg' | 'md' | 'sm'"
+                  "type": "string"
                 }
               },
               {
@@ -10995,10 +10995,10 @@
           },
           "attributes": [
             {
-              "name": "value",
-              "description": "The radio's value. When selected, the radio group will receive this value.",
+              "name": "size",
+              "description": "The radio button's size.",
               "value": {
-                "type": "string"
+                "type": "'lg' | 'md' | 'sm'"
               }
             },
             {
@@ -11009,16 +11009,16 @@
               }
             },
             {
-              "name": "size",
-              "description": "The radio button's size.",
+              "name": "value",
+              "description": "The radio's value. When selected, the radio group will receive this value.",
               "value": {
-                "type": "'lg' | 'md' | 'sm'"
+                "type": "string"
               }
             }
           ]
         },
         {
-          "name": "sd-3-17-4-radio-group",
+          "name": "sd-3-17-6-radio-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio-group",
           "js": {
@@ -11052,59 +11052,59 @@
                 }
               },
               {
-                "name": "label",
-                "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+                "name": "size",
+                "description": "The radio group's size. This size will be applied to the label, all child radios and radio buttons.",
                 "value": {
-                  "type": "string"
+                  "type": "'lg' | 'sm'"
                 }
               },
               {
-                "name": "boldLabel",
-                "description": "Quick way to make the group label bold. Bolding the group label is highly recommended for visual clarity between the label and radio options.\nIt is false by default for consistency among the other form elements which do not use bold labels by default.",
+                "name": "required",
+                "description": "Ensures a child radio is checked before allowing the containing form to submit.",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "name",
-                "description": "The name of the radio group, submitted as a name/value pair with form data.",
+                "name": "orientation",
+                "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
                 "value": {
-                  "type": "string"
+                  "type": "'horizontal' | 'vertical'"
                 }
               },
               {
-                "name": "value",
-                "description": "The current value of the radio group, submitted as a name/value pair with form data.",
+                "name": "label",
+                "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
                 "value": {
                   "type": "string"
                 }
               },
               {
-                "name": "size",
-                "description": "The radio group's size. This size will be applied to the label, all child radios and radio buttons.",
+                "name": "boldLabel",
+                "description": "Quick way to make the group label bold. Bolding the group label is highly recommended for visual clarity between the label and radio options.\nIt is false by default for consistency among the other form elements which do not use bold labels by default.",
                 "value": {
-                  "type": "'lg' | 'sm'"
+                  "type": "boolean"
                 }
               },
               {
-                "name": "form",
-                "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+                "name": "name",
+                "description": "The name of the radio group, submitted as a name/value pair with form data.",
                 "value": {
                   "type": "string"
                 }
               },
               {
-                "name": "required",
-                "description": "Ensures a child radio is checked before allowing the containing form to submit.",
+                "name": "value",
+                "description": "The current value of the radio group, submitted as a name/value pair with form data.",
                 "value": {
-                  "type": "boolean"
+                  "type": "string"
                 }
               },
               {
-                "name": "orientation",
-                "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
+                "name": "form",
+                "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
                 "value": {
-                  "type": "'horizontal' | 'vertical'"
+                  "type": "string"
                 }
               },
               {
@@ -11200,65 +11200,65 @@
           },
           "attributes": [
             {
-              "name": "label",
-              "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
+              "name": "size",
+              "description": "The radio group's size. This size will be applied to the label, all child radios and radio buttons.",
               "value": {
-                "type": "string"
+                "type": "'lg' | 'sm'"
               }
             },
             {
-              "name": "boldLabel",
-              "description": "Quick way to make the group label bold. Bolding the group label is highly recommended for visual clarity between the label and radio options.\nIt is false by default for consistency among the other form elements which do not use bold labels by default.",
+              "name": "required",
+              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "name",
-              "description": "The name of the radio group, submitted as a name/value pair with form data.",
+              "name": "orientation",
+              "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
               "value": {
-                "type": "string"
+                "type": "'horizontal' | 'vertical'"
               }
             },
             {
-              "name": "value",
-              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
+              "name": "label",
+              "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
               "value": {
                 "type": "string"
               }
             },
             {
-              "name": "size",
-              "description": "The radio group's size. This size will be applied to the label, all child radios and radio buttons.",
+              "name": "boldLabel",
+              "description": "Quick way to make the group label bold. Bolding the group label is highly recommended for visual clarity between the label and radio options.\nIt is false by default for consistency among the other form elements which do not use bold labels by default.",
               "value": {
-                "type": "'lg' | 'sm'"
+                "type": "boolean"
               }
             },
             {
-              "name": "form",
-              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "name": "name",
+              "description": "The name of the radio group, submitted as a name/value pair with form data.",
               "value": {
                 "type": "string"
               }
             },
             {
-              "name": "required",
-              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
+              "name": "value",
+              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
               "value": {
-                "type": "boolean"
+                "type": "string"
               }
             },
             {
-              "name": "orientation",
-              "description": "The orientation property determines the alignment of the component's content or elements. It accepts two possible\nvalues: 'horizontal' and 'vertical'. The default value is 'vertical'.\nThis property allows you to control the visual layout and arrangement of elements within the component, providing\nflexibility in how the component is displayed based on your specific design needs.",
+              "name": "form",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
               "value": {
-                "type": "'horizontal' | 'vertical'"
+                "type": "string"
               }
             }
           ]
         },
         {
-          "name": "sd-3-17-4-radio",
+          "name": "sd-3-17-6-radio",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/radio",
           "js": {
@@ -11276,13 +11276,6 @@
                   "type": "'lg' | 'sm'"
                 }
               },
-              {
-                "name": "invalid",
-                "description": "A Boolean attribute which, if present, marks the radio Button valid or invalid",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "disabled",
                 "description": "A Boolean attribute which, if present, disables the radio.",
@@ -11297,6 +11290,13 @@
                   "type": "string"
                 }
               },
+              {
+                "name": "invalid",
+                "description": "A Boolean attribute which, if present, marks the radio Button valid or invalid",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "addEventListeners",
                 "value": {}
@@ -11349,13 +11349,6 @@
                 "type": "'lg' | 'sm'"
               }
             },
-            {
-              "name": "invalid",
-              "description": "A Boolean attribute which, if present, marks the radio Button valid or invalid",
-              "value": {
-                "type": "boolean"
-              }
-            },
             {
               "name": "disabled",
               "description": "A Boolean attribute which, if present, disables the radio.",
@@ -11369,11 +11362,18 @@
               "value": {
                 "type": "string"
               }
+            },
+            {
+              "name": "invalid",
+              "description": "A Boolean attribute which, if present, marks the radio Button valid or invalid",
+              "value": {
+                "type": "boolean"
+              }
             }
           ]
         },
         {
-          "name": "sd-3-17-4-scrollable",
+          "name": "sd-3-17-6-scrollable",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/scrollable",
           "js": {
@@ -11386,22 +11386,15 @@
                 }
               },
               {
-                "name": "buttons",
-                "description": "Activates scroll buttons",
+                "name": "scrollbars",
+                "description": "Activates browser scrollbars",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "step",
-                "description": "The amount in px to be scrolled when clicking the buttons.",
-                "value": {
-                  "type": "number"
-                }
-              },
-              {
-                "name": "scrollbars",
-                "description": "Activates browser scrollbars",
+                "name": "buttons",
+                "description": "Activates scroll buttons",
                 "value": {
                   "type": "boolean"
                 }
@@ -11420,6 +11413,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "step",
+                "description": "The amount in px to be scrolled when clicking the buttons.",
+                "value": {
+                  "type": "number"
+                }
+              },
               {
                 "name": "canScroll",
                 "value": {
@@ -11496,22 +11496,15 @@
               }
             },
             {
-              "name": "buttons",
-              "description": "Activates scroll buttons",
+              "name": "scrollbars",
+              "description": "Activates browser scrollbars",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "step",
-              "description": "The amount in px to be scrolled when clicking the buttons.",
-              "value": {
-                "type": "number"
-              }
-            },
-            {
-              "name": "scrollbars",
-              "description": "Activates browser scrollbars",
+              "name": "buttons",
+              "description": "Activates scroll buttons",
               "value": {
                 "type": "boolean"
               }
@@ -11529,11 +11522,18 @@
               "value": {
                 "type": "boolean"
               }
+            },
+            {
+              "name": "step",
+              "description": "The amount in px to be scrolled when clicking the buttons.",
+              "value": {
+                "type": "number"
+              }
             }
           ]
         },
         {
-          "name": "sd-3-17-4-select",
+          "name": "sd-3-17-6-select",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/select",
           "js": {
@@ -11603,6 +11603,13 @@
                   "type": "'lg' | 'md' | 'sm'"
                 }
               },
+              {
+                "name": "placement",
+                "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+                "value": {
+                  "type": "'top' | 'bottom'"
+                }
+              },
               {
                 "name": "label",
                 "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
@@ -11616,17 +11623,17 @@
                 "value": {}
               },
               {
-                "name": "helpText",
-                "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
+                "name": "disabled",
+                "description": "Disables the select control.",
                 "value": {
-                  "type": "string"
+                  "type": "boolean"
                 }
               },
               {
-                "name": "placement",
-                "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+                "name": "helpText",
+                "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
                 "value": {
-                  "type": "'top' | 'bottom'"
+                  "type": "string"
                 }
               },
               {
@@ -11636,13 +11643,6 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "disabled",
-                "description": "Disables the select control.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "multiple",
                 "description": "Allows more than one option to be selected.",
@@ -11940,6 +11940,13 @@
                 "type": "'lg' | 'md' | 'sm'"
               }
             },
+            {
+              "name": "placement",
+              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+              "value": {
+                "type": "'top' | 'bottom'"
+              }
+            },
             {
               "name": "label",
               "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
@@ -11953,17 +11960,17 @@
               "value": {}
             },
             {
-              "name": "help-text",
-              "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "name": "disabled",
+              "description": "Disables the select control.",
               "value": {
-                "type": "string"
+                "type": "boolean"
               }
             },
             {
-              "name": "placement",
-              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+              "name": "help-text",
+              "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
               "value": {
-                "type": "'top' | 'bottom'"
+                "type": "string"
               }
             },
             {
@@ -11973,13 +11980,6 @@
                 "type": "boolean"
               }
             },
-            {
-              "name": "disabled",
-              "description": "Disables the select control.",
-              "value": {
-                "type": "boolean"
-              }
-            },
             {
               "name": "multiple",
               "description": "Allows more than one option to be selected.",
@@ -12053,7 +12053,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-spinner",
+          "name": "sd-3-17-6-spinner",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/spinner",
           "js": {
@@ -12083,7 +12083,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-step-group",
+          "name": "sd-3-17-6-step-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/step-group",
           "js": {
@@ -12178,7 +12178,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-step",
+          "name": "sd-3-17-6-step",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/step",
           "js": {
@@ -12363,7 +12363,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-switch",
+          "name": "sd-3-17-6-switch",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/switch",
           "js": {
@@ -12571,7 +12571,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-tab-group",
+          "name": "sd-3-17-6-tab-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tab-group",
           "js": {
@@ -12690,7 +12690,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-tab-panel",
+          "name": "sd-3-17-6-tab-panel",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tab-panel",
           "js": {
@@ -12744,7 +12744,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-tab",
+          "name": "sd-3-17-6-tab",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tab",
           "js": {
@@ -12759,13 +12759,6 @@
                 "name": "componentId",
                 "value": {}
               },
-              {
-                "name": "panel",
-                "description": "The name of the tab panel this tab is associated with. The panel must be located in the same tab group.",
-                "value": {
-                  "type": "string"
-                }
-              },
               {
                 "name": "variant",
                 "description": "When set to container, a border appears around the current tab and tab-panel.",
@@ -12787,6 +12780,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "panel",
+                "description": "The name of the tab panel this tab is associated with. The panel must be located in the same tab group.",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
                 "name": "handleActiveChange",
                 "value": {}
@@ -12809,13 +12809,6 @@
             "events": []
           },
           "attributes": [
-            {
-              "name": "panel",
-              "description": "The name of the tab panel this tab is associated with. The panel must be located in the same tab group.",
-              "value": {
-                "type": "string"
-              }
-            },
             {
               "name": "variant",
               "description": "When set to container, a border appears around the current tab and tab-panel.",
@@ -12836,11 +12829,18 @@
               "value": {
                 "type": "boolean"
               }
+            },
+            {
+              "name": "panel",
+              "description": "The name of the tab panel this tab is associated with. The panel must be located in the same tab group.",
+              "value": {
+                "type": "string"
+              }
             }
           ]
         },
         {
-          "name": "sd-3-17-4-tag",
+          "name": "sd-3-17-6-tag",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tag",
           "js": {
@@ -12994,7 +12994,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-teaser-media",
+          "name": "sd-3-17-6-teaser-media",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser-media",
           "js": {
@@ -13022,7 +13022,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-teaser",
+          "name": "sd-3-17-6-teaser",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser",
           "js": {
@@ -13088,7 +13088,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-textarea",
+          "name": "sd-3-17-6-textarea",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/textarea",
           "js": {
@@ -13542,7 +13542,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-tooltip",
+          "name": "sd-3-17-6-tooltip",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tooltip",
           "js": {
@@ -13569,6 +13569,13 @@
                   "type": "SdPopup"
                 }
               },
+              {
+                "name": "size",
+                "description": "Sets the size of the default trigger icon.",
+                "value": {
+                  "type": "'lg' | 'sm'"
+                }
+              },
               {
                 "name": "content",
                 "description": "The tooltip's content. If you need to display HTML, use the `content` slot instead.",
@@ -13583,13 +13590,6 @@
                   "type": "'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'"
                 }
               },
-              {
-                "name": "size",
-                "description": "Sets the size of the default trigger icon.",
-                "value": {
-                  "type": "'lg' | 'sm'"
-                }
-              },
               {
                 "name": "disabled",
                 "description": "Disables the tooltip so it won't show when triggered.",
@@ -13689,6 +13689,13 @@
             ]
           },
           "attributes": [
+            {
+              "name": "size",
+              "description": "Sets the size of the default trigger icon.",
+              "value": {
+                "type": "'lg' | 'sm'"
+              }
+            },
             {
               "name": "content",
               "description": "The tooltip's content. If you need to display HTML, use the `content` slot instead.",
@@ -13703,13 +13710,6 @@
                 "type": "'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'"
               }
             },
-            {
-              "name": "size",
-              "description": "Sets the size of the default trigger icon.",
-              "value": {
-                "type": "'lg' | 'sm'"
-              }
-            },
             {
               "name": "disabled",
               "description": "Disables the tooltip so it won't show when triggered.",
@@ -13741,7 +13741,7 @@
           ]
         },
         {
-          "name": "sd-3-17-4-video",
+          "name": "sd-3-17-6-video",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/video",
           "js": {