@six-group/ui-library 0.0.0-insider.9277796 → 0.0.0-insider.a8d68c7

package/dist/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-05-16T08:07:06",
+  "timestamp": "2023-07-06T13:51:06",
   "compiler": {
     "name": "@stencil/core",
     "version": "3.2.1",
@@ -684,7 +684,7 @@
         },
         {
           "name": "download",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "download",
           "reflectToAttr": false,
@@ -693,14 +693,17 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "href",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "href",
           "reflectToAttr": false,
@@ -709,9 +712,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -739,6 +745,7 @@
           "reflectToAttr": false,
           "docs": "An optional name for the button. Ignored when `href` is set.",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -826,7 +833,7 @@
         },
         {
           "name": "target",
-          "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
+          "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined",
           "mutable": false,
           "attr": "target",
           "reflectToAttr": false,
@@ -848,9 +855,12 @@
             {
               "value": "_top",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -903,6 +913,7 @@
           "reflectToAttr": false,
           "docs": "An optional value for the button. Ignored when `href` is set.",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -1121,30 +1132,13 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "errorOnBlur",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "error-on-blur",
-          "reflectToAttr": false,
-          "docs": "Set to display the error text on blur and not when typing",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "errorText",
           "type": "string",
           "mutable": false,
           "attr": "error-text",
           "reflectToAttr": false,
-          "docs": "The checkbox's error text. Alternatively, you can use the error-text slot.",
+          "docs": "The error message shown, if `invalid` is set to true.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -1175,10 +1169,10 @@
         {
           "name": "invalid",
           "type": "boolean",
-          "mutable": true,
+          "mutable": false,
           "attr": "invalid",
           "reflectToAttr": true,
-          "docs": "This will be true when the control is in an invalid state. Validity is determined by the `required` prop.",
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -1195,7 +1189,7 @@
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "The checkbox label. Alternatively, you can use the label slot.",
+          "docs": "The label text.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -1214,6 +1208,7 @@
           "reflectToAttr": false,
           "docs": "The checkbox's name attribute.",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -1228,7 +1223,7 @@
           "mutable": false,
           "attr": "required",
           "reflectToAttr": false,
-          "docs": "Set to true to make the checkbox a required field.",
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -1245,8 +1240,9 @@
           "mutable": false,
           "attr": "value",
           "reflectToAttr": false,
-          "docs": "The checkbox's value attribute.",
+          "docs": "The value of the checkbox does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a checkbox is analogous to the value of an `<input type=\"checkbox\">`,\nit's only used when the checkbox participates in a native `<form>`.",
           "docsTags": [],
+          "default": "'on'",
           "values": [
             {
               "type": "string"
@@ -1257,17 +1253,6 @@
         }
       ],
       "methods": [
-        {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
         {
           "name": "removeFocus",
           "returns": {
@@ -1279,17 +1264,6 @@
           "docs": "Removes focus from the checkbox.",
           "docsTags": []
         },
-        {
-          "name": "reportValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "reportValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
-          "docsTags": []
-        },
         {
           "name": "reset",
           "returns": {
@@ -1301,17 +1275,6 @@
           "docs": "Resets the formcontrol",
           "docsTags": []
         },
-        {
-          "name": "setCustomValidity",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
-          "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
-          "docsTags": []
-        },
         {
           "name": "setFocus",
           "returns": {
@@ -1465,7 +1428,7 @@
         },
         {
           "name": "containingElement",
-          "type": "HTMLElement",
+          "type": "HTMLElement | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "The dropdown will close when the user interacts outside of this element (e.g. clicking).",
@@ -1473,9 +1436,12 @@
           "values": [
             {
               "type": "HTMLElement"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -1571,7 +1537,7 @@
         },
         {
           "name": "defaultDate",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "default-date",
           "reflectToAttr": false,
@@ -1580,6 +1546,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -1602,30 +1571,13 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "errorOnBlur",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "error-on-blur",
-          "reflectToAttr": false,
-          "docs": "Set to display the error text on blur and not when typing",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "errorText",
           "type": "string",
           "mutable": false,
           "attr": "error-text",
           "reflectToAttr": false,
-          "docs": "The input's error text. Alternatively, you can use the error-text slot.",
+          "docs": "The error message shown, if `invalid` is set to true.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -1692,13 +1644,30 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "invalid",
+          "reflectToAttr": true,
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "label",
           "type": "string",
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "The input's label. Alternatively, you can use the label slot.",
+          "docs": "The label text.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -1741,15 +1710,17 @@
         },
         {
           "name": "max",
-          "type": "Date",
+          "type": "Date | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "The maximum datetime allowed. Value must be a date object",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "Date"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -1757,15 +1728,17 @@
         },
         {
           "name": "min",
-          "type": "Date",
+          "type": "Date | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "The minimum datetime allowed. Value must be a date object",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "Date"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -1807,7 +1780,7 @@
         },
         {
           "name": "placeholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "placeholder",
           "reflectToAttr": false,
@@ -1816,6 +1789,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -1823,7 +1799,7 @@
         },
         {
           "name": "placement",
-          "type": "\"bottom\" | \"top\"",
+          "type": "\"bottom\" | \"top\" | undefined",
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": false,
@@ -1837,9 +1813,12 @@
             {
               "value": "top",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -1864,9 +1843,10 @@
           "type": "boolean",
           "mutable": false,
           "attr": "required",
-          "reflectToAttr": true,
-          "docs": "Set to true to make the input a required field.",
+          "reflectToAttr": false,
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -1925,15 +1905,17 @@
         },
         {
           "name": "value",
-          "type": "Date",
+          "type": "Date | undefined",
           "mutable": true,
           "reflectToAttr": false,
           "docs": "The value of the form field, which accepts a date object.",
           "docsTags": [],
-          "default": "null",
           "values": [
             {
               "type": "Date"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -1941,66 +1923,33 @@
         }
       ],
       "methods": [
-        {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
-        {
-          "name": "reportValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "reportValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
-          "docsTags": []
-        },
-        {
-          "name": "reset",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "reset() => Promise<void>",
-          "parameters": [],
-          "docs": "Resets the formcontrol",
-          "docsTags": []
-        },
         {
           "name": "select",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
           },
-          "signature": "select(datestring: string) => Promise<void>",
+          "signature": "select(datestring?: string) => Promise<void>",
           "parameters": [],
           "docs": "Selects an option",
           "docsTags": []
         },
         {
-          "name": "setCustomValidity",
+          "name": "setFocus",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
           },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
+          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
           "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
+          "docs": "Sets focus on the datepickers input.",
           "docsTags": []
         }
       ],
       "events": [
         {
           "event": "six-datepicker-blur",
-          "detail": "Date",
+          "detail": "Date | null | undefined",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -2018,7 +1967,7 @@
         },
         {
           "event": "six-datepicker-select",
-          "detail": "Date",
+          "detail": "Date | null | undefined",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -2159,7 +2108,7 @@
           "mutable": false,
           "attr": "has-content",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Set to false when you want to hide the summary icon and disable the open/close mechanism. Usually not needed, but used internally by 'six-sidebar-item-group'",
           "docsTags": [],
           "default": "true",
           "values": [
@@ -2193,7 +2142,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the details is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the details is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -2240,7 +2189,7 @@
         },
         {
           "name": "summaryIcon",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "summary-icon",
           "reflectToAttr": false,
@@ -2249,9 +2198,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -2535,7 +2487,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the dialog is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the dialog is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -2815,7 +2767,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the drawer is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the drawer is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -3097,7 +3049,7 @@
         },
         {
           "name": "containingElement",
-          "type": "HTMLElement",
+          "type": "HTMLElement | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "The dropdown will close when the user interacts outside of this element (e.g. clicking).",
@@ -3105,9 +3057,12 @@
           "values": [
             {
               "type": "HTMLElement"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -3218,7 +3173,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the dropdown is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the dropdown is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -3236,7 +3191,7 @@
           "reflectToAttr": false,
           "docs": "Set the options to be shown in the dropdown (alternative to setting the elements via html)",
           "docsTags": [],
-          "default": "null",
+          "default": "[]",
           "values": [
             {
               "type": "SixMenuItemData[]"
@@ -3251,7 +3206,7 @@
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": false,
-          "docs": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
+          "docs": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside the viewport.",
           "docsTags": [],
           "default": "'bottom-start'",
           "values": [
@@ -3515,7 +3470,7 @@
       "props": [
         {
           "name": "customDescription",
-          "type": "string[]",
+          "type": "string[] | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Defines a custom description.",
@@ -3523,6 +3478,9 @@
           "values": [
             {
               "type": "string[]"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -3530,7 +3488,7 @@
         },
         {
           "name": "customIcon",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "custom-icon",
           "reflectToAttr": false,
@@ -3539,6 +3497,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -3546,7 +3507,7 @@
         },
         {
           "name": "customTitle",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "custom-title",
           "reflectToAttr": false,
@@ -3555,6 +3516,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -3562,7 +3526,7 @@
         },
         {
           "name": "errorCode",
-          "type": "number",
+          "type": "403 | 404 | 500 | undefined",
           "mutable": false,
           "attr": "error-code",
           "reflectToAttr": false,
@@ -3570,10 +3534,22 @@
           "docsTags": [],
           "values": [
             {
+              "value": "403",
+              "type": "number"
+            },
+            {
+              "value": "404",
+              "type": "number"
+            },
+            {
+              "value": "500",
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -3769,7 +3745,7 @@
         },
         {
           "name": "size",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "size",
           "reflectToAttr": true,
@@ -3778,9 +3754,12 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         }
       ],
@@ -3839,7 +3818,7 @@
       "props": [
         {
           "name": "accept",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "accept",
           "reflectToAttr": false,
@@ -3848,9 +3827,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -3889,7 +3871,7 @@
         },
         {
           "name": "label",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
@@ -3898,26 +3880,31 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "maxFileSize",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "max-file-size",
           "reflectToAttr": false,
           "docs": "Allowed max file size in bytes.",
           "docsTags": [],
-          "default": "undefined",
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -3928,6 +3915,7 @@
           "reflectToAttr": false,
           "docs": "More than one file allowed.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -4031,38 +4019,58 @@
       "dependencyGraph": {}
     },
     {
-      "filePath": "./src/components/six-form/six-form.tsx",
+      "filePath": "./src/components/six-group-label/six-group-label.tsx",
       "encapsulation": "shadow",
-      "tag": "six-form",
-      "readme": "# six-form\n\n<!-- EXAMPLES -->\n",
+      "tag": "six-group-label",
+      "readme": "# six-group-label\n\n<!-- EXAMPLES -->\n",
       "docs": "<!-- EXAMPLES -->",
       "docsTags": [
         {
           "name": "since",
-          "text": "1.0"
+          "text": "1.1"
         },
         {
           "name": "status",
-          "text": "stable\n\nForked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27."
+          "text": "stable"
+        },
+        {
+          "name": "slot",
+          "text": "label - The wrapped component's label. Alternatively, you can use the label prop."
+        },
+        {
+          "name": "slot",
+          "text": "help-text - Help text that describes how to use the input."
         },
         {
           "name": "slot",
-          "text": "- The form's content."
+          "text": "error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop."
         },
         {
           "name": "part",
           "text": "base - The component's base wrapper."
+        },
+        {
+          "name": "part",
+          "text": "form-control - The form control that wraps the label, textarea, and help text."
+        },
+        {
+          "name": "part",
+          "text": "label - The label of wrapped component."
+        },
+        {
+          "name": "part",
+          "text": "help-text - The help text of the wrapped component."
         }
       ],
       "usage": {},
       "props": [
         {
-          "name": "novalidate",
+          "name": "disabled",
           "type": "boolean",
           "mutable": false,
-          "attr": "novalidate",
-          "reflectToAttr": false,
-          "docs": "Prevent the form from validating inputs before submitting.",
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "Set to true to disable the label.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -4072,191 +4080,23 @@
           ],
           "optional": false,
           "required": false
-        }
-      ],
-      "methods": [
+        },
         {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
-        {
-          "name": "getFormControls",
-          "returns": {
-            "type": "Promise<HTMLFormElement[]>",
-            "docs": ""
-          },
-          "signature": "getFormControls() => Promise<HTMLFormElement[]>",
-          "parameters": [],
-          "docs": "Gets all form control elements (native and custom).",
-          "docsTags": []
-        },
-        {
-          "name": "getFormData",
-          "returns": {
-            "type": "Promise<FormData>",
-            "docs": ""
-          },
-          "signature": "getFormData() => Promise<FormData>",
-          "parameters": [],
-          "docs": "Serializes all form controls elements and returns a `FormData` object.",
-          "docsTags": []
-        },
-        {
-          "name": "reset",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "reset() => Promise<void>",
-          "parameters": [],
-          "docs": "Resets the form and resets the value of all descendants",
-          "docsTags": []
-        },
-        {
-          "name": "submit",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "submit() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Submits the form. If all controls are valid, the `six-form-submit` event will be emitted and the promise will resolve\nwith `true`. If any form control is invalid, the promise will resolve with `false` and no event will be emitted.",
-          "docsTags": []
-        }
-      ],
-      "events": [
-        {
-          "event": "six-form-change",
-          "detail": "SixFormChangePayload",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when the control's value changes.",
-          "docsTags": []
-        },
-        {
-          "event": "six-form-reset",
-          "detail": "undefined",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when the forms values are reset.",
-          "docsTags": []
-        },
-        {
-          "event": "six-form-submit",
-          "detail": "SixFormSubmitPayload",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when the form is submitted. This event will not be emitted if any form control inside of it is in an\ninvalid state, unless the form has the `novalidate` attribute. Note that there is never a need to prevent this\nevent, since it doen't send a GET or POST request like native forms. To \"prevent\" submission, use a conditional\naround the XHR request you use to submit the form's data with.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "",
-          "docs": "The form's content."
-        }
-      ],
-      "parts": [
-        {
-          "name": "base",
-          "docs": "The component's base wrapper."
-        }
-      ],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "./src/components/six-group-label/six-group-label.tsx",
-      "encapsulation": "shadow",
-      "tag": "six-group-label",
-      "readme": "# six-group-label\n\n<!-- EXAMPLES -->\n",
-      "docs": "<!-- EXAMPLES -->",
-      "docsTags": [
-        {
-          "name": "since",
-          "text": "1.1"
-        },
-        {
-          "name": "status",
-          "text": "stable"
-        },
-        {
-          "name": "slot",
-          "text": "label - The wrapped component's label. Alternatively, you can use the label prop."
-        },
-        {
-          "name": "slot",
-          "text": "help-text - Help text that describes how to use the input."
-        },
-        {
-          "name": "slot",
-          "text": "error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop."
-        },
-        {
-          "name": "part",
-          "text": "base - The component's base wrapper."
-        },
-        {
-          "name": "part",
-          "text": "form-control - The form control that wraps the label, textarea, and help text."
-        },
-        {
-          "name": "part",
-          "text": "label - The label of wrapped component."
-        },
-        {
-          "name": "part",
-          "text": "help-text - The help text of the wrapped component."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "disabled",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "disabled",
-          "reflectToAttr": true,
-          "docs": "Set to true to disable the label.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "helpText",
-          "type": "string",
-          "mutable": false,
-          "attr": "help-text",
-          "reflectToAttr": false,
-          "docs": "The wrapper label's help text. Alternatively, you can use the help-text slot.",
-          "docsTags": [],
-          "default": "''",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
+          "name": "helpText",
+          "type": "string",
+          "mutable": false,
+          "attr": "help-text",
+          "reflectToAttr": false,
+          "docs": "The wrapper label's help text. Alternatively, you can use the help-text slot.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
         },
         {
           "name": "label",
@@ -4280,9 +4120,10 @@
           "type": "boolean",
           "mutable": false,
           "attr": "required",
-          "reflectToAttr": true,
-          "docs": "The label's required attribute.",
+          "reflectToAttr": false,
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -4811,7 +4652,7 @@
         },
         {
           "name": "html",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "html",
           "reflectToAttr": true,
@@ -4820,14 +4661,17 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "label",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "label",
           "reflectToAttr": true,
@@ -4836,14 +4680,17 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "name",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "name",
           "reflectToAttr": true,
@@ -4852,9 +4699,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -5001,10 +4851,6 @@
           "name": "slot",
           "text": "help-text - Help text that describes how to use the input. Alternatively, you can use the help-text prop."
         },
-        {
-          "name": "slot",
-          "text": "error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop."
-        },
         {
           "name": "part",
           "text": "base - The component's base wrapper."
@@ -5052,6 +4898,7 @@
           "reflectToAttr": false,
           "docs": "The input's autocaptialize attribute.",
           "docsTags": [],
+          "default": "'off'",
           "values": [
             {
               "type": "string"
@@ -5068,6 +4915,7 @@
           "reflectToAttr": false,
           "docs": "The input's autocomplete attribute.",
           "docsTags": [],
+          "default": "'off'",
           "values": [
             {
               "type": "string"
@@ -5078,14 +4926,20 @@
         },
         {
           "name": "autocorrect",
-          "type": "string",
+          "type": "\"off\" | \"on\"",
           "mutable": false,
           "attr": "autocorrect",
           "reflectToAttr": false,
           "docs": "The input's autocorrect attribute.",
           "docsTags": [],
+          "default": "'off'",
           "values": [
             {
+              "value": "off",
+              "type": "string"
+            },
+            {
+              "value": "on",
               "type": "string"
             }
           ],
@@ -5100,6 +4954,7 @@
           "reflectToAttr": false,
           "docs": "The input's autofocus attribute.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -5142,30 +4997,13 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "errorOnBlur",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "error-on-blur",
-          "reflectToAttr": false,
-          "docs": "Set to display the error text on blur and not when typing",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "errorText",
           "type": "string",
           "mutable": false,
           "attr": "error-text",
           "reflectToAttr": false,
-          "docs": "The input's error text. Alternatively, you can use the error-text slot.",
+          "docs": "The error message shown, if `invalid` is set to true.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -5195,7 +5033,7 @@
         },
         {
           "name": "inputmode",
-          "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\"",
+          "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\" | undefined",
           "mutable": false,
           "attr": "inputmode",
           "reflectToAttr": false,
@@ -5233,18 +5071,21 @@
             {
               "value": "url",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "invalid",
           "type": "boolean",
-          "mutable": true,
+          "mutable": false,
           "attr": "invalid",
           "reflectToAttr": true,
-          "docs": "This will be true when the control is in an invalid state. Validity is determined by props such as `type`,\n`required`, `minlength`, `maxlength`, and `pattern` using the browser's constraint validation API.",
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -5261,7 +5102,7 @@
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "The input's label. Alternatively, you can use the label slot.",
+          "docs": "The label text.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -5291,7 +5132,7 @@
         },
         {
           "name": "max",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "max",
           "reflectToAttr": true,
@@ -5300,14 +5141,17 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "maxlength",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "maxlength",
           "reflectToAttr": true,
@@ -5316,14 +5160,17 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "min",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "min",
           "reflectToAttr": true,
@@ -5332,14 +5179,17 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "minlength",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "minlength",
           "reflectToAttr": true,
@@ -5348,9 +5198,12 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -5372,7 +5225,7 @@
         },
         {
           "name": "pattern",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "pattern",
           "reflectToAttr": true,
@@ -5381,9 +5234,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -5405,7 +5261,7 @@
         },
         {
           "name": "placeholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "placeholder",
           "reflectToAttr": false,
@@ -5414,9 +5270,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -5441,9 +5300,10 @@
           "type": "boolean",
           "mutable": false,
           "attr": "required",
-          "reflectToAttr": true,
-          "docs": "Set to true to make the input a required field.",
+          "reflectToAttr": false,
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -5486,6 +5346,7 @@
           "reflectToAttr": false,
           "docs": "Enables spell checking on the input.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -5496,7 +5357,7 @@
         },
         {
           "name": "step",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "step",
           "reflectToAttr": true,
@@ -5505,9 +5366,12 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -5588,50 +5452,6 @@
         }
       ],
       "methods": [
-        {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
-        {
-          "name": "getValidationMessage",
-          "returns": {
-            "type": "Promise<string>",
-            "docs": ""
-          },
-          "signature": "getValidationMessage() => Promise<string>",
-          "parameters": [],
-          "docs": "Returns the native input's validationMessage",
-          "docsTags": []
-        },
-        {
-          "name": "getValidity",
-          "returns": {
-            "type": "Promise<ValidityState>",
-            "docs": ""
-          },
-          "signature": "getValidity() => Promise<ValidityState>",
-          "parameters": [],
-          "docs": "Returns the native input's validity",
-          "docsTags": []
-        },
-        {
-          "name": "isValid",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "isValid() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Returns the native input's validity",
-          "docsTags": []
-        },
         {
           "name": "removeFocus",
           "returns": {
@@ -5643,50 +5463,17 @@
           "docs": "Removes focus from the input.",
           "docsTags": []
         },
-        {
-          "name": "reportValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "reportValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
-          "docsTags": []
-        },
-        {
-          "name": "reset",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "reset() => Promise<void>",
-          "parameters": [],
-          "docs": "Resets the formcontrol",
-          "docsTags": []
-        },
         {
           "name": "select",
           "returns": {
-            "type": "Promise<void>",
+            "type": "Promise<void | undefined>",
             "docs": ""
           },
-          "signature": "select() => Promise<void>",
+          "signature": "select() => Promise<void | undefined>",
           "parameters": [],
           "docs": "Selects all the text in the input.",
           "docsTags": []
         },
-        {
-          "name": "setCustomValidity",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
-          "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
-          "docsTags": []
-        },
         {
           "name": "setFocus",
           "returns": {
@@ -5712,10 +5499,10 @@
         {
           "name": "setSelectionRange",
           "returns": {
-            "type": "Promise<void>",
+            "type": "Promise<void | undefined>",
             "docs": ""
           },
-          "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void>",
+          "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void | undefined>",
           "parameters": [],
           "docs": "Sets the start and end positions of the text selection (0-based).",
           "docsTags": []
@@ -5766,15 +5553,6 @@
           "composed": true,
           "docs": "Emitted when the control receives input. Access the new value via event.target.value.",
           "docsTags": []
-        },
-        {
-          "event": "six-input-value-change",
-          "detail": "undefined",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted whenever the value changes. Access the new value via event.target.value.\nsix-input-value-change will emit whenever the value changes.\nSo be it on input or when dynamically set. six-input-input will only be emitted when the user enters data,\nbut not when a value is dynamically set. six-input-change will only be emitted when the user either presses enter\nor leaves the input field after entering some data.",
-          "docsTags": []
         }
       ],
       "listeners": [],
@@ -5784,10 +5562,6 @@
           "name": "clear-icon",
           "docs": "An icon to use in lieu of the default clear icon."
         },
-        {
-          "name": "error-text",
-          "docs": "Error text that is shown for validation errors. Alternatively, you can use the error-text prop."
-        },
         {
           "name": "help-text",
           "docs": "Help text that describes how to use the input. Alternatively, you can use the help-text prop."
@@ -5952,7 +5726,7 @@
         },
         {
           "name": "items",
-          "type": "string[]",
+          "type": "string[] | undefined",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Defines a custom list of items you can iterate through",
@@ -5960,14 +5734,17 @@
           "values": [
             {
               "type": "string[]"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "max",
-          "type": "number | string",
+          "type": "number | string | undefined",
           "mutable": true,
           "attr": "max",
           "reflectToAttr": true,
@@ -5979,14 +5756,17 @@
             },
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "min",
-          "type": "number | string",
+          "type": "number | string | undefined",
           "mutable": true,
           "attr": "min",
           "reflectToAttr": true,
@@ -5998,9 +5778,12 @@
             },
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -6043,7 +5826,7 @@
           "mutable": false,
           "attr": "padding-direction",
           "reflectToAttr": false,
-          "docs": "Defines whether the padding should be before or after the value. You can either use 'before' or 'after'. By default\nbefore is selected",
+          "docs": "Defines whether the padding should be before or after the value. You can either use 'before' or 'after'. By default,\nbefore is selected",
           "docsTags": [],
           "default": "ItemPickerPaddingDirection.BEFORE",
           "values": [
@@ -6179,7 +5962,7 @@
       "events": [
         {
           "event": "six-item-picker-change",
-          "detail": "number | string",
+          "detail": "boolean | number | string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -6188,7 +5971,7 @@
         },
         {
           "event": "six-item-picker-change-debounced",
-          "detail": "number | string",
+          "detail": "boolean | number | string",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -6262,7 +6045,7 @@
         },
         {
           "name": "selected",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": true,
           "attr": "selected",
           "reflectToAttr": true,
@@ -6271,6 +6054,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -6334,18 +6120,21 @@
       "props": [
         {
           "name": "columns",
-          "type": "any",
-          "mutable": false,
+          "type": "number | undefined",
+          "mutable": true,
           "attr": "columns",
           "reflectToAttr": false,
           "docs": "Set the number of grid columns",
           "docsTags": [],
           "values": [
             {
-              "type": "any"
+              "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         }
       ],
@@ -6489,7 +6278,7 @@
         },
         {
           "name": "items",
-          "type": "SixMenuItemData[]",
+          "type": "SixMenuItemData[] | null",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Set the options to be shown in the dropdown",
@@ -6498,6 +6287,9 @@
           "values": [
             {
               "type": "SixMenuItemData[]"
+            },
+            {
+              "type": "null"
             }
           ],
           "optional": false,
@@ -6505,16 +6297,18 @@
         },
         {
           "name": "itemsShown",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "items-shown",
           "reflectToAttr": false,
-          "docs": "Defines how many items should be shown. If the number of items is larger than this properties a scrollbar will be shown",
+          "docs": "Defines how many items should be shown. If the number of items is larger than this property a scrollbar will be shown",
           "docsTags": [],
-          "default": "ITEMS_SHOWN_NOT_SET",
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -7164,6 +6958,7 @@
           "reflectToAttr": false,
           "docs": "The current progress percentage, 0 - 100.",
           "docsTags": [],
+          "default": "0",
           "values": [
             {
               "type": "number"
@@ -7317,10 +7112,10 @@
         {
           "name": "invalid",
           "type": "boolean",
-          "mutable": true,
+          "mutable": false,
           "attr": "invalid",
           "reflectToAttr": true,
-          "docs": "This will be true when the control is in an invalid state. Validity in range inputs is determined by the message\nprovided by the `setCustomValidity` method.",
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -7339,6 +7134,7 @@
           "reflectToAttr": false,
           "docs": "The radio's name attribute.",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -7352,9 +7148,10 @@
           "type": "string",
           "mutable": false,
           "attr": "value",
-          "reflectToAttr": false,
+          "reflectToAttr": true,
           "docs": "The radio's value attribute.",
           "docsTags": [],
+          "default": "'on'",
           "values": [
             {
               "type": "string"
@@ -7365,17 +7162,6 @@
         }
       ],
       "methods": [
-        {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
         {
           "name": "removeFocus",
           "returns": {
@@ -7387,17 +7173,6 @@
           "docs": "Removes focus from the radio.",
           "docsTags": []
         },
-        {
-          "name": "reportValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "reportValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
-          "docsTags": []
-        },
         {
           "name": "reset",
           "returns": {
@@ -7409,17 +7184,6 @@
           "docs": "Resets the formcontrol",
           "docsTags": []
         },
-        {
-          "name": "setCustomValidity",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
-          "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
-          "docsTags": []
-        },
         {
           "name": "setFocus",
           "returns": {
@@ -7550,30 +7314,13 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "errorOnBlur",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "error-on-blur",
-          "reflectToAttr": false,
-          "docs": "Set to display the error text on blur and not when typing",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "errorText",
           "type": "string",
           "mutable": false,
           "attr": "error-text",
           "reflectToAttr": false,
-          "docs": "The input's error text. Alternatively, you can use the error-text slot.",
+          "docs": "The error message shown, if `invalid` is set to true.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -7604,10 +7351,10 @@
         {
           "name": "invalid",
           "type": "boolean",
-          "mutable": true,
+          "mutable": false,
           "attr": "invalid",
           "reflectToAttr": true,
-          "docs": "This will be true when the control is in an invalid state. Validity in range inputs is determined by the message\nprovided by the `setCustomValidity` method.",
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -7624,7 +7371,7 @@
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "The range's label. Alternatively, you can use the label slot.",
+          "docs": "The label text.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -7691,9 +7438,10 @@
           "type": "boolean",
           "mutable": false,
           "attr": "required",
-          "reflectToAttr": true,
-          "docs": "Set to true to make the input a required field.",
+          "reflectToAttr": false,
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -7769,6 +7517,7 @@
           "reflectToAttr": false,
           "docs": "The input's value attribute.",
           "docsTags": [],
+          "default": "0",
           "values": [
             {
               "type": "number"
@@ -7790,28 +7539,6 @@
           "docs": "Removes focus from the input.",
           "docsTags": []
         },
-        {
-          "name": "reset",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "reset() => Promise<void>",
-          "parameters": [],
-          "docs": "Resets the formcontrol",
-          "docsTags": []
-        },
-        {
-          "name": "setCustomValidity",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
-          "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
-          "docsTags": []
-        },
         {
           "name": "setFocus",
           "returns": {
@@ -7912,11 +7639,11 @@
         },
         {
           "name": "slot",
-          "text": "left-sidebar - Used to define the side bar on the left side."
+          "text": "left-sidebar - Used to define the sidebar on the left side."
         },
         {
           "name": "slot",
-          "text": "right-sidebar - Used to define the side bar on the right side."
+          "text": "right-sidebar - Used to define the sidebar on the right side."
         },
         {
           "name": "slot",
@@ -7961,7 +7688,7 @@
         },
         {
           "name": "stage",
-          "type": "\"ACCEPTANCE\" | \"DEV\" | \"ETU\" | \"ITU\" | \"PROD\"",
+          "type": "\"ACCEPTANCE\" | \"DEV\" | \"ETU\" | \"ITU\" | \"PROD\" | null",
           "mutable": false,
           "attr": "stage",
           "reflectToAttr": false,
@@ -7988,6 +7715,9 @@
             {
               "value": "PROD",
               "type": "string"
+            },
+            {
+              "type": "null"
             }
           ],
           "optional": false,
@@ -8036,7 +7766,7 @@
         },
         {
           "name": "left-sidebar",
-          "docs": "Used to define the side bar on the left side."
+          "docs": "Used to define the sidebar on the left side."
         },
         {
           "name": "main",
@@ -8044,7 +7774,7 @@
         },
         {
           "name": "right-sidebar",
-          "docs": "Used to define the side bar on the right side."
+          "docs": "Used to define the sidebar on the right side."
         }
       ],
       "parts": [
@@ -8159,7 +7889,7 @@
         },
         {
           "name": "placeholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "placeholder",
           "reflectToAttr": false,
@@ -8168,9 +7898,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -8348,25 +8081,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "defaultValue",
-          "type": "string | string[]",
-          "mutable": false,
-          "attr": "default-value",
-          "reflectToAttr": false,
-          "docs": "The default value the select will be reverted to when reset is executed",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "string[]"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "disabled",
           "type": "boolean",
@@ -8384,30 +8098,13 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "errorOnBlur",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "error-on-blur",
-          "reflectToAttr": false,
-          "docs": "Set to display the error text on blur and not when typing",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "errorText",
           "type": "string",
           "mutable": false,
           "attr": "error-text",
           "reflectToAttr": false,
-          "docs": "The select's error text. Alternatively, you can use the error-text slot.",
+          "docs": "The error message shown, if `invalid` is set to true.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -8454,7 +8151,7 @@
         },
         {
           "name": "filterPlaceholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "filter-placeholder",
           "reflectToAttr": false,
@@ -8463,9 +8160,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -8522,10 +8222,10 @@
         {
           "name": "invalid",
           "type": "boolean",
-          "mutable": true,
+          "mutable": false,
           "attr": "invalid",
-          "reflectToAttr": false,
-          "docs": "This will be true when the control is in an invalid state. Validity is determined by the `required` prop.",
+          "reflectToAttr": true,
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -8542,7 +8242,7 @@
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "The select's label. Alternatively, you can use the label slot.",
+          "docs": "The label text.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -8623,7 +8323,7 @@
         },
         {
           "name": "options",
-          "type": "SixMenuItemData[]",
+          "type": "SixMenuItemData[] | null",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "Set the options to be shown in the dropdown (alternative to setting the elements via html)",
@@ -8632,6 +8332,9 @@
           "values": [
             {
               "type": "SixMenuItemData[]"
+            },
+            {
+              "type": "null"
             }
           ],
           "optional": false,
@@ -8677,7 +8380,7 @@
           "mutable": false,
           "attr": "required",
           "reflectToAttr": false,
-          "docs": "The select's required attribute.",
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -8754,47 +8457,14 @@
       ],
       "methods": [
         {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
-        {
-          "name": "reportValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "reportValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
-          "docsTags": []
-        },
-        {
-          "name": "reset",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "reset() => Promise<void>",
-          "parameters": [],
-          "docs": "Resets the formcontrol",
-          "docsTags": []
-        },
-        {
-          "name": "setCustomValidity",
+          "name": "setFocus",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
           },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
+          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
           "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
+          "docs": "Sets focus on the select.",
           "docsTags": []
         }
       ],
@@ -8955,7 +8625,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the sidebar is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the sidebar is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -9246,7 +8916,7 @@
         },
         {
           "name": "slot",
-          "text": "- Used to define the nested side bar [group] items."
+          "text": "- Used to define the nested sidebar [group] items."
         }
       ],
       "usage": {},
@@ -9291,7 +8961,7 @@
           "mutable": false,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "",
+          "docs": "Indicates whether the sidebar is shown",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -9304,7 +8974,7 @@
         },
         {
           "name": "summaryIcon",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "summary-icon",
           "reflectToAttr": false,
@@ -9313,9 +8983,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -9343,7 +9016,7 @@
       "slots": [
         {
           "name": "",
-          "docs": "Used to define the nested side bar [group] items."
+          "docs": "Used to define the nested sidebar [group] items."
         }
       ],
       "parts": [],
@@ -9450,7 +9123,7 @@
       "props": [
         {
           "name": "stage",
-          "type": "\"ACCEPTANCE\" | \"DEV\" | \"ETU\" | \"ITU\" | \"PROD\"",
+          "type": "\"ACCEPTANCE\" | \"DEV\" | \"ETU\" | \"ITU\" | \"PROD\" | null",
           "mutable": false,
           "attr": "stage",
           "reflectToAttr": false,
@@ -9477,6 +9150,9 @@
             {
               "value": "PROD",
               "type": "string"
+            },
+            {
+              "type": "null"
             }
           ],
           "optional": false,
@@ -9576,13 +9252,30 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "errorText",
+          "type": "string",
+          "mutable": false,
+          "attr": "error-text",
+          "reflectToAttr": false,
+          "docs": "The error message shown, if `invalid` is set to true.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "invalid",
           "type": "boolean",
-          "mutable": true,
+          "mutable": false,
           "attr": "invalid",
           "reflectToAttr": true,
-          "docs": "This will be true when the control is in an invalid state. Validity is determined by the `required` prop.",
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -9593,6 +9286,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "The label text.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "name",
           "type": "string",
@@ -9601,6 +9311,7 @@
           "reflectToAttr": false,
           "docs": "The switch's name attribute.",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -9615,7 +9326,7 @@
           "mutable": false,
           "attr": "required",
           "reflectToAttr": false,
-          "docs": "Set to true to make the switch a required field.",
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -9634,6 +9345,7 @@
           "reflectToAttr": false,
           "docs": "The switch's value attribute.",
           "docsTags": [],
+          "default": "'on'",
           "values": [
             {
               "type": "string"
@@ -9644,17 +9356,6 @@
         }
       ],
       "methods": [
-        {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
         {
           "name": "removeFocus",
           "returns": {
@@ -9666,39 +9367,6 @@
           "docs": "Removes focus from the switch.",
           "docsTags": []
         },
-        {
-          "name": "reportValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "reportValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
-          "docsTags": []
-        },
-        {
-          "name": "reset",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "reset() => Promise<void>",
-          "parameters": [],
-          "docs": "Resets the formcontrol",
-          "docsTags": []
-        },
-        {
-          "name": "setCustomValidity",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
-          "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
-          "docsTags": []
-        },
         {
           "name": "setFocus",
           "returns": {
@@ -9988,7 +9656,7 @@
         },
         {
           "name": "part",
-          "text": "active-tab-indicator - An element that displays the currently selected tab. This is a child of the tabs container."
+          "text": "active-tab-indicator - An element that displays the currently selected tab. This is a child of the tab's container."
         },
         {
           "name": "part",
@@ -10103,7 +9771,7 @@
       "parts": [
         {
           "name": "active-tab-indicator",
-          "docs": "An element that displays the currently selected tab. This is a child of the tabs container."
+          "docs": "An element that displays the currently selected tab. This is a child of the tab's container."
         },
         {
           "name": "base",
@@ -10467,6 +10135,7 @@
           "reflectToAttr": false,
           "docs": "The textarea's autocaptialize attribute.",
           "docsTags": [],
+          "default": "'off'",
           "values": [
             {
               "type": "string"
@@ -10483,6 +10152,7 @@
           "reflectToAttr": false,
           "docs": "The textarea's autocomplete attribute.",
           "docsTags": [],
+          "default": "'off'",
           "values": [
             {
               "type": "string"
@@ -10493,14 +10163,20 @@
         },
         {
           "name": "autocorrect",
-          "type": "string",
+          "type": "\"off\" | \"on\"",
           "mutable": false,
           "attr": "autocorrect",
           "reflectToAttr": false,
           "docs": "The textarea's autocorrect attribute.",
           "docsTags": [],
+          "default": "'off'",
           "values": [
             {
+              "value": "off",
+              "type": "string"
+            },
+            {
+              "value": "on",
               "type": "string"
             }
           ],
@@ -10515,6 +10191,7 @@
           "reflectToAttr": false,
           "docs": "The textarea's autofocus attribute.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -10540,30 +10217,13 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "errorOnBlur",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "error-on-blur",
-          "reflectToAttr": false,
-          "docs": "Set to display the error text on blur and not when typing",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "errorText",
           "type": "string",
           "mutable": false,
           "attr": "error-text",
           "reflectToAttr": false,
-          "docs": "The textarea's error text. Alternatively, you can use the error-text slot.",
+          "docs": "The error message shown, if `invalid` is set to true.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -10593,7 +10253,7 @@
         },
         {
           "name": "inputmode",
-          "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\"",
+          "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\" | undefined",
           "mutable": false,
           "attr": "inputmode",
           "reflectToAttr": false,
@@ -10631,18 +10291,21 @@
             {
               "value": "url",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "invalid",
           "type": "boolean",
-          "mutable": true,
+          "mutable": false,
           "attr": "invalid",
           "reflectToAttr": true,
-          "docs": "This will be true when the control is in an invalid state. Validity is determined by props such as `required`,\n`minlength`, and `maxlength` using the browser's constraint validation API.",
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -10659,7 +10322,7 @@
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "The textarea's label. Alternatively, you can use the label slot.",
+          "docs": "The label text.",
           "docsTags": [],
           "default": "''",
           "values": [
@@ -10672,7 +10335,7 @@
         },
         {
           "name": "maxlength",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "maxlength",
           "reflectToAttr": true,
@@ -10681,14 +10344,17 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
           "name": "minlength",
-          "type": "number",
+          "type": "number | undefined",
           "mutable": false,
           "attr": "minlength",
           "reflectToAttr": true,
@@ -10697,9 +10363,12 @@
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -10721,7 +10390,7 @@
         },
         {
           "name": "placeholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "placeholder",
           "reflectToAttr": false,
@@ -10730,9 +10399,12 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -10757,9 +10429,10 @@
           "type": "boolean",
           "mutable": false,
           "attr": "required",
-          "reflectToAttr": true,
-          "docs": "The textarea's required attribute.",
+          "reflectToAttr": false,
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -10845,6 +10518,7 @@
           "reflectToAttr": false,
           "docs": "The textarea's spellcheck attribute.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -10872,17 +10546,6 @@
         }
       ],
       "methods": [
-        {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
         {
           "name": "removeFocus",
           "returns": {
@@ -10894,50 +10557,17 @@
           "docs": "Removes focus fromt the textarea.",
           "docsTags": []
         },
-        {
-          "name": "reportValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "reportValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
-          "docsTags": []
-        },
-        {
-          "name": "reset",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "reset() => Promise<void>",
-          "parameters": [],
-          "docs": "Resets the formcontrol",
-          "docsTags": []
-        },
         {
           "name": "select",
           "returns": {
-            "type": "Promise<void>",
+            "type": "Promise<void | undefined>",
             "docs": ""
           },
-          "signature": "select() => Promise<void>",
+          "signature": "select() => Promise<void | undefined>",
           "parameters": [],
           "docs": "Selects all the text in the input.",
           "docsTags": []
         },
-        {
-          "name": "setCustomValidity",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
-          "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
-          "docsTags": []
-        },
         {
           "name": "setFocus",
           "returns": {
@@ -10963,10 +10593,10 @@
         {
           "name": "setSelectionRange",
           "returns": {
-            "type": "Promise<void>",
+            "type": "Promise<void | undefined>",
             "docs": ""
           },
-          "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void>",
+          "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void | undefined>",
           "parameters": [],
           "docs": "Sets the start and end positions of the text selection (0-based).",
           "docsTags": []
@@ -11008,15 +10638,6 @@
           "composed": true,
           "docs": "Emitted when the control receives input. Access the new value via event.target.value.",
           "docsTags": []
-        },
-        {
-          "event": "six-textarea-value-change",
-          "detail": "undefined",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted whenever the value changes. Access the new value via event.target.value.\nsix-textarea-value-change will emit whenever the value changes.\nSo be it on textarea or when dynamically set. six-textarea-input will only be emitted when the user enters data,\nbut not when a value is dynamically set. six-textarea-change will only be emitted when the user either presses enter\nor leaves the textarea field after entering some data.",
-          "docsTags": []
         }
       ],
       "listeners": [],
@@ -11149,7 +10770,7 @@
         },
         {
           "name": "iconName",
-          "type": "any",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "icon-name",
           "reflectToAttr": false,
@@ -11157,10 +10778,13 @@
           "docsTags": [],
           "values": [
             {
-              "type": "any"
+              "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -11355,7 +10979,7 @@
         },
         {
           "name": "defaultTime",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "default-time",
           "reflectToAttr": false,
@@ -11364,6 +10988,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -11386,23 +11013,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "errorOnBlur",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "error-on-blur",
-          "reflectToAttr": false,
-          "docs": "Set to display the error text on blur and not when typing",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "errorText",
           "type": "string",
@@ -11422,46 +11032,57 @@
         },
         {
           "name": "format",
-          "type": "SixTimeFormat.HH | SixTimeFormat.HHmm | SixTimeFormat.HHmmss | SixTimeFormat.HHmmssms | SixTimeFormat.hhaa | SixTimeFormat.hhmmaa | SixTimeFormat.hhmmssaa | SixTimeFormat.hhmmssmsaa | SixTimeFormat.mm | SixTimeFormat.ms | SixTimeFormat.ss",
+          "type": "\"HH\" | \"HH:mm\" | \"HH:mm:ss\" | \"HH:mm:ss:ms\" | \"hh:aa\" | \"hh:mm:aa\" | \"hh:mm:ss:aa\" | \"hh:mm:ss:ms:aa\" | \"mm\" | \"ms\" | \"ss\"",
           "mutable": false,
           "attr": "format",
           "reflectToAttr": false,
           "docs": "Define the time format. Valid formats are:\n\nHH:mm:ss\nhh:mm:ss:aa\nHH:mm:ss:ms\nhh:mm:ss:ms:aa\nHH:mm\nhh:mm:aa\nHH\nhh:aa\nmm\nss\nms\n\nwhere HH is the 24 hour format\nand hh is the 12 hour format\n\nPlease notice that when using the 12-hour-clock (hh)\nyou always need a period indicator (aa). So the time can be parsed as either am or pm",
           "docsTags": [],
-          "default": "SixTimeFormat.HHmmss",
+          "default": "'HH:mm:ss'",
           "values": [
             {
-              "type": "SixTimeFormat.HH"
+              "value": "HH",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.HHmm"
+              "value": "HH:mm",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.HHmmss"
+              "value": "HH:mm:ss",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.HHmmssms"
+              "value": "HH:mm:ss:ms",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.hhaa"
+              "value": "hh:aa",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.hhmmaa"
+              "value": "hh:mm:aa",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.hhmmssaa"
+              "value": "hh:mm:ss:aa",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.hhmmssmsaa"
+              "value": "hh:mm:ss:ms:aa",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.mm"
+              "value": "mm",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.ms"
+              "value": "ms",
+              "type": "string"
             },
             {
-              "type": "SixTimeFormat.ss"
+              "value": "ss",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -11512,7 +11133,7 @@
           "mutable": false,
           "attr": "inline",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the timepicker should be shown as an inline (always open) component",
+          "docs": "Indicates whether the timepicker should be shown as an inline (always open) component",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -11540,6 +11161,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "invalid",
+          "reflectToAttr": true,
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "label",
           "type": "string",
@@ -11580,7 +11218,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the timepicker dropdown is open on startup. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the timepicker dropdown is open on startup. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -11593,7 +11231,7 @@
         },
         {
           "name": "placeholder",
-          "type": "string",
+          "type": "string | undefined",
           "mutable": false,
           "attr": "placeholder",
           "reflectToAttr": false,
@@ -11602,6 +11240,9 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
           "optional": true,
@@ -11609,7 +11250,7 @@
         },
         {
           "name": "placement",
-          "type": "\"bottom\" | \"top\"",
+          "type": "\"bottom\" | \"top\" | undefined",
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": false,
@@ -11623,9 +11264,12 @@
             {
               "value": "top",
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -11650,9 +11294,10 @@
           "type": "boolean",
           "mutable": false,
           "attr": "required",
-          "reflectToAttr": true,
-          "docs": "Set to true to make the input a required field.",
+          "reflectToAttr": false,
+          "docs": "Set to true to show an asterisk beneath the label.",
           "docsTags": [],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -11669,7 +11314,7 @@
           "reflectToAttr": false,
           "docs": "Define the separator to be shown between the time unit pickers.\nPlease be aware that this property will modify the displayed separator only.\nThe separator for a timestring is always expected to be a colon (eg. '13:52:20')",
           "docsTags": [],
-          "default": "TIME_FORMAT_SEPARATOR",
+          "default": "':'",
           "values": [
             {
               "type": "string"
@@ -11729,58 +11374,26 @@
           "reflectToAttr": false,
           "docs": "The value of the timepicker provided as a string. The string mast match the provided format (or default format)",
           "docsTags": [],
+          "default": "''",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         }
       ],
       "methods": [
         {
-          "name": "checkValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "checkValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity.",
-          "docsTags": []
-        },
-        {
-          "name": "reportValidity",
-          "returns": {
-            "type": "Promise<boolean>",
-            "docs": ""
-          },
-          "signature": "reportValidity() => Promise<boolean>",
-          "parameters": [],
-          "docs": "Checks for validity and shows the browser's validation message if the control is invalid.",
-          "docsTags": []
-        },
-        {
-          "name": "reset",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "reset() => Promise<void>",
-          "parameters": [],
-          "docs": "Resets the formcontrol",
-          "docsTags": []
-        },
-        {
-          "name": "setCustomValidity",
+          "name": "setFocus",
           "returns": {
             "type": "Promise<void>",
             "docs": ""
           },
-          "signature": "setCustomValidity(message: string) => Promise<void>",
+          "signature": "setFocus(options?: FocusOptions) => Promise<void>",
           "parameters": [],
-          "docs": "Sets a custom validation message. If `message` is not empty, the field will be considered invalid.",
+          "docs": "Sets focus on the datepickers input.",
           "docsTags": []
         }
       ],
@@ -11925,7 +11538,7 @@
           "mutable": false,
           "attr": "disabled",
           "reflectToAttr": false,
-          "docs": "Set to true to disable the tooltip so it won't show when triggered.",
+          "docs": "Set to true to disable the tooltip, so it won't show when triggered.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -11959,7 +11572,7 @@
           "mutable": true,
           "attr": "open",
           "reflectToAttr": true,
-          "docs": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
+          "docs": "Indicates whether the tooltip is open. You can use this in lieu of the show/hide methods.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -11976,7 +11589,7 @@
           "mutable": false,
           "attr": "placement",
           "reflectToAttr": false,
-          "docs": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
+          "docs": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside the viewport.",
           "docsTags": [],
           "default": "'top'",
           "values": [