@warp-ds/elements 2.10.0-next.11 → 2.10.0-next.12

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@warp-ds/elements",
-  "version": "2.10.0-next.10",
+  "version": "2.10.0-next.11",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -20,7 +20,7 @@
               "name": "size",
               "description": "Size: small, medium, large or pixel value (e.g. \"32px\").",
               "value": {
-                "type": "'small' | 'medium' | 'large' | `${number}px`",
+                "type": "'small' | 'medium' | 'large' | `${number}px` | undefined",
                 "default": "\"medium\""
               }
             },
@@ -41,7 +41,7 @@
               {
                 "name": "size",
                 "description": "Size: small, medium, large or pixel value (e.g. \"32px\").",
-                "type": "'small' | 'medium' | 'large' | `${number}px`"
+                "type": "'small' | 'medium' | 'large' | `${number}px` | undefined"
               },
               {
                 "name": "locale",
@@ -70,49 +70,49 @@
             {
               "name": "label",
               "description": "Either a `label` or an `aria-label` must be provided.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "help-text",
               "description": "Use in combination with `invalid` to show as a validation error message,\nor on its own to show a help text.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "size",
               "description": "Sets the [size](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#size) (width) of the input field to fit the expected length of inputs.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "max",
               "description": "Use with `type=\"number\"` to set the [maximum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#maxlength).",
-              "value": { "type": "number" }
+              "value": { "type": "number | undefined" }
             },
             {
               "name": "min",
               "description": "Use with `type=\"number\"` to set the [minimum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#minlength).",
-              "value": { "type": "number" }
+              "value": { "type": "number | undefined" }
             },
-            { "name": "min-length", "value": { "type": "number" } },
+            { "name": "min-length", "value": { "type": "number | undefined" } },
             {
               "name": "minlength",
               "description": "For `text`, `search`, `url`, `tel`, `email` and `password` fields, sets the [minimum string length](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#minlength) required.",
-              "value": { "type": "number" }
+              "value": { "type": "number | undefined" }
             },
-            { "name": "max-length", "value": { "type": "number" } },
+            { "name": "max-length", "value": { "type": "number | undefined" } },
             {
               "name": "maxlength",
               "description": "For `text`, `search`, `url`, `tel`, `email` and `password` fields, sets the [maximum string length](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#maxlength) allowed.",
-              "value": { "type": "number" }
+              "value": { "type": "number | undefined" }
             },
             {
               "name": "pattern",
               "description": "Sets a [regular expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions) that the input's value must [match to pass validation](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#pattern)",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "placeholder",
               "description": "Set a text that is shown in the textfield when it doesn't have a value.\n\nPlaceholder text should not be used as a substitute for labeling the element with a visible label.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "read-only",
@@ -131,27 +131,29 @@
             {
               "name": "type",
               "description": "The [type of input](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "value",
               "description": "Lets you set the current value.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "name",
               "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "step",
               "description": "When used with `number` this attribute forces inputs to be a whole number of `step`.\n\nFor example with a `step=\"5\"` only values that divide evenly on 5 are allowed.\nUsing arrow up and down in the input field increments and decrements by 5.",
-              "value": { "type": "number" }
+              "value": { "type": "number | undefined" }
             },
             {
               "name": "autocomplete",
               "description": "A space-separated string that hints to browsers [what type of content it can suggest](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete#value) to autofill.",
-              "value": { "type": "string | undefined" }
+              "value": {
+                "type": "HTMLInputElement[\"autocomplete\"] | undefined"
+              }
             }
           ],
           "slots": [
@@ -180,49 +182,49 @@
               {
                 "name": "label",
                 "description": "Either a `label` or an `aria-label` must be provided.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "helpText",
                 "description": "Use in combination with `invalid` to show as a validation error message,\nor on its own to show a help text.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "size",
                 "description": "Sets the [size](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#size) (width) of the input field to fit the expected length of inputs.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "max",
                 "description": "Use with `type=\"number\"` to set the [maximum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#maxlength).",
-                "type": "number"
+                "type": "number | undefined"
               },
               {
                 "name": "min",
                 "description": "Use with `type=\"number\"` to set the [minimum allowed value](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#minlength).",
-                "type": "number"
+                "type": "number | undefined"
               },
-              { "name": "minLength", "type": "number" },
+              { "name": "minLength", "type": "number | undefined" },
               {
                 "name": "minlength",
                 "description": "For `text`, `search`, `url`, `tel`, `email` and `password` fields, sets the [minimum string length](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#minlength) required.",
-                "type": "number"
+                "type": "number | undefined"
               },
-              { "name": "maxLength", "type": "number" },
+              { "name": "maxLength", "type": "number | undefined" },
               {
                 "name": "maxlength",
                 "description": "For `text`, `search`, `url`, `tel`, `email` and `password` fields, sets the [maximum string length](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#maxlength) allowed.",
-                "type": "number"
+                "type": "number | undefined"
               },
               {
                 "name": "pattern",
                 "description": "Sets a [regular expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions) that the input's value must [match to pass validation](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#pattern)",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "placeholder",
                 "description": "Set a text that is shown in the textfield when it doesn't have a value.\n\nPlaceholder text should not be used as a substitute for labeling the element with a visible label.",
-                "type": "string"
+                "type": "string | undefined"
               },
               { "name": "readOnly", "type": "boolean" },
               {
@@ -238,32 +240,32 @@
               {
                 "name": "type",
                 "description": "The [type of input](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "value",
                 "description": "Lets you set the current value.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "name",
                 "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "step",
                 "description": "When used with `number` this attribute forces inputs to be a whole number of `step`.\n\nFor example with a `step=\"5\"` only values that divide evenly on 5 are allowed.\nUsing arrow up and down in the input field increments and decrements by 5.",
-                "type": "number"
+                "type": "number | undefined"
               },
               {
                 "name": "autocomplete",
                 "description": "A space-separated string that hints to browsers [what type of content it can suggest](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete#value) to autofill.",
-                "type": "string | undefined"
+                "type": "HTMLInputElement[\"autocomplete\"] | undefined"
               },
               {
                 "name": "formatter",
                 "description": "Function to format value when the input field.\n\nOnly active when the input field does not have focus,\nsimilar to the accessible input [masking example from Filament Group](https://filamentgroup.github.io/politespace/demo/demo.html).",
-                "type": "(value: string) => string"
+                "type": "((value: string) => string) | undefined"
               }
             ],
             "events": []
@@ -363,7 +365,7 @@
               "name": "variant",
               "description": "Visual style for the link/button.",
               "value": {
-                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'"
+                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | undefined"
               }
             },
             {
@@ -374,7 +376,7 @@
             {
               "name": "href",
               "description": "The URL the link points to",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "disabled",
@@ -384,12 +386,12 @@
             {
               "name": "target",
               "description": "Where to display the linked URL (e.g. `_blank`)",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "rel",
               "description": "Relationship of the linked URL.\n\nIf `target=\"_blank\"` and `rel` is not provided, the component uses `noopener`.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "full-width",
@@ -408,7 +410,7 @@
               {
                 "name": "variant",
                 "description": "Visual style for the link/button.",
-                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet'"
+                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | undefined"
               },
               {
                 "name": "small",
@@ -418,7 +420,7 @@
               {
                 "name": "href",
                 "description": "The URL the link points to",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "disabled",
@@ -428,12 +430,12 @@
               {
                 "name": "target",
                 "description": "Where to display the linked URL (e.g. `_blank`)",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "rel",
                 "description": "Relationship of the linked URL.\n\nIf `target=\"_blank\"` and `rel` is not provided, the component uses `noopener`.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "fullWidth",
@@ -452,7 +454,7 @@
             {
               "name": "type",
               "description": "Native button type.\nControls whether the internal button behaves as a regular button, submits a form, or resets a form. Defaults to `button`.",
-              "value": { "type": "'button' | 'submit' | 'reset'" }
+              "value": { "type": "'button' | 'submit' | 'reset' | undefined" }
             },
             {
               "name": "autofocus",
@@ -463,7 +465,7 @@
               "name": "variant",
               "description": "Visual style of the button.\nDefaults to `secondary`. Use the variant that matches the action priority, risk, and placement.",
               "value": {
-                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link'"
+                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link' | undefined"
               }
             },
             {
@@ -489,12 +491,12 @@
             {
               "name": "href",
               "description": "URL for rendering the button as a link.\nWhen set, the component renders `w-link` instead of a native `button`.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "target",
               "description": "Link browsing context.\nPassed to the rendered link when `href` is set.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "disabled",
@@ -504,7 +506,7 @@
             {
               "name": "rel",
               "description": "Link relationship.\nPassed to the rendered link when `href` is set. If `target=\"_blank\"` is set and `rel` is omitted, `noopener` is used.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "full-width",
@@ -514,27 +516,27 @@
             {
               "name": "button-class",
               "description": "Deprecated class applied to the internal control\nThis class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the button appearance.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "name",
               "description": "Form control name.\nUsed when the button participates in form handling.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "value",
               "description": "Form control value.\nUsed with `name` when the button participates in form handling. Resets to its initial value when the form is reset.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "commandfor",
               "description": "The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "command",
               "description": "The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             }
           ],
           "events": [],
@@ -543,7 +545,7 @@
               {
                 "name": "type",
                 "description": "Native button type.\nControls whether the internal button behaves as a regular button, submits a form, or resets a form. Defaults to `button`.",
-                "type": "'button' | 'submit' | 'reset'"
+                "type": "'button' | 'submit' | 'reset' | undefined"
               },
               {
                 "name": "autofocus",
@@ -553,7 +555,7 @@
               {
                 "name": "variant",
                 "description": "Visual style of the button.\nDefaults to `secondary`. Use the variant that matches the action priority, risk, and placement.",
-                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link'"
+                "type": "'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | 'pill' | 'link' | undefined"
               },
               {
                 "name": "quiet",
@@ -578,12 +580,12 @@
               {
                 "name": "href",
                 "description": "URL for rendering the button as a link.\nWhen set, the component renders `w-link` instead of a native `button`.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "target",
                 "description": "Link browsing context.\nPassed to the rendered link when `href` is set.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "disabled",
@@ -593,7 +595,7 @@
               {
                 "name": "rel",
                 "description": "Link relationship.\nPassed to the rendered link when `href` is set. If `target=\"_blank\"` is set and `rel` is omitted, `noopener` is used.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "fullWidth",
@@ -603,27 +605,27 @@
               {
                 "name": "buttonClass",
                 "description": "Deprecated class applied to the internal control\nThis class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the button appearance.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "name",
                 "description": "Form control name.\nUsed when the button participates in form handling.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "value",
                 "description": "Form control value.\nUsed with `name` when the button participates in form handling. Resets to its initial value when the form is reset.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "commandfor",
                 "description": "The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "command",
                 "description": "The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.",
-                "type": "string"
+                "type": "string | undefined"
               }
             ],
             "events": []
@@ -786,14 +788,14 @@
               "name": "variant",
               "description": "Controls the badge color treatment.\nIf omitted, the badge uses neutral styling without reflecting a `variant` attribute.\nAccepted values are `neutral`, `info`, `positive`, `warning`, `negative`, `disabled`, `price`, and `sponsored`. If omitted, the badge uses neutral styling without reflecting a `variant` attribute.",
               "value": {
-                "type": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
+                "type": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored' | undefined"
               }
             },
             {
               "name": "position",
               "description": "Positions the badge in a corner of a parent element.\nUse this with a parent element that has `position: relative`. When set, the badge uses absolute positioning and adjusts its corner radii so it sits flush against the selected corner.\nUse this with a parent element that has `position: relative`. Accepted values are `top-left`, `top-right`, `bottom-right`, and `bottom-left`.",
               "value": {
-                "type": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'"
+                "type": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | undefined"
               }
             }
           ],
@@ -809,12 +811,12 @@
               {
                 "name": "variant",
                 "description": "Controls the badge color treatment.\nIf omitted, the badge uses neutral styling without reflecting a `variant` attribute.\nAccepted values are `neutral`, `info`, `positive`, `warning`, `negative`, `disabled`, `price`, and `sponsored`. If omitted, the badge uses neutral styling without reflecting a `variant` attribute.",
-                "type": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
+                "type": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored' | undefined"
               },
               {
                 "name": "position",
                 "description": "Positions the badge in a corner of a parent element.\nUse this with a parent element that has `position: relative`. When set, the badge uses absolute positioning and adjusts its corner radii so it sits flush against the selected corner.\nUse this with a parent element that has `position: relative`. Accepted values are `top-left`, `top-right`, `bottom-right`, and `bottom-left`.",
-                "type": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'"
+                "type": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | undefined"
               }
             ],
             "events": []
@@ -988,7 +990,7 @@
           "events": [{ "name": "change", "type": "Event" }],
           "js": {
             "properties": [
-              { "name": "input", "type": "HTMLInputElement | null" },
+              { "name": "input", "type": "HTMLInputElement" },
               {
                 "name": "name",
                 "description": "The name of the checkbox.\n\nWhen the checkbox is checked and belongs to a form, this name is submitted with the checkbox value. If the checkbox is inside a `w-checkbox-group` with a name, the group name is used when the checkbox does not have its own name.",
@@ -1051,12 +1053,12 @@
             {
               "name": "label",
               "description": "The group label displayed above the checkboxes.\n\nUse this to describe the shared question or topic for the checkbox options. The label is connected to the internal group for assistive technologies.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "name",
               "description": "The name applied to child checkboxes when they do not provide one.\n\nUse this when the grouped checkboxes should submit values under the same form field name. Individual checkboxes can still override the group name with their own `name`.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "optional",
@@ -1066,7 +1068,7 @@
             {
               "name": "help-text",
               "description": "Help text displayed below the checkbox group.\n\nUse this for supporting guidance or validation feedback. When required validation fails, the group replaces this text with the localized required message.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "required",
@@ -1085,12 +1087,12 @@
               {
                 "name": "label",
                 "description": "The group label displayed above the checkboxes.\n\nUse this to describe the shared question or topic for the checkbox options. The label is connected to the internal group for assistive technologies.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "name",
                 "description": "The name applied to child checkboxes when they do not provide one.\n\nUse this when the grouped checkboxes should submit values under the same form field name. Individual checkboxes can still override the group name with their own `name`.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "optional",
@@ -1100,7 +1102,7 @@
               {
                 "name": "helpText",
                 "description": "Help text displayed below the checkbox group.\n\nUse this for supporting guidance or validation feedback. When required validation fails, the group replaces this text with the localized required message.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "required",
@@ -1287,7 +1289,7 @@
             {
               "name": "label",
               "description": "The label displayed above the date input.\n\nUse this to give the datepicker a visible and accessible name.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "lang",
@@ -1297,12 +1299,12 @@
             {
               "name": "name",
               "description": "The name submitted with the date value.\n\nUse this when the datepicker belongs to a form and its value should be included in form data.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "value",
               "description": "The selected date value.\n\nUse an ISO date string in `YYYY-MM-DD` format. The value is submitted with the form and is reset to its initial value when the form resets.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "header-format",
@@ -1326,7 +1328,7 @@
               {
                 "name": "label",
                 "description": "The label displayed above the date input.\n\nUse this to give the datepicker a visible and accessible name.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "lang",
@@ -1336,12 +1338,12 @@
               {
                 "name": "name",
                 "description": "The name submitted with the date value.\n\nUse this when the datepicker belongs to a form and its value should be included in form data.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "value",
                 "description": "The selected date value.\n\nUse an ISO date string in `YYYY-MM-DD` format. The value is submitted with the form and is reset to its initial value when the form resets.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "headerFormat",
@@ -1356,7 +1358,7 @@
               {
                 "name": "isDayDisabled",
                 "description": "Function used to disable dates in the calendar.\n\nSet this on the element instance in JavaScript, not as an HTML attribute. Disabled dates cannot be selected from the calendar.",
-                "type": "(day: Date) => boolean"
+                "type": "((day: Date) => boolean) | undefined"
               },
               {
                 "name": "dayFormat",
@@ -1408,8 +1410,14 @@
               "description": "Will make the expandable full-width on the sm breakpoint size",
               "value": { "type": "boolean", "default": "false" }
             },
-            { "name": "button-class", "value": { "type": "string" } },
-            { "name": "content-class", "value": { "type": "string" } },
+            {
+              "name": "button-class",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "content-class",
+              "value": { "type": "string | undefined" }
+            },
             {
               "name": "no-chevron",
               "description": "Controls chevron visibility",
@@ -1423,7 +1431,7 @@
             {
               "name": "heading-level",
               "description": "Wrap the toggle button in a heading element with the specified level. If headingLevel is not specified, the button will not be wrapped by a heading element.",
-              "value": { "type": "number" }
+              "value": { "type": "number | undefined" }
             },
             {
               "name": "_hasTitle",
@@ -1463,8 +1471,8 @@
                 "description": "Will make the expandable full-width on the sm breakpoint size",
                 "type": "boolean"
               },
-              { "name": "buttonClass", "type": "string" },
-              { "name": "contentClass", "type": "string" },
+              { "name": "buttonClass", "type": "string | undefined" },
+              { "name": "contentClass", "type": "string | undefined" },
               {
                 "name": "noChevron",
                 "description": "Controls chevron visibility",
@@ -1478,7 +1486,7 @@
               {
                 "name": "headingLevel",
                 "description": "Wrap the toggle button in a heading element with the specified level. If headingLevel is not specified, the button will not be wrapped by a heading element.",
-                "type": "number"
+                "type": "number | undefined"
               }
             ],
             "events": []
@@ -1494,7 +1502,7 @@
               "description": "Controls if the modal should show or hide.\n\nYou can also call the `open()` and `close()` methods.",
               "value": { "type": "boolean", "default": "false" }
             },
-            { "name": "content-id", "value": { "type": "string" } },
+            { "name": "content-id", "value": { "type": "string | undefined" } },
             {
               "name": "ignore-backdrop-clicks",
               "description": "Ignores clicks to the backdrop when set",
@@ -1526,7 +1534,7 @@
                 "description": "Controls if the modal should show or hide.\n\nYou can also call the `open()` and `close()` methods.",
                 "type": "boolean"
               },
-              { "name": "contentId", "type": "string" },
+              { "name": "contentId", "type": "string | undefined" },
               {
                 "name": "ignoreBackdropClicks",
                 "description": "Ignores clicks to the backdrop when set",
@@ -1637,12 +1645,12 @@
             {
               "name": "base-url",
               "description": "The base URL used to construct page links, for example `/search?page=`.\n\nThe page number is appended to this URL.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "pages",
               "description": "The total number of pages.",
-              "value": { "type": "number" }
+              "value": { "type": "number", "default": "0" }
             },
             {
               "name": "current-page",
@@ -1667,7 +1675,7 @@
               {
                 "name": "baseUrl",
                 "description": "The base URL used to construct page links, for example `/search?page=`.\n\nThe page number is appended to this URL.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "pages",
@@ -1709,17 +1717,23 @@
               "description": "Whether the pill should be rendered as a suggestion.",
               "value": { "type": "boolean", "default": "false" }
             },
-            { "name": "open-sr-label", "value": { "type": "string" } },
+            {
+              "name": "open-sr-label",
+              "value": { "type": "string | undefined" }
+            },
             {
               "name": "open-aria-label",
               "description": "Label read by screen readers when targeting the pill.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "close-sr-label",
+              "value": { "type": "string | undefined" }
             },
-            { "name": "close-sr-label", "value": { "type": "string" } },
             {
               "name": "close-aria-label",
               "description": "Label read by screen readers when targeting the close button.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             }
           ],
           "events": [
@@ -1746,17 +1760,17 @@
                 "description": "Whether the pill should be rendered as a suggestion.",
                 "type": "boolean"
               },
-              { "name": "openSrLabel", "type": "string" },
+              { "name": "openSrLabel", "type": "string | undefined" },
               {
                 "name": "openAriaLabel",
                 "description": "Label read by screen readers when targeting the pill.",
-                "type": "string"
+                "type": "string | undefined"
               },
-              { "name": "closeSrLabel", "type": "string" },
+              { "name": "closeSrLabel", "type": "string | undefined" },
               {
                 "name": "closeAriaLabel",
                 "description": "Label read by screen readers when targeting the close button.",
-                "type": "string"
+                "type": "string | undefined"
               }
             ],
             "events": [
@@ -1957,7 +1971,7 @@
             {
               "name": "help-text",
               "description": "The content displayed as the help text.\n\nPaired with `invalid` to show the text as a validation error.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "invalid",
@@ -1972,12 +1986,12 @@
             {
               "name": "hint",
               "description": "The content displayed as the help text.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "label",
               "description": "The content to display as the label.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "optional",
@@ -2002,12 +2016,12 @@
             {
               "name": "name",
               "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the select when submitting the form.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "value",
               "description": "Lets you set the current value.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             }
           ],
           "events": [{ "name": "change", "type": "CustomEvent" }],
@@ -2026,7 +2040,7 @@
               {
                 "name": "helpText",
                 "description": "The content displayed as the help text.\n\nPaired with `invalid` to show the text as a validation error.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "invalid",
@@ -2041,12 +2055,12 @@
               {
                 "name": "hint",
                 "description": "The content displayed as the help text.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "label",
                 "description": "The content to display as the label.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "optional",
@@ -2071,12 +2085,12 @@
               {
                 "name": "name",
                 "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the select when submitting the form.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "value",
                 "description": "Lets you set the current value.",
-                "type": "string"
+                "type": "string | undefined"
               }
             ],
             "events": [{ "name": "change", "type": "CustomEvent" }]
@@ -2090,30 +2104,27 @@
             {
               "name": "aria-label",
               "description": "Label for the range input.",
-              "value": {
-                "type": "string",
-                "default": "`label` from `w-slider`"
-              }
+              "value": { "type": "string | null", "default": "null" }
             },
             {
               "name": "aria-description",
               "description": "Contextual information for assistive technology, should it be needed",
-              "value": { "type": "string" }
+              "value": { "type": "string | null", "default": "null" }
             },
             {
               "name": "name",
               "description": "The name of this input field in the form. The canonical source of the value is the text field.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "value",
               "description": "The initial value, if any",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "placeholder",
               "description": "Placeholder in empty text fields",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             }
           ],
           "events": [
@@ -2133,27 +2144,27 @@
               {
                 "name": "ariaLabel",
                 "description": "Label for the range input.",
-                "type": "string"
+                "type": "string | null"
               },
               {
                 "name": "ariaDescription",
                 "description": "Contextual information for assistive technology, should it be needed",
-                "type": "string"
+                "type": "string | null"
               },
               {
                 "name": "name",
                 "description": "The name of this input field in the form. The canonical source of the value is the text field.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "value",
                 "description": "The initial value, if any",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "placeholder",
                 "description": "Placeholder in empty text fields",
-                "type": "string"
+                "type": "string | undefined"
               }
             ],
             "events": [
@@ -2178,7 +2189,7 @@
             {
               "name": "label",
               "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead (f. ex. `<legend class=\"sr-only\" slot=\"label\">Production year</legend>`)",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "disabled",
@@ -2192,12 +2203,12 @@
             {
               "name": "error",
               "description": "Validation error text, if any",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "help-text",
               "description": "Additional description to show below the fieldset",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "invalid",
@@ -2212,27 +2223,27 @@
             {
               "name": "min",
               "description": "The minimum allowed value in the range inputs",
-              "value": { "type": "string", "default": "0" }
+              "value": { "type": "string | undefined", "default": "0" }
             },
             {
               "name": "max",
               "description": "The maximum allowed value in the range inputs",
-              "value": { "type": "string", "default": "100" }
+              "value": { "type": "string | undefined", "default": "100" }
             },
             {
               "name": "markers",
               "description": "Pass a value similar to step to create visual markers at that interval",
-              "value": { "type": "number" }
+              "value": { "type": "number | undefined" }
             },
             {
               "name": "step",
               "description": "ets step on the range input to jump between values when dragging",
-              "value": { "type": "number" }
+              "value": { "type": "number | undefined" }
             },
             {
               "name": "suffix",
               "description": "Suffix used in text input fields and for the min and max values of the slider",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "hidden-textfield",
@@ -2268,7 +2279,7 @@
               {
                 "name": "label",
                 "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead (f. ex. `<legend class=\"sr-only\" slot=\"label\">Production year</legend>`)",
-                "type": "string"
+                "type": "string | undefined"
               },
               { "name": "disabled", "type": "boolean" },
               {
@@ -2279,12 +2290,12 @@
               {
                 "name": "error",
                 "description": "Validation error text, if any",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "helpText",
                 "description": "Additional description to show below the fieldset",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "invalid",
@@ -2299,27 +2310,27 @@
               {
                 "name": "min",
                 "description": "The minimum allowed value in the range inputs",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "max",
                 "description": "The maximum allowed value in the range inputs",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "markers",
                 "description": "Pass a value similar to step to create visual markers at that interval",
-                "type": "number"
+                "type": "number | undefined"
               },
               {
                 "name": "step",
                 "description": "ets step on the range input to jump between values when dragging",
-                "type": "number"
+                "type": "number | undefined"
               },
               {
                 "name": "suffix",
                 "description": "Suffix used in text input fields and for the min and max values of the slider",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "hiddenTextfield",
@@ -2329,17 +2340,17 @@
               {
                 "name": "valueFormatter",
                 "description": "Formatter for the tooltip and input mask values",
-                "type": "(value: string, slot: SliderSlot) => string"
+                "type": "((value: string, slot: SliderSlot) => string) | undefined"
               },
               {
                 "name": "tooltipFormatter",
                 "description": "Overrides valueFormatter for the tooltip.\n\nUse in open-ended sliders to show for example \"300+ hk\" instead of \"Max\" in the tooltip.",
-                "type": "(value: string, slot: SliderSlot) => string"
+                "type": "((value: string, slot: SliderSlot) => string) | undefined"
               },
               {
                 "name": "labelFormatter",
                 "description": "Formatter for the min and max labels below the range.",
-                "type": "(slot: SliderSlot) => string"
+                "type": "((slot: SliderSlot) => string) | undefined"
               }
             ],
             "events": []
@@ -2541,7 +2552,7 @@
               "name": "active",
               "description": "The `id` of the panel that should be active.",
               "value": {
-                "type": "string",
+                "type": "string | undefined",
                 "default": "\"\" (Shows the first tab)"
               }
             }
@@ -2558,7 +2569,7 @@
               {
                 "name": "active",
                 "description": "The `id` of the panel that should be active.",
-                "type": "string"
+                "type": "string | undefined"
               }
             ],
             "events": [
@@ -2588,32 +2599,32 @@
             {
               "name": "label",
               "description": "Either a `label` or an `aria-label` must be provided.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "help-text",
               "description": "Use in combination with `invalid` to show as a validation error message,\nor on its own to show a help text.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "maximum-rows",
               "description": "Sets the maximum number of text rows before the content starts scrolling.",
-              "value": { "type": "number" }
+              "value": { "type": "number | undefined" }
             },
             {
               "name": "minimum-rows",
               "description": "Sets the minimum number of text rows the textarea should display",
-              "value": { "type": "number" }
+              "value": { "type": "number | undefined" }
             },
             {
               "name": "name",
               "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "placeholder",
               "description": "Set a text that is shown in the textarea when it doesn't have a value.\n\nPlaceholder text should not be used as a substitute for labeling the element with a visible label.",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "read-only",
@@ -2632,7 +2643,7 @@
             {
               "name": "value",
               "description": "Lets you set the current value",
-              "value": { "type": "string" }
+              "value": { "type": "string | undefined" }
             },
             {
               "name": "optional",
@@ -2656,32 +2667,32 @@
               {
                 "name": "label",
                 "description": "Either a `label` or an `aria-label` must be provided.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "helpText",
                 "description": "Use in combination with `invalid` to show as a validation error message,\nor on its own to show a help text.",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "maxRows",
                 "description": "Sets the maximum number of text rows before the content starts scrolling.",
-                "type": "number"
+                "type": "number | undefined"
               },
               {
                 "name": "minRows",
                 "description": "Sets the minimum number of text rows the textarea should display",
-                "type": "number"
+                "type": "number | undefined"
               },
               {
                 "name": "name",
                 "description": "The [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name) of the input field when submitting the form",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "placeholder",
                 "description": "Set a text that is shown in the textarea when it doesn't have a value.\n\nPlaceholder text should not be used as a substitute for labeling the element with a visible label.",
-                "type": "string"
+                "type": "string | undefined"
               },
               { "name": "readOnly", "type": "boolean" },
               {
@@ -2697,7 +2708,7 @@
               {
                 "name": "value",
                 "description": "Lets you set the current value",
-                "type": "string"
+                "type": "string | undefined"
               },
               {
                 "name": "optional",