@baloise/ds-core 20.0.0-next.6 → 20.0.0-next.8

package/docs/cem.json

@@ -726,6 +726,7 @@
             {
               "kind": "method",
               "name": "setFocus",
+              "description": "Sets focus on the given elements using the app's focus-visible handling.",
               "parameters": [
                 {
                   "name": "elements",
@@ -816,7 +817,7 @@
               "name": "color",
               "description": "Define the color for the badge.",
               "type": {
-                "text": "\"\" | \"danger\" | \"green\" | \"grey\" | \"purple\" | \"red\" | \"success\" | \"warning\" | \"yellow\"",
+                "text": "\"danger\" | \"green\" | \"grey\" | \"purple\" | \"red\" | \"success\" | \"warning\" | \"yellow\" | undefined",
                 "references": [
                   {
                     "name": "BadgeColor",
@@ -824,7 +825,6 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "color"
             },
             {
@@ -838,9 +838,9 @@
             },
             {
               "name": "position",
-              "description": "If `true` the badge is added to the top right corner of the card.",
+              "description": "Defines where the badge is positioned relative to its host, e.g. the top right corner of a card.",
               "type": {
-                "text": "\"\" | \"button\" | \"card\" | \"tabs\"",
+                "text": "\"button\" | \"card\" | \"tabs\" | undefined",
                 "references": [
                   {
                     "name": "BadgePosition",
@@ -848,7 +848,6 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "position"
             },
             {
@@ -864,7 +863,7 @@
               "name": "size",
               "description": "Define the size of badge. Small is recommended for tabs.",
               "type": {
-                "text": "\"\" | \"large\" | \"lg\" | \"sm\" | \"small\"",
+                "text": "\"large\" | \"lg\" | \"sm\" | \"small\" | undefined",
                 "references": [
                   {
                     "name": "BadgeSize",
@@ -872,7 +871,6 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "size"
             }
           ],
@@ -882,7 +880,7 @@
               "name": "color",
               "description": "Define the color for the badge.",
               "type": {
-                "text": "\"\" | \"danger\" | \"green\" | \"grey\" | \"purple\" | \"red\" | \"success\" | \"warning\" | \"yellow\"",
+                "text": "\"danger\" | \"green\" | \"grey\" | \"purple\" | \"red\" | \"success\" | \"warning\" | \"yellow\" | undefined",
                 "references": [
                   {
                     "name": "BadgeColor",
@@ -890,7 +888,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "color",
               "reflects": true
@@ -909,9 +906,9 @@
             {
               "kind": "field",
               "name": "position",
-              "description": "If `true` the badge is added to the top right corner of the card.",
+              "description": "Defines where the badge is positioned relative to its host, e.g. the top right corner of a card.",
               "type": {
-                "text": "\"\" | \"button\" | \"card\" | \"tabs\"",
+                "text": "\"button\" | \"card\" | \"tabs\" | undefined",
                 "references": [
                   {
                     "name": "BadgePosition",
@@ -919,7 +916,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "position",
               "reflects": true
@@ -941,7 +937,7 @@
               "name": "size",
               "description": "Define the size of badge. Small is recommended for tabs.",
               "type": {
-                "text": "\"\" | \"large\" | \"lg\" | \"sm\" | \"small\"",
+                "text": "\"large\" | \"lg\" | \"sm\" | \"small\" | undefined",
                 "references": [
                   {
                     "name": "BadgeSize",
@@ -949,7 +945,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "size",
               "reflects": true
@@ -1050,7 +1045,7 @@
               "name": "color",
               "description": "The color to use from your application's color palette.",
               "type": {
-                "text": "\"\" | \"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\"",
+                "text": "\"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\"",
                 "references": [
                   {
                     "name": "ButtonColor",
@@ -1338,7 +1333,7 @@
               "name": "color",
               "description": "The color to use from your application's color palette.",
               "type": {
-                "text": "\"\" | \"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\"",
+                "text": "\"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\"",
                 "references": [
                   {
                     "name": "ButtonColor",
@@ -1960,7 +1955,7 @@
               "name": "image-teaser",
               "description": "If `true` the card image is displayed as a teaser, which means\nit is displayed with a large image.",
               "type": {
-                "text": "\"\" | \"wide-center\" | \"wide-left\" | \"wide-right\"",
+                "text": "\"\" | \"wide-center\" | \"wide-left\" | \"wide-right\" | undefined",
                 "references": [
                   {
                     "name": "CardImageTeaser",
@@ -1968,7 +1963,7 @@
                   }
                 ]
               },
-              "default": "''",
+              "default": "undefined",
               "fieldName": "imageTeaser"
             },
             {
@@ -2115,7 +2110,7 @@
               "name": "imageTeaser",
               "description": "If `true` the card image is displayed as a teaser, which means\nit is displayed with a large image.",
               "type": {
-                "text": "\"\" | \"wide-center\" | \"wide-left\" | \"wide-right\"",
+                "text": "\"\" | \"wide-center\" | \"wide-left\" | \"wide-right\" | undefined",
                 "references": [
                   {
                     "name": "CardImageTeaser",
@@ -2123,7 +2118,7 @@
                   }
                 ]
               },
-              "default": "''",
+              "default": "undefined",
               "readonly": true,
               "attribute": "image-teaser"
             },
@@ -2455,7 +2450,7 @@
               "name": "color",
               "description": "If `true` the card text color becomes white.",
               "type": {
-                "text": "\"\" | \"blue\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | \"white\"",
+                "text": "\"blue\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | \"white\" | undefined",
                 "references": [
                   {
                     "name": "HeadingColor",
@@ -2463,7 +2458,6 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "color"
             },
             {
@@ -2493,7 +2487,7 @@
               "name": "color",
               "description": "If `true` the card text color becomes white.",
               "type": {
-                "text": "\"\" | \"blue\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | \"white\"",
+                "text": "\"blue\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | \"white\" | undefined",
                 "references": [
                   {
                     "name": "HeadingColor",
@@ -2501,7 +2495,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "color"
             },
@@ -2587,7 +2580,7 @@
               "name": "visual-level",
               "description": "Make the visual style mimic a specific heading level.\nThis option allows you to make e.g. h1 visually look like h3,\nbut still keep it h1 in the markup.",
               "type": {
-                "text": "\"\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\"",
+                "text": "\"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\" | undefined",
                 "references": [
                   {
                     "name": "HeadingVisualLevel",
@@ -2595,7 +2588,6 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "visualLevel"
             }
           ],
@@ -2633,7 +2625,7 @@
               "name": "visualLevel",
               "description": "Make the visual style mimic a specific heading level.\nThis option allows you to make e.g. h1 visually look like h3,\nbut still keep it h1 in the markup.",
               "type": {
-                "text": "\"\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\"",
+                "text": "\"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\" | undefined",
                 "references": [
                   {
                     "name": "HeadingVisualLevel",
@@ -2641,7 +2633,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "visual-level"
             }
@@ -3076,6 +3067,15 @@
               "default": "false",
               "fieldName": "disabled"
             },
+            {
+              "name": "hide-trigger",
+              "description": "If `true` and `tile` is set, the checkbox box is visually hidden. The tile remains fully clickable and keyboard-accessible.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideTrigger"
+            },
             {
               "name": "invalid",
               "description": "If `true` the component gets a invalid style.",
@@ -3204,6 +3204,17 @@
               "readonly": true,
               "attribute": "disabled"
             },
+            {
+              "kind": "field",
+              "name": "hideTrigger",
+              "description": "If `true` and `tile` is set, the checkbox box is visually hidden. The tile remains fully clickable and keyboard-accessible.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "hide-trigger"
+            },
             {
               "kind": "field",
               "name": "invalid",
@@ -3497,6 +3508,15 @@
               "default": "false",
               "fieldName": "disabled"
             },
+            {
+              "name": "hide-trigger",
+              "description": "If `true` and `tile` is set, the checkbox box is visually hidden on every checkbox in the group.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideTrigger"
+            },
             {
               "name": "invalid",
               "description": "If `true` the component gets a invalid style.",
@@ -3712,6 +3732,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "hideTrigger",
+              "description": "If `true` and `tile` is set, the checkbox box is visually hidden on every checkbox in the group.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "hide-trigger"
+            },
             {
               "kind": "field",
               "name": "invalid",
@@ -3906,6 +3937,10 @@
             {
               "name": "",
               "description": "The checkbox items to display inside the group."
+            },
+            {
+              "name": "invalid-text",
+              "description": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
             }
           ]
         }
@@ -3951,7 +3986,7 @@
               "name": "button-color",
               "description": "Defines the color of the button variant. Only applicable if `button` is `true`.",
               "type": {
-                "text": "\"\" | \"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\"",
+                "text": "\"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\" | undefined",
                 "references": [
                   {
                     "name": "ButtonColor",
@@ -3959,7 +3994,6 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "buttonColor"
             },
             {
@@ -3984,7 +4018,7 @@
               "name": "size",
               "description": "Define the size of badge. Small is recommended for tabs.",
               "type": {
-                "text": "\"\" | \"md\" | \"medium\" | \"sm\" | \"small\"",
+                "text": "\"md\" | \"medium\" | \"sm\" | \"small\" | undefined",
                 "references": [
                   {
                     "name": "CloseSize",
@@ -3992,7 +4026,6 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "size"
             }
           ],
@@ -4013,7 +4046,7 @@
               "name": "buttonColor",
               "description": "Defines the color of the button variant. Only applicable if `button` is `true`.",
               "type": {
-                "text": "\"\" | \"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\"",
+                "text": "\"danger\" | \"info\" | \"info-light\" | \"light\" | \"link\" | \"primary\" | \"primary-light\" | \"secondary\" | \"success\" | \"tertiary\" | \"tertiary-green\" | \"tertiary-purple\" | \"tertiary-red\" | \"tertiary-yellow\" | \"text\" | \"warning\" | undefined",
                 "references": [
                   {
                     "name": "ButtonColor",
@@ -4021,7 +4054,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "button-color"
             },
@@ -4053,7 +4085,7 @@
               "name": "size",
               "description": "Define the size of badge. Small is recommended for tabs.",
               "type": {
-                "text": "\"\" | \"md\" | \"medium\" | \"sm\" | \"small\"",
+                "text": "\"md\" | \"medium\" | \"sm\" | \"small\" | undefined",
                 "references": [
                   {
                     "name": "CloseSize",
@@ -4061,7 +4093,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "size",
               "reflects": true
@@ -4110,7 +4141,7 @@
               "name": "align",
               "description": "Defines the positioning like center, end or\ndefault to start.",
               "type": {
-                "text": "\"\" | \"center\" | \"end\" | \"start\"",
+                "text": "\"center\" | \"end\" | \"start\" | undefined",
                 "references": [
                   {
                     "name": "ContentAlignment",
@@ -4118,14 +4149,13 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "align"
             },
             {
               "name": "direction",
               "description": "Defines the direction of the child elements. Default is column.",
               "type": {
-                "text": "\"\" | \"column\" | \"column-reverse\" | \"row\" | \"row-reverse\"",
+                "text": "\"column\" | \"column-reverse\" | \"row\" | \"row-reverse\" | undefined",
                 "references": [
                   {
                     "name": "StackDirection",
@@ -4133,14 +4163,13 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "direction"
             },
             {
               "name": "layout",
               "description": "**Deprecated:** Use direction instead.",
               "type": {
-                "text": "\"\" | \"horizontal\" | \"horizontal-reverse\" | \"vertical\" | \"vertical-reverse\"",
+                "text": "\"\" | \"horizontal\" | \"horizontal-reverse\" | \"vertical\" | \"vertical-reverse\" | undefined",
                 "references": [
                   {
                     "name": "StackLayout",
@@ -4148,14 +4177,13 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "layout"
             },
             {
               "name": "space",
               "description": "Defines the space between the child elements. Default is xx-small.",
               "type": {
-                "text": "\"\" | \"2xs\" | \"3xs\" | \"base\" | \"none\" | \"normal\" | \"sm\" | \"small\" | \"x-small\" | \"xs\" | \"xx-small\" | \"xxx-small\"",
+                "text": "\"2xs\" | \"3xs\" | \"base\" | \"none\" | \"normal\" | \"sm\" | \"small\" | \"x-small\" | \"xs\" | \"xx-small\" | \"xxx-small\" | undefined",
                 "references": [
                   {
                     "name": "ContentSpace",
@@ -4163,14 +4191,13 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "space"
             },
             {
               "name": "text-align",
               "description": "Defines the text positioning like center, right or\ndefault to left.",
               "type": {
-                "text": "\"\" | \"center\" | \"left\" | \"right\"",
+                "text": "\"\" | \"center\" | \"left\" | \"right\" | undefined",
                 "references": [
                   {
                     "name": "ContentTextAlignment",
@@ -4178,7 +4205,6 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "textAlign"
             }
           ],
@@ -4188,7 +4214,7 @@
               "name": "align",
               "description": "Defines the positioning like center, end or\ndefault to start.",
               "type": {
-                "text": "\"\" | \"center\" | \"end\" | \"start\"",
+                "text": "\"center\" | \"end\" | \"start\" | undefined",
                 "references": [
                   {
                     "name": "ContentAlignment",
@@ -4196,7 +4222,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "align"
             },
@@ -4205,7 +4230,7 @@
               "name": "direction",
               "description": "Defines the direction of the child elements. Default is column.",
               "type": {
-                "text": "\"\" | \"column\" | \"column-reverse\" | \"row\" | \"row-reverse\"",
+                "text": "\"column\" | \"column-reverse\" | \"row\" | \"row-reverse\" | undefined",
                 "references": [
                   {
                     "name": "StackDirection",
@@ -4213,7 +4238,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "direction"
             },
@@ -4222,7 +4246,7 @@
               "name": "layout",
               "description": "**Deprecated:** Use direction instead.",
               "type": {
-                "text": "\"\" | \"horizontal\" | \"horizontal-reverse\" | \"vertical\" | \"vertical-reverse\"",
+                "text": "\"\" | \"horizontal\" | \"horizontal-reverse\" | \"vertical\" | \"vertical-reverse\" | undefined",
                 "references": [
                   {
                     "name": "StackLayout",
@@ -4230,7 +4254,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "layout"
             },
@@ -4239,7 +4262,7 @@
               "name": "space",
               "description": "Defines the space between the child elements. Default is xx-small.",
               "type": {
-                "text": "\"\" | \"2xs\" | \"3xs\" | \"base\" | \"none\" | \"normal\" | \"sm\" | \"small\" | \"x-small\" | \"xs\" | \"xx-small\" | \"xxx-small\"",
+                "text": "\"2xs\" | \"3xs\" | \"base\" | \"none\" | \"normal\" | \"sm\" | \"small\" | \"x-small\" | \"xs\" | \"xx-small\" | \"xxx-small\" | undefined",
                 "references": [
                   {
                     "name": "ContentSpace",
@@ -4247,7 +4270,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "space"
             },
@@ -4256,7 +4278,7 @@
               "name": "textAlign",
               "description": "Defines the text positioning like center, right or\ndefault to left.",
               "type": {
-                "text": "\"\" | \"center\" | \"left\" | \"right\"",
+                "text": "\"\" | \"center\" | \"left\" | \"right\" | undefined",
                 "references": [
                   {
                     "name": "ContentTextAlignment",
@@ -4264,7 +4286,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "text-align"
             }
@@ -5224,6 +5245,12 @@
               }
             }
           ],
+          "slots": [
+            {
+              "name": "invalid-text",
+              "description": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+            }
+          ],
           "cssParts": [
             {
               "name": "clear",
@@ -6226,6 +6253,12 @@
               }
             }
           ],
+          "slots": [
+            {
+              "name": "invalid-text",
+              "description": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+            }
+          ],
           "cssParts": [
             {
               "name": "drop-zone",
@@ -6451,7 +6484,7 @@
               "name": "auto-level",
               "description": "The actual heading level used in the HTML markup.",
               "type": {
-                "text": "\"\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\"",
+                "text": "\"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\" | undefined",
                 "references": [
                   {
                     "name": "HeadingVisualLevel",
@@ -6459,14 +6492,13 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "autoLevel"
             },
             {
               "name": "color",
               "description": "The theme type of the toast.",
               "type": {
-                "text": "\"\" | \"blue\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | \"white\"",
+                "text": "\"blue\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | \"white\" | undefined",
                 "references": [
                   {
                     "name": "HeadingColor",
@@ -6474,7 +6506,6 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "color"
             },
             {
@@ -6523,7 +6554,7 @@
               "name": "space",
               "description": "Defines at which position the heading has spacing.",
               "type": {
-                "text": "\"\" | \"all\" | \"bottom\" | \"none\" | \"top\"",
+                "text": "\"all\" | \"bottom\" | \"none\" | \"top\" | undefined",
                 "references": [
                   {
                     "name": "HeadingSpace",
@@ -6531,7 +6562,6 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "space"
             },
             {
@@ -6547,7 +6577,7 @@
               "name": "visual-level",
               "description": "Make the visual style mimic a specific heading level.\nThis option allows you to make e.g. h1 visually look like h3,\nbut still keep it h1 in the markup.",
               "type": {
-                "text": "\"\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\"",
+                "text": "\"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\" | undefined",
                 "references": [
                   {
                     "name": "HeadingVisualLevel",
@@ -6555,7 +6585,6 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "visualLevel"
             }
           ],
@@ -6565,7 +6594,7 @@
               "name": "autoLevel",
               "description": "The actual heading level used in the HTML markup.",
               "type": {
-                "text": "\"\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\"",
+                "text": "\"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\" | undefined",
                 "references": [
                   {
                     "name": "HeadingVisualLevel",
@@ -6573,7 +6602,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "auto-level",
               "reflects": true
@@ -6583,7 +6611,7 @@
               "name": "color",
               "description": "The theme type of the toast.",
               "type": {
-                "text": "\"\" | \"blue\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | \"white\"",
+                "text": "\"blue\" | \"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\" | \"white\" | undefined",
                 "references": [
                   {
                     "name": "HeadingColor",
@@ -6591,7 +6619,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "color",
               "reflects": true
@@ -6655,7 +6682,7 @@
               "name": "space",
               "description": "Defines at which position the heading has spacing.",
               "type": {
-                "text": "\"\" | \"all\" | \"bottom\" | \"none\" | \"top\"",
+                "text": "\"all\" | \"bottom\" | \"none\" | \"top\" | undefined",
                 "references": [
                   {
                     "name": "HeadingSpace",
@@ -6663,7 +6690,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "space",
               "reflects": true
@@ -6685,7 +6711,7 @@
               "name": "visualLevel",
               "description": "Make the visual style mimic a specific heading level.\nThis option allows you to make e.g. h1 visually look like h3,\nbut still keep it h1 in the markup.",
               "type": {
-                "text": "\"\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\"",
+                "text": "\"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"base\" | \"display\" | \"display-2\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"lg\" | \"md\" | \"xl\" | undefined",
                 "references": [
                   {
                     "name": "HeadingVisualLevel",
@@ -6693,7 +6719,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "visual-level",
               "reflects": true
@@ -7864,212 +7889,728 @@
               "name": "label",
               "description": "The label of the input, which is displayed above the input field.",
               "type": {
-                "text": "string"
+                "text": "string"
+              },
+              "default": "''",
+              "readonly": true,
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "description": "Shows a loading indicator at the end of the input and replaces the end slot content.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "loading"
+            },
+            {
+              "kind": "field",
+              "name": "mask",
+              "description": "Mask of the input field. It defines what the user can enter and how the format looks like. Currently, only for Switzerland formatted with addition of Belgian enterprisenumber and IBAN.\nFormatting for 'contract-number': '99/1.234.567-1'\nFormatting for 'basic-contract-number': '99/1.234.567'\nFormatting for 'claim-number': ('73/001217/16.9')\nFormatting for 'offer-number': ('98/7.654.321')\nFormatting for 'be-enterprise-number': ('1234.567.890')\nFormatting for 'be-iban': ('BE68 5390 0754 7034')",
+              "type": {
+                "text": "\"\" | \"basic-contract-number\" | \"be-enterprise-number\" | \"be-iban\" | \"claim-number\" | \"contract-number\" | \"offer-number\" | \"vehicle-registration-number\" | undefined",
+                "references": [
+                  {
+                    "name": "InputMask",
+                    "module": "./input.interfaces"
+                  }
+                ]
+              },
+              "default": "undefined",
+              "readonly": true,
+              "attribute": "mask"
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "description": "The maximum value, which must not be less than its minimum (min attribute) value.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "readonly": true,
+              "attribute": "max"
+            },
+            {
+              "kind": "field",
+              "name": "maxLength",
+              "description": "Defines the max length of the value.",
+              "type": {
+                "text": "number | undefined"
+              },
+              "readonly": true,
+              "attribute": "max-length"
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "description": "The minimum value, which must not be greater than its maximum (max attribute) value.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "readonly": true,
+              "attribute": "min"
+            },
+            {
+              "kind": "field",
+              "name": "minLength",
+              "description": "Defines the min length of the value.",
+              "type": {
+                "text": "number | undefined"
+              },
+              "readonly": true,
+              "attribute": "min-length"
+            },
+            {
+              "kind": "field",
+              "name": "multiple",
+              "description": "If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to `\"email\"` or `\"file\"`, otherwise it is ignored.",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "readonly": true,
+              "attribute": "multiple"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "description": "The name of the control, which is submitted with the form data.",
+              "type": {
+                "text": "string"
+              },
+              "default": "this.inputId",
+              "readonly": true,
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "pattern",
+              "description": "A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, `\"date\"`, or `\"password\"`, otherwise it is ignored. When the type attribute is `\"date\"`, `pattern` will only be used in browsers that do not support the `\"date\"` input type natively. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for more information.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "readonly": true,
+              "attribute": "pattern"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "description": "Instructional text that shows before the input has a value.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "readonly": true,
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "description": "If `true` the element can not mutated, meaning the user can not edit the control.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "readonly"
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "description": "If `true`, the user must fill in a value before submitting a form.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "readonly": true,
+              "attribute": "required"
+            },
+            {
+              "kind": "field",
+              "name": "spellcheck",
+              "description": "If `true`, the element will have its spelling and grammar checked.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "spellcheck"
+            },
+            {
+              "kind": "field",
+              "name": "suffix",
+              "description": "Adds a suffix the the input-value after blur.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "readonly": true,
+              "attribute": "suffix"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "description": "Defines the type of the input (text, number, email ...).",
+              "type": {
+                "text": "\"\" | \"color\" | \"date\" | \"datetime-local\" | \"email\" | \"file\" | \"image\" | \"month\" | \"number\" | \"password\" | \"range\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\"",
+                "references": [
+                  {
+                    "name": "InputInputType",
+                    "module": "./input.interfaces"
+                  }
+                ]
+              },
+              "default": "'text'",
+              "readonly": true,
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "The value of the input.",
+              "type": {
+                "text": "null | string"
+              },
+              "default": "null",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "getInputElement",
+              "description": "Returns the native `<input>` element used under the hood.",
+              "return": {
+                "type": {
+                  "text": "Promise<HTMLInputElement>",
+                  "references": [
+                    {
+                      "name": "Promise",
+                      "package": "global:"
+                    },
+                    {
+                      "name": "HTMLInputElement",
+                      "package": "global:"
+                    }
+                  ]
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setFocus",
+              "description": "Sets focus on the native `input` in `ds-input`. Use this method instead of the global\n`input.focus()`.",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "name": "Promise",
+                      "package": "global:"
+                    }
+                  ]
+                }
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "dsBlur",
+              "description": "Emitted when a keyboard input occurred.",
+              "type": {
+                "text": "CustomEvent<FocusEvent>",
+                "references": [
+                  {
+                    "name": "InputBlurDetail",
+                    "module": "./input.interfaces"
+                  }
+                ]
+              }
+            },
+            {
+              "name": "dsChange",
+              "description": "Emitted when the input value has changed.",
+              "type": {
+                "text": "CustomEvent<null | string>",
+                "references": [
+                  {
+                    "name": "InputChangeDetail",
+                    "module": "./input.interfaces"
+                  }
+                ]
+              }
+            },
+            {
+              "name": "dsClick",
+              "description": "Emitted when the input has clicked",
+              "type": {
+                "text": "CustomEvent<MouseEvent>",
+                "references": [
+                  {
+                    "name": "InputClickDetail",
+                    "module": "./input.interfaces"
+                  }
+                ]
+              }
+            },
+            {
+              "name": "dsFocus",
+              "description": "Emitted when the input has focus.",
+              "type": {
+                "text": "CustomEvent<FocusEvent>",
+                "references": [
+                  {
+                    "name": "InputFocusDetail",
+                    "module": "./input.interfaces"
+                  }
+                ]
+              }
+            },
+            {
+              "name": "dsInput",
+              "description": "Emitted when a keyboard input occurred.",
+              "type": {
+                "text": "CustomEvent<null | string>",
+                "references": [
+                  {
+                    "name": "InputInputDetail",
+                    "module": "./input.interfaces"
+                  }
+                ]
+              }
+            },
+            {
+              "name": "dsKeyPress",
+              "description": "Emitted when a keyboard key has pressed.",
+              "type": {
+                "text": "CustomEvent<KeyboardEvent>",
+                "references": [
+                  {
+                    "name": "InputKeyPressDetail",
+                    "module": "./input.interfaces"
+                  }
+                ]
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "invalid-text",
+              "description": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "input",
+              "description": "The native HTML input element."
+            },
+            {
+              "name": "prefix",
+              "description": "The prefix wrapper (if used)."
+            },
+            {
+              "name": "suffix",
+              "description": "The suffix wrapper (if used)."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DsInput",
+          "declaration": {
+            "name": "DsInput"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ds-input",
+          "declaration": {
+            "name": "DsInput"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/input-slider/input-slider.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "ds-input-slider",
+          "name": "DsInputSlider",
+          "description": "Input slider renders a noUiSlider-backed slider with validation and label/description messaging.",
+          "attributes": [
+            {
+              "name": "auto-invalid-off",
+              "description": "If `true`, in Angular reactive forms the control will not be set invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "autoInvalidOff"
+            },
+            {
+              "name": "brand-color",
+              "description": "Recolors the connect (the filled progress track) with a brand color instead of the default\ngrey/primary style. Left of the handle uses the darker `-4` shade, right of it the lighter\n`-2` shade. Empty (default) keeps the current grey/primary look.",
+              "type": {
+                "text": "\"\" | \"green\" | \"purple\" | \"red\" | \"yellow\"",
+                "references": [
+                  {
+                    "name": "InputSliderBrandColor",
+                    "module": "./input-slider.interfaces"
+                  }
+                ]
+              },
+              "default": "''",
+              "fieldName": "brandColor"
+            },
+            {
+              "name": "color",
+              "description": "Defines the color of the slider. The default value is `primary`.",
+              "type": {
+                "text": "\"\" | \"danger\" | \"primary\" | \"success\" | \"warning\"",
+                "references": [
+                  {
+                    "name": "InputColor",
+                    "module": "../input/input.interfaces"
+                  }
+                ]
+              },
+              "default": "'primary'",
+              "fieldName": "color"
+            },
+            {
+              "name": "debounce",
+              "description": "Set the amount of time, in milliseconds, to wait to trigger the `dsChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "debounce"
+            },
+            {
+              "name": "description",
+              "description": "The description of the slider, which is displayed below the control.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "description"
+            },
+            {
+              "name": "disabled",
+              "description": "If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "invalid",
+              "description": "If `true` the component gets an invalid style.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "invalid"
+            },
+            {
+              "name": "invalid-text",
+              "description": "The text to display when the slider is in an invalid state.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "invalidText"
+            },
+            {
+              "name": "label",
+              "description": "The label of the slider, which is displayed above the control.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "label"
+            },
+            {
+              "name": "max",
+              "description": "The maximum value of the slider.",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "fieldName": "max"
+            },
+            {
+              "name": "min",
+              "description": "The minimum value of the slider.",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "min"
+            },
+            {
+              "name": "name",
+              "description": "The name of the control, which is submitted with the form data.",
+              "type": {
+                "text": "string"
+              },
+              "default": "this.inputSliderId",
+              "fieldName": "name"
+            },
+            {
+              "name": "readonly",
+              "description": "If `true` the element can not be mutated. noUiSlider has no native concept of\n`readonly`, so this is treated as equivalent to `disabled`.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "readonly"
+            },
+            {
+              "name": "required",
+              "description": "If `true`, the user must fill in a value before submitting a form.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "required"
+            },
+            {
+              "name": "step",
+              "description": "The granularity the value must adhere to, as a string so `\"any\"` (free,\ncontinuous dragging with no step snapping) can be expressed alongside\nnumeric step sizes.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'1'",
+              "fieldName": "step"
+            },
+            {
+              "name": "value",
+              "description": "The value of the slider. Unlike a text input, a slider can never be\nempty; when unset it defaults to `min`. Internally starts as `NaN` (this\ncodebase's established \"empty number\" sentinel, see `isValueEmpty`) until\n`connectedCallback` resolves it — never actually rendered or emitted.",
+              "type": {
+                "text": "number"
               },
-              "default": "''",
-              "readonly": true,
-              "attribute": "label"
-            },
+              "default": "NaN",
+              "fieldName": "value"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "loading",
-              "description": "Shows a loading indicator at the end of the input and replaces the end slot content.",
+              "name": "autoInvalidOff",
+              "description": "If `true`, in Angular reactive forms the control will not be set invalid",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "readonly": true,
-              "attribute": "loading"
+              "attribute": "auto-invalid-off",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "mask",
-              "description": "Mask of the input field. It defines what the user can enter and how the format looks like. Currently, only for Switzerland formatted with addition of Belgian enterprisenumber and IBAN.\nFormatting for 'contract-number': '99/1.234.567-1'\nFormatting for 'basic-contract-number': '99/1.234.567'\nFormatting for 'claim-number': ('73/001217/16.9')\nFormatting for 'offer-number': ('98/7.654.321')\nFormatting for 'be-enterprise-number': ('1234.567.890')\nFormatting for 'be-iban': ('BE68 5390 0754 7034')",
+              "name": "brandColor",
+              "description": "Recolors the connect (the filled progress track) with a brand color instead of the default\ngrey/primary style. Left of the handle uses the darker `-4` shade, right of it the lighter\n`-2` shade. Empty (default) keeps the current grey/primary look.",
               "type": {
-                "text": "\"\" | \"basic-contract-number\" | \"be-enterprise-number\" | \"be-iban\" | \"claim-number\" | \"contract-number\" | \"offer-number\" | \"vehicle-registration-number\" | undefined",
+                "text": "\"\" | \"green\" | \"purple\" | \"red\" | \"yellow\"",
                 "references": [
                   {
-                    "name": "InputMask",
-                    "module": "./input.interfaces"
+                    "name": "InputSliderBrandColor",
+                    "module": "./input-slider.interfaces"
                   }
                 ]
               },
-              "default": "undefined",
+              "default": "''",
               "readonly": true,
-              "attribute": "mask"
+              "attribute": "brand-color"
             },
             {
               "kind": "field",
-              "name": "max",
-              "description": "The maximum value, which must not be less than its minimum (min attribute) value.",
+              "name": "color",
+              "description": "Defines the color of the slider. The default value is `primary`.",
               "type": {
-                "text": "string"
+                "text": "\"\" | \"danger\" | \"primary\" | \"success\" | \"warning\"",
+                "references": [
+                  {
+                    "name": "InputColor",
+                    "module": "../input/input.interfaces"
+                  }
+                ]
               },
-              "default": "''",
+              "default": "'primary'",
               "readonly": true,
-              "attribute": "max"
+              "attribute": "color"
             },
             {
               "kind": "field",
-              "name": "maxLength",
-              "description": "Defines the max length of the value.",
+              "name": "debounce",
+              "description": "Set the amount of time, in milliseconds, to wait to trigger the `dsChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.",
               "type": {
-                "text": "number | undefined"
+                "text": "number"
               },
+              "default": "0",
               "readonly": true,
-              "attribute": "max-length"
+              "attribute": "debounce"
             },
             {
               "kind": "field",
-              "name": "min",
-              "description": "The minimum value, which must not be greater than its maximum (max attribute) value.",
+              "name": "description",
+              "description": "The description of the slider, which is displayed below the control.",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "readonly": true,
-              "attribute": "min"
+              "attribute": "description"
             },
             {
               "kind": "field",
-              "name": "minLength",
-              "description": "Defines the min length of the value.",
+              "name": "disabled",
+              "description": "If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "readonly": true,
-              "attribute": "min-length"
+              "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "multiple",
-              "description": "If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to `\"email\"` or `\"file\"`, otherwise it is ignored.",
+              "name": "invalid",
+              "description": "If `true` the component gets an invalid style.",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "readonly": true,
-              "attribute": "multiple"
+              "attribute": "invalid",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "name",
-              "description": "The name of the control, which is submitted with the form data.",
+              "name": "invalidText",
+              "description": "The text to display when the slider is in an invalid state.",
               "type": {
                 "text": "string"
               },
-              "default": "this.inputId",
+              "default": "''",
               "readonly": true,
-              "attribute": "name",
-              "reflects": true
+              "attribute": "invalid-text"
             },
             {
               "kind": "field",
-              "name": "pattern",
-              "description": "A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, `\"date\"`, or `\"password\"`, otherwise it is ignored. When the type attribute is `\"date\"`, `pattern` will only be used in browsers that do not support the `\"date\"` input type natively. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for more information.",
+              "name": "label",
+              "description": "The label of the slider, which is displayed above the control.",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "readonly": true,
-              "attribute": "pattern"
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "placeholder",
-              "description": "Instructional text that shows before the input has a value.",
+              "name": "max",
+              "description": "The maximum value of the slider.",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
+              "default": "100",
               "readonly": true,
-              "attribute": "placeholder"
+              "attribute": "max"
             },
             {
               "kind": "field",
-              "name": "readonly",
-              "description": "If `true` the element can not mutated, meaning the user can not edit the control.",
+              "name": "min",
+              "description": "The minimum value of the slider.",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
+              "default": "0",
               "readonly": true,
-              "attribute": "readonly"
+              "attribute": "min"
             },
             {
               "kind": "field",
-              "name": "required",
-              "description": "If `true`, the user must fill in a value before submitting a form.",
+              "name": "name",
+              "description": "The name of the control, which is submitted with the form data.",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
+              "default": "this.inputSliderId",
               "readonly": true,
-              "attribute": "required"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "spellcheck",
-              "description": "If `true`, the element will have its spelling and grammar checked.",
+              "name": "readonly",
+              "description": "If `true` the element can not be mutated. noUiSlider has no native concept of\n`readonly`, so this is treated as equivalent to `disabled`.",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "readonly": true,
-              "attribute": "spellcheck"
+              "attribute": "readonly"
             },
             {
               "kind": "field",
-              "name": "suffix",
-              "description": "Adds a suffix the the input-value after blur.",
+              "name": "required",
+              "description": "If `true`, the user must fill in a value before submitting a form.",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
+              "default": "true",
               "readonly": true,
-              "attribute": "suffix"
+              "attribute": "required"
             },
             {
               "kind": "field",
-              "name": "type",
-              "description": "Defines the type of the input (text, number, email ...).",
+              "name": "step",
+              "description": "The granularity the value must adhere to, as a string so `\"any\"` (free,\ncontinuous dragging with no step snapping) can be expressed alongside\nnumeric step sizes.",
               "type": {
-                "text": "\"\" | \"color\" | \"date\" | \"datetime-local\" | \"email\" | \"file\" | \"image\" | \"month\" | \"number\" | \"password\" | \"range\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\"",
-                "references": [
-                  {
-                    "name": "InputInputType",
-                    "module": "./input.interfaces"
-                  }
-                ]
+                "text": "string"
               },
-              "default": "'text'",
+              "default": "'1'",
               "readonly": true,
-              "attribute": "type"
+              "attribute": "step"
             },
             {
               "kind": "field",
               "name": "value",
-              "description": "The value of the input.",
+              "description": "The value of the slider. Unlike a text input, a slider can never be\nempty; when unset it defaults to `min`. Internally starts as `NaN` (this\ncodebase's established \"empty number\" sentinel, see `isValueEmpty`) until\n`connectedCallback` resolves it — never actually rendered or emitted.",
               "type": {
-                "text": "null | string"
+                "text": "number"
               },
-              "default": "null",
+              "default": "NaN",
               "attribute": "value",
               "reflects": true
             },
             {
               "kind": "method",
               "name": "getInputElement",
-              "description": "Returns the native `<input>` element used under the hood.",
+              "description": "Returns the noUiSlider handle element used under the hood.",
               "return": {
                 "type": {
-                  "text": "Promise<HTMLInputElement>",
+                  "text": "Promise<HTMLElement | undefined>",
                   "references": [
                     {
                       "name": "Promise",
                       "package": "global:"
                     },
                     {
-                      "name": "HTMLInputElement",
+                      "name": "HTMLElement",
                       "package": "global:"
                     }
                   ]
@@ -8079,7 +8620,7 @@
             {
               "kind": "method",
               "name": "setFocus",
-              "description": "Sets focus on the native `input` in `ds-input`. Use this method instead of the global\n`input.focus()`.",
+              "description": "Sets focus on `ds-input-slider`'s slider handle. Use this method instead of the global\n`element.focus()`.",
               "return": {
                 "type": {
                   "text": "Promise<void>",
@@ -8096,39 +8637,39 @@
           "events": [
             {
               "name": "dsBlur",
-              "description": "Emitted when a keyboard input occurred.",
+              "description": "Emitted when the input loses focus.",
               "type": {
                 "text": "CustomEvent<FocusEvent>",
                 "references": [
                   {
-                    "name": "InputBlurDetail",
-                    "module": "./input.interfaces"
+                    "name": "InputSliderBlurDetail",
+                    "module": "./input-slider.interfaces"
                   }
                 ]
               }
             },
             {
               "name": "dsChange",
-              "description": "Emitted when the input value has changed.",
+              "description": "Emitted when the value is committed (noUiSlider `change`, not `blur` — see\nADR-0010/ADR-0007). Fires once per discrete drag/step, independent of focus.",
               "type": {
-                "text": "CustomEvent<null | string>",
+                "text": "CustomEvent<number>",
                 "references": [
                   {
-                    "name": "InputChangeDetail",
-                    "module": "./input.interfaces"
+                    "name": "InputSliderChangeDetail",
+                    "module": "./input-slider.interfaces"
                   }
                 ]
               }
             },
             {
               "name": "dsClick",
-              "description": "Emitted when the input has clicked",
+              "description": "Emitted when the input is clicked.",
               "type": {
                 "text": "CustomEvent<MouseEvent>",
                 "references": [
                   {
-                    "name": "InputClickDetail",
-                    "module": "./input.interfaces"
+                    "name": "InputSliderClickDetail",
+                    "module": "./input-slider.interfaces"
                   }
                 ]
               }
@@ -8140,51 +8681,36 @@
                 "text": "CustomEvent<FocusEvent>",
                 "references": [
                   {
-                    "name": "InputFocusDetail",
-                    "module": "./input.interfaces"
+                    "name": "InputSliderFocusDetail",
+                    "module": "./input-slider.interfaces"
                   }
                 ]
               }
             },
             {
               "name": "dsInput",
-              "description": "Emitted when a keyboard input occurred.",
+              "description": "Emitted on each keyboard/pointer movement, before the value is committed.",
               "type": {
-                "text": "CustomEvent<null | string>",
+                "text": "CustomEvent<number>",
                 "references": [
                   {
-                    "name": "InputInputDetail",
-                    "module": "./input.interfaces"
+                    "name": "InputSliderInputDetail",
+                    "module": "./input-slider.interfaces"
                   }
                 ]
               }
-            },
+            }
+          ],
+          "slots": [
             {
-              "name": "dsKeyPress",
-              "description": "Emitted when a keyboard key has pressed.",
-              "type": {
-                "text": "CustomEvent<KeyboardEvent>",
-                "references": [
-                  {
-                    "name": "InputKeyPressDetail",
-                    "module": "./input.interfaces"
-                  }
-                ]
-              }
+              "name": "invalid-text",
+              "description": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
             }
           ],
           "cssParts": [
             {
-              "name": "input",
-              "description": "The native HTML input element."
-            },
-            {
-              "name": "prefix",
-              "description": "The prefix wrapper (if used)."
-            },
-            {
-              "name": "suffix",
-              "description": "The suffix wrapper (if used)."
+              "name": "slider",
+              "description": "The noUiSlider target element."
             }
           ]
         }
@@ -8192,16 +8718,16 @@
       "exports": [
         {
           "kind": "js",
-          "name": "DsInput",
+          "name": "DsInputSlider",
           "declaration": {
-            "name": "DsInput"
+            "name": "DsInputSlider"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ds-input",
+          "name": "ds-input-slider",
           "declaration": {
-            "name": "DsInput"
+            "name": "DsInputSlider"
           }
         }
       ]
@@ -10453,6 +10979,10 @@
             {
               "name": "",
               "description": "The number input field content and surrounding elements."
+            },
+            {
+              "name": "invalid-text",
+              "description": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
             }
           ],
           "cssParts": [
@@ -11473,6 +12003,15 @@
               "default": "false",
               "fieldName": "disabled"
             },
+            {
+              "name": "hide-trigger",
+              "description": "If `true` and `tile` is set, the radio circle is visually hidden. The tile remains fully clickable and keyboard-accessible.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideTrigger"
+            },
             {
               "name": "invalid",
               "description": "If `true` the component gets a invalid style.",
@@ -11601,6 +12140,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "hideTrigger",
+              "description": "If `true` and `tile` is set, the radio circle is visually hidden. The tile remains fully clickable and keyboard-accessible.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "hide-trigger"
+            },
             {
               "kind": "field",
               "name": "invalid",
@@ -11914,6 +12464,15 @@
               "default": "false",
               "fieldName": "disabled"
             },
+            {
+              "name": "hide-trigger",
+              "description": "If `true` and `tile` is set, the radio circle is visually hidden on every radio in the group.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideTrigger"
+            },
             {
               "name": "invalid",
               "description": "If `true` the component gets a invalid style.",
@@ -12137,6 +12696,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "hideTrigger",
+              "description": "If `true` and `tile` is set, the radio circle is visually hidden on every radio in the group.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "hide-trigger"
+            },
             {
               "kind": "field",
               "name": "invalid",
@@ -12331,6 +12901,10 @@
             {
               "name": "",
               "description": "The radio items to display inside the group."
+            },
+            {
+              "name": "invalid-text",
+              "description": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
             }
           ]
         }
@@ -12715,6 +13289,10 @@
             {
               "name": "",
               "description": "One or more ds-segment-item elements."
+            },
+            {
+              "name": "invalid-text",
+              "description": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
             }
           ],
           "cssParts": [
@@ -13384,6 +13962,10 @@
             {
               "name": "",
               "description": "Optional ds-select-option / ds-select-optgroup elements, as an HTML-only alternative\nto the options / optionGroups props. Ignored whenever options or optionGroups is non-empty."
+            },
+            {
+              "name": "invalid-text",
+              "description": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
             }
           ],
           "cssParts": [
@@ -14113,7 +14695,7 @@
               "name": "size",
               "description": "Defines the size of the spinner. If `sm` the spinner is smaller.",
               "type": {
-                "text": "\"\" | \"sm\"",
+                "text": "\"sm\" | undefined",
                 "references": [
                   {
                     "name": "SpinnerSize",
@@ -14121,7 +14703,6 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "size"
             },
             {
@@ -14222,7 +14803,7 @@
               "name": "size",
               "description": "Defines the size of the spinner. If `sm` the spinner is smaller.",
               "type": {
-                "text": "\"\" | \"sm\"",
+                "text": "\"sm\" | undefined",
                 "references": [
                   {
                     "name": "SpinnerSize",
@@ -14230,7 +14811,6 @@
                   }
                 ]
               },
-              "default": "''",
               "attribute": "size"
             },
             {
@@ -14268,7 +14848,8 @@
               "description": "The spinner animation container element."
             },
             {
-              "name": "label"
+              "name": "label",
+              "description": "The visible label rendered next to the spinner."
             }
           ]
         }
@@ -14305,7 +14886,7 @@
               "name": "align",
               "description": "Defines the text positioning like center, right or default to start.",
               "type": {
-                "text": "\"\" | \"bottom center\" | \"bottom end\" | \"bottom start\" | \"center\" | \"end\" | \"start\" | \"top center\" | \"top end\" | \"top start\"",
+                "text": "\"bottom center\" | \"bottom end\" | \"bottom start\" | \"center\" | \"end\" | \"start\" | \"top center\" | \"top end\" | \"top start\" | undefined",
                 "references": [
                   {
                     "name": "StackAlignment",
@@ -14313,14 +14894,13 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "align"
             },
             {
               "name": "direction",
               "description": "Defines the direction of the child elements. Default is column.",
               "type": {
-                "text": "\"\" | \"column\" | \"column-reverse\" | \"row\" | \"row-reverse\"",
+                "text": "\"column\" | \"column-reverse\" | \"row\" | \"row-reverse\" | undefined",
                 "references": [
                   {
                     "name": "StackDirection",
@@ -14328,7 +14908,6 @@
                   }
                 ]
               },
-              "default": "''",
               "fieldName": "direction"
             },
             {
@@ -14441,7 +15020,7 @@
               "name": "align",
               "description": "Defines the text positioning like center, right or default to start.",
               "type": {
-                "text": "\"\" | \"bottom center\" | \"bottom end\" | \"bottom start\" | \"center\" | \"end\" | \"start\" | \"top center\" | \"top end\" | \"top start\"",
+                "text": "\"bottom center\" | \"bottom end\" | \"bottom start\" | \"center\" | \"end\" | \"start\" | \"top center\" | \"top end\" | \"top start\" | undefined",
                 "references": [
                   {
                     "name": "StackAlignment",
@@ -14449,7 +15028,6 @@
                   }
                 ]
               },
-              "default": "''",
               "readonly": true,
               "attribute": "align"
             },
@@ -14458,7 +15036,7 @@
               "name": "direction",
               "description": "Defines the direction of the child elements. Default is column.",
               "type": {
-                "text": "\"\" | \"column\" | \"column-reverse\" | \"row\" | \"row-reverse\"",
+                "text": "\"column\" | \"column-reverse\" | \"row\" | \"row-reverse\" | undefined",
                 "references": [
                   {
                     "name": "StackDirection",
@@ -14466,7 +15044,6 @@
                   }
                 ]
               },
-              "default": "''",
               "attribute": "direction"
             },
             {
@@ -16664,6 +17241,10 @@
             {
               "name": "",
               "description": "The textarea field content and surrounding elements."
+            },
+            {
+              "name": "invalid-text",
+              "description": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
             }
           ],
           "cssParts": [