@solid-design-system/components 4.5.0 → 4.5.2

package/cdn/custom-elements.json

@@ -90,7 +90,8 @@
                 "text": "string"
               },
               "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
-              "attribute": "summary"
+              "attribute": "summary",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -287,7 +288,8 @@
               },
               "default": "false",
               "description": "Closes other accordions.",
-              "attribute": "close-others"
+              "attribute": "close-others",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -934,7 +936,8 @@
               },
               "default": "1",
               "description": "Sets value of the audio element playback rate",
-              "attribute": "speed"
+              "attribute": "speed",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1630,7 +1633,8 @@
               },
               "default": "'primary'",
               "description": "The brandshape's theme variant.",
-              "attribute": "variant"
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1816,7 +1820,8 @@
                 "text": "string"
               },
               "default": "''",
-              "attribute": "title"
+              "attribute": "title",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1892,7 +1897,8 @@
               },
               "default": "'button'",
               "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
-              "attribute": "type"
+              "attribute": "type",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1902,7 +1908,8 @@
               },
               "default": "''",
               "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1922,7 +1929,8 @@
               },
               "default": "''",
               "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "attribute": "href"
+              "attribute": "href",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1931,7 +1939,8 @@
                 "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
               "description": "Tells the browser where to open the link. Only used when `href` is present.",
-              "attribute": "target"
+              "attribute": "target",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1940,7 +1949,8 @@
                 "text": "string | undefined"
               },
               "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
-              "attribute": "download"
+              "attribute": "download",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1949,7 +1959,8 @@
                 "text": "string"
               },
               "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
-              "attribute": "form"
+              "attribute": "form",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2390,7 +2401,8 @@
               },
               "default": "''",
               "description": "A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2699,7 +2711,8 @@
               },
               "default": "1",
               "description": "Specifies how many slides should be shown at a given time.",
-              "attribute": "slides-per-page"
+              "attribute": "slides-per-page",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2709,7 +2722,8 @@
               },
               "default": "1",
               "description": "Use `slides-per-move` to set how many slides the carousel advances when scrolling. This is useful when specifying a `slides-per-page` greater than one. By setting `slides-per-move` to the same value as `slides-per-page`, the carousel will advance by one page at a time.<br>\n<b>Note:</b><br>\n<li> The number of slides should be divisible by the number of `slides-per-page` to maintain consistent scroll behavior.</li>\n<li>Variations between `slides-per-move` and `slides-per-page` can lead to unexpected scrolling behavior. Keep your intended UX in mind when adjusting these values.</li>",
-              "attribute": "slides-per-move"
+              "attribute": "slides-per-move",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -3200,7 +3214,8 @@
                 "text": "string"
               },
               "default": "''",
-              "attribute": "title"
+              "attribute": "title",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -3210,7 +3225,8 @@
               },
               "default": "''",
               "description": "The name of the checkbox, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -3644,7 +3660,8 @@
               },
               "default": "''",
               "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -3654,7 +3671,8 @@
               },
               "default": "''",
               "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "attribute": "help-text",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -3966,7 +3984,8 @@
               },
               "default": "''",
               "description": "The name of the combobox, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4006,7 +4025,8 @@
               },
               "default": "''",
               "description": "Placeholder text to show as a hint when the combobox is empty.",
-              "attribute": "placeholder"
+              "attribute": "placeholder",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4016,7 +4036,8 @@
               },
               "default": "''",
               "description": "Label text shown on tag if max-options-visible is reached.",
-              "attribute": "max-options-tag-label"
+              "attribute": "max-options-tag-label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4048,7 +4069,8 @@
               },
               "default": "false",
               "description": "Adds a clear button when the combobox is not empty.",
-              "attribute": "clearable"
+              "attribute": "clearable",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4069,7 +4091,8 @@
               },
               "default": "false",
               "description": "Enable this option to prevent the listbox from being clipped,\nwhen the component is placed inside a container with `overflow: auto|scroll`.\nHoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "attribute": "hoist"
+              "attribute": "hoist",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4079,7 +4102,8 @@
               },
               "default": "''",
               "description": "The combobox's label. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4100,7 +4124,8 @@
               },
               "default": "''",
               "description": "The combobox's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "attribute": "help-text",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4164,7 +4189,8 @@
               },
               "default": "3",
               "description": "The maximum number of selected options to show when `multiple` and `useTags` are `true`. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
-              "attribute": "max-options-visible"
+              "attribute": "max-options-visible",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -5455,7 +5481,8 @@
               },
               "default": "false",
               "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy, accessible way for users to dismiss the drawer.",
-              "attribute": "no-header"
+              "attribute": "no-header",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -5791,7 +5818,8 @@
               },
               "default": "0",
               "description": "The distance in pixels from which to offset the panel away from its trigger. This defaults to `0` for `rounded=false` and to a minimum of `1` for `rounded=true`.",
-              "attribute": "distance"
+              "attribute": "distance",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -5801,7 +5829,8 @@
               },
               "default": "0",
               "description": "The distance in pixels from which to offset the panel along its trigger.",
-              "attribute": "skidding"
+              "attribute": "skidding",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -5833,7 +5862,8 @@
               },
               "default": "false",
               "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "attribute": "hoist"
+              "attribute": "hoist",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -7294,7 +7324,8 @@
                 "text": "string"
               },
               "description": "The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
-              "attribute": "src"
+              "attribute": "src",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7304,7 +7335,8 @@
               },
               "default": "'cors'",
               "description": "The fetch mode to use.",
-              "attribute": "mode"
+              "attribute": "mode",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7314,7 +7346,8 @@
               },
               "default": "false",
               "description": "Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
-              "attribute": "allow-scripts"
+              "attribute": "allow-scripts",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7637,10 +7670,11 @@
               "kind": "field",
               "name": "inputmode",
               "type": {
-                "text": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
+                "text": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
               },
               "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-              "attribute": "inputmode"
+              "attribute": "inputmode",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7669,7 +7703,8 @@
               },
               "default": "''",
               "description": "Placeholder text to show as a hint when the input is empty.",
-              "attribute": "placeholder"
+              "attribute": "placeholder",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7679,7 +7714,8 @@
               },
               "default": "''",
               "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7689,7 +7725,8 @@
               },
               "default": "''",
               "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "attribute": "help-text",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7699,7 +7736,8 @@
               },
               "default": "false",
               "description": "Adds a clear button when the input is not empty.",
-              "attribute": "clearable"
+              "attribute": "clearable",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7742,7 +7780,8 @@
               },
               "default": "false",
               "description": "Adds a button to toggle the password's visibility. Only applies to password types.",
-              "attribute": "password-toggle"
+              "attribute": "password-toggle",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7752,7 +7791,8 @@
               },
               "default": "false",
               "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
-              "attribute": "password-visible"
+              "attribute": "password-visible",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7762,7 +7802,8 @@
               },
               "default": "false",
               "description": "Hides the browser's built-in increment/decrement spin buttons for number inputs and displays custom buttons.",
-              "attribute": "spin-buttons"
+              "attribute": "spin-buttons",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7771,7 +7812,8 @@
                 "text": "number"
               },
               "description": "The minimum length of input that will be considered valid.",
-              "attribute": "minlength"
+              "attribute": "minlength",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7780,7 +7822,8 @@
                 "text": "number"
               },
               "description": "The maximum length of input that will be considered valid.",
-              "attribute": "maxlength"
+              "attribute": "maxlength",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7789,7 +7832,8 @@
                 "text": "number | string"
               },
               "description": "The input's minimum value. Only applies to date and number input types.",
-              "attribute": "min"
+              "attribute": "min",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7798,7 +7842,8 @@
                 "text": "number | string"
               },
               "description": "The input's maximum value. Only applies to date and number input types.",
-              "attribute": "max"
+              "attribute": "max",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7819,7 +7864,8 @@
               },
               "default": "''",
               "description": "The name of the input, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7829,7 +7875,8 @@
               },
               "default": "''",
               "description": "The `title` attribute specifies extra information about an element most often as tooltip text when the mouse moves over the element.",
-              "attribute": "title"
+              "attribute": "title",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7858,16 +7905,18 @@
                 "text": "number | 'any'"
               },
               "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
-              "attribute": "step"
+              "attribute": "step",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "autocapitalize",
               "type": {
-                "text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
+                "text": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
               },
               "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-              "attribute": "autocapitalize"
+              "attribute": "autocapitalize",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7876,7 +7925,8 @@
                 "text": "'off' | 'on'"
               },
               "description": "Indicates whether the browser's autocorrect feature is on or off.",
-              "attribute": "autocorrect"
+              "attribute": "autocorrect",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7885,7 +7935,8 @@
                 "text": "string"
               },
               "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "attribute": "autocomplete"
+              "attribute": "autocomplete",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7894,16 +7945,18 @@
                 "text": "boolean"
               },
               "description": "Indicates that the input should receive focus on page load.",
-              "attribute": "autofocus"
+              "attribute": "autofocus",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "enterkeyhint",
               "type": {
-                "text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
+                "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
               },
               "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-              "attribute": "enterkeyhint"
+              "attribute": "enterkeyhint",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8163,7 +8216,7 @@
             {
               "name": "inputmode",
               "type": {
-                "text": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
+                "text": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
               },
               "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
               "fieldName": "inputmode"
@@ -8354,7 +8407,7 @@
             {
               "name": "autocapitalize",
               "type": {
-                "text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
+                "text": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
               },
               "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
               "fieldName": "autocapitalize"
@@ -8386,7 +8439,7 @@
             {
               "name": "enterkeyhint",
               "type": {
-                "text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
+                "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
               },
               "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
               "fieldName": "enterkeyhint"
@@ -8550,7 +8603,8 @@
               },
               "default": "''",
               "description": "When not set, the link will render as disabled.",
-              "attribute": "href"
+              "attribute": "href",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8560,7 +8614,8 @@
               },
               "default": "false",
               "description": "Styles the link as if it was disabled and enables aria-disabled",
-              "attribute": "visually-disabled"
+              "attribute": "visually-disabled",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8569,7 +8624,8 @@
                 "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
               "description": "Tells the browser where to open the link. Only used when `href` is present.",
-              "attribute": "target"
+              "attribute": "target",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8578,7 +8634,8 @@
                 "text": "string | undefined"
               },
               "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
-              "attribute": "download"
+              "attribute": "download",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -8851,7 +8908,8 @@
               },
               "default": "''",
               "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "attribute": "href"
+              "attribute": "href",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8860,7 +8918,8 @@
                 "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
               "description": "Tells the browser where to open the link. Only used when `href` is present.",
-              "attribute": "target"
+              "attribute": "target",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8870,7 +8929,8 @@
               },
               "default": "''",
               "description": "Only relevant when map-marker is interactive.\nWhen set, it will be used to announce the name of the map-marker to screenreaders,\notherwise, screenreaders will announce the content inside the default slot.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -9140,7 +9200,8 @@
                 "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
               "description": "Tells the browser where to open the link. Only used when `href` is defined.",
-              "attribute": "target"
+              "attribute": "target",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -9149,7 +9210,8 @@
                 "text": "string | undefined"
               },
               "description": "Tells the browser to download the linked file as this filename. Only used when `href` is defined.",
-              "attribute": "download"
+              "attribute": "download",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -9564,7 +9626,8 @@
               "name": "duration",
               "default": "Infinity",
               "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.",
-              "attribute": "duration"
+              "attribute": "duration",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -9864,7 +9927,8 @@
               },
               "default": "''",
               "description": "The optgroups label. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10292,7 +10356,8 @@
                 "text": "Element | string"
               },
               "description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.",
-              "attribute": "anchor"
+              "attribute": "anchor",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10335,7 +10400,8 @@
               },
               "default": "0",
               "description": "The distance in pixels from which to offset the panel away from its anchor.",
-              "attribute": "distance"
+              "attribute": "distance",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10345,7 +10411,8 @@
               },
               "default": "0",
               "description": "The distance in pixels from which to offset the panel along its anchor.",
-              "attribute": "skidding"
+              "attribute": "skidding",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10355,17 +10422,19 @@
               },
               "default": "false",
               "description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
-              "attribute": "arrow"
+              "attribute": "arrow",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "arrowPlacement",
               "type": {
-                "text": "'start' | 'end' | 'center' | 'anchor'"
+                "text": "| 'start'\n    | 'end'\n    | 'center'\n    | 'anchor'"
               },
               "default": "'anchor'",
               "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
-              "attribute": "arrow-placement"
+              "attribute": "arrow-placement",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10375,7 +10444,8 @@
               },
               "default": "10",
               "description": "The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.",
-              "attribute": "arrow-padding"
+              "attribute": "arrow-padding",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10385,7 +10455,8 @@
               },
               "default": "false",
               "description": "When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.",
-              "attribute": "flip"
+              "attribute": "flip",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10624,7 +10695,7 @@
             {
               "name": "arrow-placement",
               "type": {
-                "text": "'start' | 'end' | 'center' | 'anchor'"
+                "text": "| 'start'\n    | 'end'\n    | 'center'\n    | 'anchor'"
               },
               "default": "'anchor'",
               "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
@@ -10962,6 +11033,7 @@
               },
               "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
               "attribute": "summary",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "SdAccordion",
                 "module": "components/accordion/accordion.js"
@@ -11770,7 +11842,8 @@
               },
               "default": "''",
               "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11780,7 +11853,8 @@
               },
               "default": "''",
               "description": "The element help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "attribute": "help-text",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11801,7 +11875,8 @@
               },
               "default": "'option'",
               "description": "The name of the radio group, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11811,8 +11886,7 @@
               },
               "default": "''",
               "description": "The current value of the radio group, submitted as a name/value pair with form data.",
-              "attribute": "value",
-              "reflects": true
+              "attribute": "value"
             },
             {
               "kind": "field",
@@ -12613,7 +12687,8 @@
               },
               "default": "''",
               "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12623,7 +12698,8 @@
               },
               "default": "''",
               "description": "Placeholder text to show as a hint when the select is empty.",
-              "attribute": "placeholder"
+              "attribute": "placeholder",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12633,7 +12709,8 @@
               },
               "default": "''",
               "description": "Label text shown on tag if max-options-visible is reached.",
-              "attribute": "max-options-tag-label"
+              "attribute": "max-options-tag-label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12665,7 +12742,8 @@
               },
               "default": "''",
               "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "attribute": "help-text",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12707,7 +12785,8 @@
               },
               "default": "3",
               "description": "The maximum number of selected options to show when `multiple` and `useTags` are `true`. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
-              "attribute": "max-options-visible"
+              "attribute": "max-options-visible",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12728,7 +12807,8 @@
               },
               "default": "''",
               "description": "The name of the select, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12770,7 +12850,8 @@
               },
               "default": "false",
               "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "attribute": "hoist"
+              "attribute": "hoist",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -13453,7 +13534,8 @@
               },
               "default": "''",
               "description": "The step's label overwriting the `label` slot. Use the `label` slot for complex label content.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -13463,7 +13545,8 @@
               },
               "default": "''",
               "description": "The step's description overwriting the `description` slot. Use the `description` slot for complex description content.",
-              "attribute": "description"
+              "attribute": "description",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -13484,7 +13567,8 @@
               },
               "default": "''",
               "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "attribute": "href"
+              "attribute": "href",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -13775,7 +13859,8 @@
               },
               "default": "''",
               "description": "A label to use in the step-group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -13993,7 +14078,8 @@
               },
               "default": "''",
               "description": "The title of the switch adds a tooltip with title text.",
-              "attribute": "title"
+              "attribute": "title",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -14003,7 +14089,8 @@
               },
               "default": "''",
               "description": "The name of the switch, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -14632,7 +14719,8 @@
               },
               "default": "'auto'",
               "description": "When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.",
-              "attribute": "activation"
+              "attribute": "activation",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -15051,7 +15139,8 @@
               },
               "default": "''",
               "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "attribute": "href"
+              "attribute": "href",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15060,7 +15149,8 @@
                 "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
               "description": "Tells the browser where to open the link. Only used when `href` is present.",
-              "attribute": "target"
+              "attribute": "target",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15069,7 +15159,8 @@
                 "text": "string | undefined"
               },
               "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
-              "attribute": "download"
+              "attribute": "download",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -15768,7 +15859,8 @@
               },
               "default": "''",
               "description": "An empty title prevents browser validation tooltips from appearing on hover",
-              "attribute": "title"
+              "attribute": "title",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15778,7 +15870,8 @@
               },
               "default": "''",
               "description": "The name of the textarea, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15809,7 +15902,8 @@
               },
               "default": "''",
               "description": "The textarea's label. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15819,7 +15913,8 @@
               },
               "default": "''",
               "description": "The textarea's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
+              "attribute": "help-text",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15829,7 +15924,8 @@
               },
               "default": "''",
               "description": "Placeholder text to show as a hint when the input is empty.",
-              "attribute": "placeholder"
+              "attribute": "placeholder",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15839,7 +15935,8 @@
               },
               "default": "4",
               "description": "The number of rows to display by default.",
-              "attribute": "rows"
+              "attribute": "rows",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15903,7 +16000,8 @@
                 "text": "number"
               },
               "description": "The minimum length of input that will be considered valid.",
-              "attribute": "minlength"
+              "attribute": "minlength",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15912,16 +16010,18 @@
                 "text": "number"
               },
               "description": "The maximum length of input that will be considered valid.",
-              "attribute": "maxlength"
+              "attribute": "maxlength",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "autocapitalize",
               "type": {
-                "text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
+                "text": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
               },
               "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-              "attribute": "autocapitalize"
+              "attribute": "autocapitalize",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15930,7 +16030,8 @@
                 "text": "'off' | 'on'"
               },
               "description": "Indicates whether the browser's autocorrect feature is on or off.",
-              "attribute": "autocorrect"
+              "attribute": "autocorrect",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15939,7 +16040,8 @@
                 "text": "string"
               },
               "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "attribute": "autocomplete"
+              "attribute": "autocomplete",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15948,16 +16050,18 @@
                 "text": "boolean"
               },
               "description": "Indicates that the input should receive focus on page load.",
-              "attribute": "autofocus"
+              "attribute": "autofocus",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "enterkeyhint",
               "type": {
-                "text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
+                "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
               },
               "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-              "attribute": "enterkeyhint"
+              "attribute": "enterkeyhint",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15987,7 +16091,8 @@
                 "text": "'none' | 'text'"
               },
               "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-              "attribute": "inputmode"
+              "attribute": "inputmode",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -16356,7 +16461,7 @@
             {
               "name": "autocapitalize",
               "type": {
-                "text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
+                "text": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
               },
               "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
               "fieldName": "autocapitalize"
@@ -16388,7 +16493,7 @@
             {
               "name": "enterkeyhint",
               "type": {
-                "text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
+                "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
               },
               "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
               "fieldName": "enterkeyhint"
@@ -16550,7 +16655,8 @@
               },
               "default": "'lg'",
               "description": "Sets the size of the default trigger icon.",
-              "attribute": "size"
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -16560,13 +16666,14 @@
               },
               "default": "''",
               "description": "The tooltip's content. If you need to display HTML, use the `content` slot instead.",
-              "attribute": "content"
+              "attribute": "content",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "placement",
               "type": {
-                "text": "'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'"
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
               },
               "default": "'top'",
               "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
@@ -16603,7 +16710,8 @@
               },
               "default": "'click focus'",
               "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
-              "attribute": "trigger"
+              "attribute": "trigger",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -16613,7 +16721,8 @@
               },
               "default": "false",
               "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-              "attribute": "hoist"
+              "attribute": "hoist",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -16716,7 +16825,7 @@
             {
               "name": "placement",
               "type": {
-                "text": "'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'"
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
               },
               "default": "'top'",
               "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
@@ -17029,7 +17138,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "4.5.0",
+    "version": "4.5.2",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"