@uh-design-system/component-library 1.4.0 → 1.5.0-rc.0

package/dist/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2026-04-23T13:28:57",
+  "timestamp": "2026-04-28T10:59:16",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.43.3",
+    "version": "4.43.4",
     "typescriptVersion": "5.8.3"
   },
   "components": [
@@ -412,10 +412,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "dsAccordionIdGenerator.next().value as string"
+              "text": "this.getUniqueId()"
             }
           ],
-          "default": "dsAccordionIdGenerator.next().value as string",
+          "default": "this.getUniqueId()",
           "values": [
             {
               "type": "string"
@@ -1802,7 +1802,7 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -2157,16 +2157,16 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "dsBadgeIdGenerator.next().value as string"
+              "text": "this.getUniqueId()"
             }
           ],
-          "default": "dsBadgeIdGenerator.next().value as string",
+          "default": "this.getUniqueId()",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -2411,7 +2411,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -2551,10 +2551,8 @@
             "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | \"_unfencedTop\"",
             "references": {
               "LinkTarget": {
-                "location": "import",
-                "path": "../../../utils/link/linkUtils",
-                "id": "src/utils/link/linkUtils.ts::LinkTarget",
-                "referenceLocation": "LinkTarget"
+                "location": "global",
+                "id": "global::LinkTarget"
               }
             }
           },
@@ -3511,7 +3509,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -3640,16 +3638,16 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "buttonIdGenerator.next().value as string"
+              "text": "this.getUniqueId()"
             }
           ],
-          "default": "buttonIdGenerator.next().value as string",
+          "default": "this.getUniqueId()",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -3765,7 +3763,7 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -3845,7 +3843,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -4084,6 +4082,7 @@
         "ds-accordion",
         "ds-action-menu",
         "ds-combobox",
+        "ds-datepicker-custom",
         "ds-datepicker-native",
         "ds-modal",
         "ds-notification",
@@ -4115,6 +4114,9 @@
         "ds-combobox": [
           "ds-button"
         ],
+        "ds-datepicker-custom": [
+          "ds-button"
+        ],
         "ds-datepicker-native": [
           "ds-button"
         ],
@@ -4328,7 +4330,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -4804,7 +4806,7 @@
             "resolved": "boolean",
             "references": {}
           },
-          "mutable": false,
+          "mutable": true,
           "attr": "ds-disabled",
           "reflectToAttr": false,
           "docs": "Passed to the `disabled` attribute of the `input` element of the rendered checkbox.",
@@ -4862,7 +4864,7 @@
             "resolved": "boolean",
             "references": {}
           },
-          "mutable": false,
+          "mutable": true,
           "attr": "ds-errors-disabled",
           "reflectToAttr": false,
           "docs": "Can be used to disable emitting validation events `dsSubmitInvalid` and `dsValidity`.\nUsed internally in checkbox group to disable validation for individual checkboxes.",
@@ -4891,7 +4893,7 @@
             "resolved": "string",
             "references": {}
           },
-          "mutable": false,
+          "mutable": true,
           "attr": "ds-form",
           "reflectToAttr": false,
           "docs": "Passed to the `form` attribute of the `input` element of the rendered checkbox.",
@@ -4921,16 +4923,16 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "checkboxIdGenerator.next().value as string"
+              "text": "this.getUniqueId()"
             }
           ],
-          "default": "checkboxIdGenerator.next().value as string",
+          "default": "this.getUniqueId()",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -5105,7 +5107,7 @@
             "resolved": "boolean",
             "references": {}
           },
-          "mutable": false,
+          "mutable": true,
           "attr": "ds-required",
           "reflectToAttr": false,
           "docs": "Passed to the `required` attribute of the `input` element of the rendered checkbox.",
@@ -5173,7 +5175,7 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -5363,7 +5365,7 @@
     },
     {
       "filePath": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "scoped",
       "tag": "ds-checkbox-group",
       "readme": "# ds-checkbox-group\n\n\n",
       "docs": "",
@@ -5590,10 +5592,10 @@
             },
             {
               "name": "default",
-              "text": "`${this.fieldsetId}-checkbox`"
+              "text": "`${this.generatedId}-checkbox`"
             }
           ],
-          "default": "`${this.fieldsetId}-checkbox`",
+          "default": "`${this.generatedId}-checkbox`",
           "values": [
             {
               "type": "string"
@@ -5891,6 +5893,26 @@
         }
       ],
       "events": [
+        {
+          "event": "dsCheckboxGroupAllRequiredChange",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "DsCheckboxGroupAllRequiredChangeEvent",
+            "resolved": "boolean",
+            "references": {
+              "DsCheckboxGroupAllRequiredChangeEvent": {
+                "location": "local",
+                "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx",
+                "id": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx::DsCheckboxGroupAllRequiredChangeEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "dsCheckboxGroupChange",
           "detail": "{ id: string; checked: boolean; }",
@@ -5911,6 +5933,66 @@
           "docs": "`dsCheckboxGroupChange` event is emitted when all:\n\n- checkboxes become `checked`\n- checkboxes were `checked` and one or more become `unchecked`\n\nThis is used internally to synchronize the state of checkbox groups.",
           "docsTags": []
         },
+        {
+          "event": "dsCheckboxGroupCheckedChange",
+          "detail": "boolean",
+          "bubbles": false,
+          "complexType": {
+            "original": "DsCheckboxGroupCheckedChangeEvent",
+            "resolved": "boolean",
+            "references": {
+              "DsCheckboxGroupCheckedChangeEvent": {
+                "location": "local",
+                "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx",
+                "id": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx::DsCheckboxGroupCheckedChangeEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "dsCheckboxGroupDisabledChange",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "DsCheckboxGroupDisabledChangeEvent",
+            "resolved": "boolean",
+            "references": {
+              "DsCheckboxGroupDisabledChangeEvent": {
+                "location": "local",
+                "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx",
+                "id": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx::DsCheckboxGroupDisabledChangeEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "dsCheckboxGroupFormChange",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "DsCheckboxGroupFormChangeEvent",
+            "resolved": "string",
+            "references": {
+              "DsCheckboxGroupFormChangeEvent": {
+                "location": "local",
+                "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx",
+                "id": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx::DsCheckboxGroupFormChangeEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "dsCheckboxGroupIndeterminateChildChange",
           "detail": "{ id: string; indeterminate: boolean; }",
@@ -5951,6 +6033,26 @@
           "docs": "The `dsCheckboxGroupInvalidStateChange` event is emitted when the\n`dsErrorText` property changes. The event `detail` is `dsErrorText`.\nThis event is mainly used internally to synchronize the invalid\nstate of checkboxes.",
           "docsTags": []
         },
+        {
+          "event": "dsCheckboxGroupNameChange",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "DsCheckboxGroupNameChangeEvent",
+            "resolved": "string",
+            "references": {
+              "DsCheckboxGroupNameChangeEvent": {
+                "location": "local",
+                "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx",
+                "id": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx::DsCheckboxGroupNameChangeEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "dsSubmitInvalid",
           "detail": "{ flag: validityFlag; message: string; }",
@@ -6156,16 +6258,16 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "chipIdGenerator.next().value as string"
+              "text": "this.getUniqueId()"
             }
           ],
-          "default": "chipIdGenerator.next().value as string",
+          "default": "this.getUniqueId()",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -6223,10 +6325,10 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
-          "getter": false,
-          "setter": false
+          "getter": true,
+          "setter": true
         },
         {
           "name": "dsRole",
@@ -6378,45 +6480,6 @@
           "parameters": [],
           "docs": "Sets focus to the button element rendered inside `ds-chip` component.",
           "docsTags": []
-        },
-        {
-          "name": "setName",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "(newName?: string | undefined) => Promise<void>",
-            "parameters": [
-              {
-                "name": "newName",
-                "type": "string",
-                "docs": "new name to set."
-              }
-            ],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "setName(newName?: string | undefined) => Promise<void>",
-          "parameters": [
-            {
-              "name": "newName",
-              "type": "string",
-              "docs": "new name to set."
-            }
-          ],
-          "docs": "Sets the `name` attribute of the button element rendered inside `ds-chip` component.\nUsed internally to inherit `ds-chip-group` component `name` attribute.",
-          "docsTags": [
-            {
-              "name": "param",
-              "text": "newName new name to set."
-            }
-          ]
         }
       ],
       "events": [
@@ -6622,16 +6685,16 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "chipGroupIdGenerator.next().value as string"
+              "text": "this.getUniqueId()"
             }
           ],
-          "default": "chipGroupIdGenerator.next().value as string",
+          "default": "this.getUniqueId()",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -6758,7 +6821,7 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -6864,8 +6927,8 @@
             "references": {
               "DsSubmitInvalidEvent": {
                 "location": "import",
-                "path": "../../..",
-                "id": "src/index.ts::DsSubmitInvalidEvent",
+                "path": "../../../utils/controls/controlUtils",
+                "id": "src/utils/controls/controlUtils.ts::DsSubmitInvalidEvent",
                 "referenceLocation": "DsSubmitInvalidEvent"
               }
             }
@@ -6885,8 +6948,8 @@
             "references": {
               "DsValidityEvent": {
                 "location": "import",
-                "path": "../../..",
-                "id": "src/index.ts::DsValidityEvent",
+                "path": "../../../utils/controls/controlUtils",
+                "id": "src/utils/controls/controlUtils.ts::DsValidityEvent",
                 "referenceLocation": "DsValidityEvent"
               }
             }
@@ -7214,16 +7277,16 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "comboboxIdGenerator.next().value as string"
+              "text": "this.getUniqueId()"
             }
           ],
-          "default": "comboboxIdGenerator.next().value as string",
+          "default": "this.getUniqueId()",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -8341,7 +8404,9 @@
       "states": [],
       "dependents": [
         "ds-combobox",
+        "ds-datepicker-custom",
         "ds-datepicker-native",
+        "ds-datepicker-simple",
         "ds-select",
         "ds-select-native",
         "ds-text-area",
@@ -8359,9 +8424,15 @@
         "ds-combobox": [
           "ds-control-label"
         ],
+        "ds-datepicker-custom": [
+          "ds-control-label"
+        ],
         "ds-datepicker-native": [
           "ds-control-label"
         ],
+        "ds-datepicker-simple": [
+          "ds-control-label"
+        ],
         "ds-select": [
           "ds-control-label"
         ],
@@ -8436,6 +8507,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsAssistiveText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-assistive-text",
+          "reflectToAttr": false,
+          "docs": "Text for additional information shown below label.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsDisabled",
           "type": "boolean",
@@ -8465,6 +8559,28 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsDisabledDates",
+          "type": "string[]",
+          "complexType": {
+            "original": "string[]",
+            "resolved": "string[]",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Array of specific dates to disable in YYYY-MM-DD format.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string[]"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsErrorText",
           "type": "string",
@@ -8517,6 +8633,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsHiddenAssistiveText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-hidden-assistive-text",
+          "reflectToAttr": false,
+          "docs": "Visually hidden text for screen readers only.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsId",
           "type": "string",
@@ -8558,7 +8697,13 @@
           "attr": "ds-label",
           "reflectToAttr": false,
           "docs": "The label for the datepicker component.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -8644,6 +8789,52 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsOptional",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-optional",
+          "reflectToAttr": false,
+          "docs": "Displays indicator that the datepicker is optional alongside label.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOptionalText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-optional-text",
+          "reflectToAttr": false,
+          "docs": "Text shown alongside label, if the datepicker is set as optional.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsPlaceholder",
           "type": "string",
@@ -8667,6 +8858,1459 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsReadonly",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-readonly",
+          "reflectToAttr": false,
+          "docs": "If true, the datepicker is read-only. The value cannot be changed but can be focused and submitted.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsRequired",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-required",
+          "reflectToAttr": false,
+          "docs": "If true, the datepicker is required.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsValue",
+          "type": "string",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-value",
+          "reflectToAttr": false,
+          "docs": "The value of the selected date in YYYY-MM-DD format.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "undefined"
+            }
+          ],
+          "default": "undefined",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsVariant",
+          "type": "\"custom\" | \"native\" | \"simple\"",
+          "complexType": {
+            "original": "'native' | 'simple' | 'custom'",
+            "resolved": "\"custom\" | \"native\" | \"simple\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-variant",
+          "reflectToAttr": false,
+          "docs": "Defines the variant of the datepicker component:\n- \"custom\" uses a custom implementation with dropdown calendar\n- \"native\" uses the browser's default date input with calendar icon\n- \"simple\" uses the browser's default date input without calendar icon (manual input only)",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'custom'"
+            }
+          ],
+          "default": "'custom'",
+          "values": [
+            {
+              "value": "custom",
+              "type": "string"
+            },
+            {
+              "value": "native",
+              "type": "string"
+            },
+            {
+              "value": "simple",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsYearRangeEnd",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-year-range-end",
+          "reflectToAttr": false,
+          "docs": "Maximum year shown in the year selector dropdown.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsYearRangeStart",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-year-range-start",
+          "reflectToAttr": false,
+          "docs": "Minimum year shown in the year selector dropdown.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsBlur",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "DsDatepickerBlurEvent",
+            "resolved": "void",
+            "references": {
+              "DsDatepickerBlurEvent": {
+                "location": "local",
+                "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-datepicker/ds-datepicker.tsx",
+                "id": "src/components/01-base-components/ds-datepicker/ds-datepicker.tsx::DsDatepickerBlurEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when the datepicker loses focus.",
+          "docsTags": []
+        },
+        {
+          "event": "dsChange",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "DsDatepickerChangeEvent",
+            "resolved": "string",
+            "references": {
+              "DsDatepickerChangeEvent": {
+                "location": "local",
+                "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-datepicker/ds-datepicker.tsx",
+                "id": "src/components/01-base-components/ds-datepicker/ds-datepicker.tsx::DsDatepickerChangeEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when user selects a date.",
+          "docsTags": []
+        },
+        {
+          "event": "dsFocus",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "DsDatepickerFocusEvent",
+            "resolved": "void",
+            "references": {
+              "DsDatepickerFocusEvent": {
+                "location": "local",
+                "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-datepicker/ds-datepicker.tsx",
+                "id": "src/components/01-base-components/ds-datepicker/ds-datepicker.tsx::DsDatepickerFocusEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when the datepicker gains focus.",
+          "docsTags": []
+        },
+        {
+          "event": "dsSubmitInvalid",
+          "detail": "{ flag: validityFlag; message: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "DsSubmitInvalidEvent",
+            "resolved": "{ flag: validityFlag; message: string; }",
+            "references": {
+              "DsSubmitInvalidEvent": {
+                "location": "import",
+                "path": "../../../utils/controls/controlUtils",
+                "id": "src/utils/controls/controlUtils.ts::DsSubmitInvalidEvent",
+                "referenceLocation": "DsSubmitInvalidEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "The `dsSubmitInvalid` event is emitted when the datepicker is invalid when attempting to submit a form.\nCalling `checkValidity()` method will also emit this event if the datepicker is invalid.",
+          "docsTags": []
+        },
+        {
+          "event": "dsValidity",
+          "detail": "{ flag: validityFlag; message?: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "DsValidityEvent",
+            "resolved": "{ flag: validityFlag; message?: string; }",
+            "references": {
+              "DsValidityEvent": {
+                "location": "import",
+                "path": "../../../utils/controls/controlUtils",
+                "id": "src/utils/controls/controlUtils.ts::DsValidityEvent",
+                "referenceLocation": "DsValidityEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "The `dsValidity` event is emitted when the datepicker's validity state changes.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "label",
+          "docs": "Content to display above the control in place of the label"
+        }
+      ],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-datepicker-native",
+        "ds-datepicker-custom",
+        "ds-datepicker-simple"
+      ],
+      "dependencyGraph": {
+        "ds-datepicker": [
+          "ds-datepicker-native",
+          "ds-datepicker-custom",
+          "ds-datepicker-simple"
+        ],
+        "ds-datepicker-native": [
+          "ds-icon",
+          "ds-control-label",
+          "ds-input-validity",
+          "ds-button"
+        ],
+        "ds-control-label": [
+          "ds-visually-hidden",
+          "ds-assistive-text"
+        ],
+        "ds-input-validity": [
+          "ds-icon",
+          "ds-feedback"
+        ],
+        "ds-feedback": [
+          "ds-visually-hidden"
+        ],
+        "ds-button": [
+          "ds-icon",
+          "ds-spinner",
+          "ds-visually-hidden"
+        ],
+        "ds-spinner": [
+          "ds-visually-hidden"
+        ],
+        "ds-datepicker-custom": [
+          "ds-icon",
+          "ds-control-label",
+          "ds-input-validity",
+          "ds-button",
+          "ds-select",
+          "ds-option",
+          "ds-text-input",
+          "ds-feedback"
+        ],
+        "ds-select": [
+          "ds-select-native",
+          "ds-icon",
+          "ds-input-validity",
+          "ds-button",
+          "ds-options",
+          "ds-control-label",
+          "ds-feedback"
+        ],
+        "ds-select-native": [
+          "ds-icon",
+          "ds-control-label",
+          "ds-input-validity"
+        ],
+        "ds-option": [
+          "ds-icon"
+        ],
+        "ds-text-input": [
+          "ds-icon",
+          "ds-button",
+          "ds-input-validity",
+          "ds-control-label"
+        ],
+        "ds-datepicker-simple": [
+          "ds-control-label",
+          "ds-input-validity",
+          "ds-text-input"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-datepicker/ds-datepicker-custom/ds-datepicker-custom.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-datepicker-custom",
+      "readme": "# ds-datepicker-custom\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "label - Custom label content to display above the datepicker."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsAriaControls",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-aria-controls",
+          "reflectToAttr": false,
+          "docs": "Passed to the `aria-controls` attribute of the input element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsAriaDescribedby",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-aria-describedby",
+          "reflectToAttr": false,
+          "docs": "Passed to the `aria-describedby` attribute of the input element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsAssistiveText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-assistive-text",
+          "reflectToAttr": false,
+          "docs": "Text for additional information shown below label.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsDisabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-disabled",
+          "reflectToAttr": false,
+          "docs": "If true, disables the datepicker.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsDisabledDates",
+          "type": "string[]",
+          "complexType": {
+            "original": "string[]",
+            "resolved": "string[]",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Array of specific dates to disable in ISO 8601 format (YYYY-MM-DD).",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string[]"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsErrorText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-error-text",
+          "reflectToAttr": false,
+          "docs": "Error text to display below the datepicker.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsForm",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-form",
+          "reflectToAttr": false,
+          "docs": "Passed to the `form` attribute of the `input` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsHiddenAssistiveText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-hidden-assistive-text",
+          "reflectToAttr": false,
+          "docs": "Visually hidden text for screen readers only.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-id",
+          "reflectToAttr": false,
+          "docs": "Unique `id` attribute of the input element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-label",
+          "reflectToAttr": false,
+          "docs": "Label to display above the datepicker.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsMax",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-max",
+          "reflectToAttr": false,
+          "docs": "Maximum selectable date in ISO 8601 format (YYYY-MM-DD). Example: \"2024-12-31\"",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsMin",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-min",
+          "reflectToAttr": false,
+          "docs": "Minimum selectable date in ISO 8601 format (YYYY-MM-DD). Example: \"2024-01-01\"",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsName",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-name",
+          "reflectToAttr": false,
+          "docs": "Name attribute for the input element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOptional",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-optional",
+          "reflectToAttr": false,
+          "docs": "Displays indicator that the datepicker is optional alongside label.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOptionalText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-optional-text",
+          "reflectToAttr": false,
+          "docs": "Text shown alongside label, if the datepicker is set as optional.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsPlaceholder",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-placeholder",
+          "reflectToAttr": false,
+          "docs": "Placeholder text shown when no date is selected.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsReadonly",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-readonly",
+          "reflectToAttr": false,
+          "docs": "If true, the datepicker is read-only. The value cannot be changed but can be focused and submitted.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsRequired",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-required",
+          "reflectToAttr": false,
+          "docs": "If true, the datepicker is required.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsValue",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-value",
+          "reflectToAttr": false,
+          "docs": "Currently selected value in ISO 8601 format (YYYY-MM-DD). Example: \"2024-06-15\"",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsYearRangeEnd",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-year-range-end",
+          "reflectToAttr": false,
+          "docs": "Maximum year shown in the year selector dropdown. Example: 2100",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsYearRangeStart",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-year-range-start",
+          "reflectToAttr": false,
+          "docs": "Minimum year shown in the year selector dropdown. Example: 1900",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsBlur",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when the datepicker loses focus.",
+          "docsTags": []
+        },
+        {
+          "event": "dsChange",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the date value changes.",
+          "docsTags": []
+        },
+        {
+          "event": "dsFocus",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when the datepicker gains focus.",
+          "docsTags": []
+        },
+        {
+          "event": "dsSubmitInvalid",
+          "detail": "{ flag: validityFlag; message: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "DsSubmitInvalidEvent",
+            "resolved": "{ flag: validityFlag; message: string; }",
+            "references": {
+              "DsSubmitInvalidEvent": {
+                "location": "import",
+                "path": "../../../../utils/controls/controlUtils",
+                "id": "src/utils/controls/controlUtils.ts::DsSubmitInvalidEvent",
+                "referenceLocation": "DsSubmitInvalidEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "The `dsSubmitInvalid` event is emitted when the datepicker is invalid when attempting to submit a form.",
+          "docsTags": []
+        },
+        {
+          "event": "dsValidity",
+          "detail": "{ flag: validityFlag; message?: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "DsValidityEvent",
+            "resolved": "{ flag: validityFlag; message?: string; }",
+            "references": {
+              "DsValidityEvent": {
+                "location": "import",
+                "path": "../../../../utils/controls/controlUtils",
+                "id": "src/utils/controls/controlUtils.ts::DsValidityEvent",
+                "referenceLocation": "DsValidityEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "The `dsValidity` event is emitted when the datepicker's validity state changes.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
+        {
+          "event": "focusin",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "focusout",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "keydown",
+          "target": "document",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "click",
+          "target": "document",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [
+        {
+          "name": "label",
+          "docs": "Custom label content to display above the datepicker."
+        }
+      ],
+      "parts": [],
+      "states": [],
+      "dependents": [
+        "ds-datepicker"
+      ],
+      "dependencies": [
+        "ds-icon",
+        "ds-control-label",
+        "ds-input-validity",
+        "ds-button",
+        "ds-select",
+        "ds-option",
+        "ds-text-input",
+        "ds-feedback"
+      ],
+      "dependencyGraph": {
+        "ds-datepicker-custom": [
+          "ds-icon",
+          "ds-control-label",
+          "ds-input-validity",
+          "ds-button",
+          "ds-select",
+          "ds-option",
+          "ds-text-input",
+          "ds-feedback"
+        ],
+        "ds-control-label": [
+          "ds-visually-hidden",
+          "ds-assistive-text"
+        ],
+        "ds-input-validity": [
+          "ds-icon",
+          "ds-feedback"
+        ],
+        "ds-feedback": [
+          "ds-visually-hidden"
+        ],
+        "ds-button": [
+          "ds-icon",
+          "ds-spinner",
+          "ds-visually-hidden"
+        ],
+        "ds-spinner": [
+          "ds-visually-hidden"
+        ],
+        "ds-select": [
+          "ds-select-native",
+          "ds-icon",
+          "ds-input-validity",
+          "ds-button",
+          "ds-options",
+          "ds-control-label",
+          "ds-feedback"
+        ],
+        "ds-select-native": [
+          "ds-icon",
+          "ds-control-label",
+          "ds-input-validity"
+        ],
+        "ds-option": [
+          "ds-icon"
+        ],
+        "ds-text-input": [
+          "ds-icon",
+          "ds-button",
+          "ds-input-validity",
+          "ds-control-label"
+        ],
+        "ds-datepicker": [
+          "ds-datepicker-custom"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-datepicker/ds-datepicker-native/ds-datepicker-native.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-datepicker-native",
+      "readme": "# ds-datepicker-native\n\nNative datepicker sub-component that uses the browser's built-in date input control.\n",
+      "docs": "Native datepicker sub-component that uses the browser's built-in date input control.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "label - Custom label content to display above the datepicker."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsAriaControls",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-aria-controls",
+          "reflectToAttr": false,
+          "docs": "Passed to the `aria-controls` attribute of the input element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsAriaDescribedby",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-aria-describedby",
+          "reflectToAttr": false,
+          "docs": "Passed to the `aria-describedby` attribute of the input element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsAssistiveText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-assistive-text",
+          "reflectToAttr": false,
+          "docs": "Text for additional information shown below label.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsDisabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-disabled",
+          "reflectToAttr": false,
+          "docs": "If true, disables the input element.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsErrorText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-error-text",
+          "reflectToAttr": false,
+          "docs": "Error text to display below the datepicker.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsForm",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-form",
+          "reflectToAttr": false,
+          "docs": "Passed to the `form` attribute of the `input` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsHiddenAssistiveText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-hidden-assistive-text",
+          "reflectToAttr": false,
+          "docs": "Visually hidden text for screen readers only.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-id",
+          "reflectToAttr": false,
+          "docs": "Unique `id` attribute of the input element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-label",
+          "reflectToAttr": false,
+          "docs": "Label to display above the datepicker.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsMax",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-max",
+          "reflectToAttr": false,
+          "docs": "Maximum date in YYYY-MM-DD format.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsMin",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-min",
+          "reflectToAttr": false,
+          "docs": "Minimum date in YYYY-MM-DD format.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsName",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-name",
+          "reflectToAttr": false,
+          "docs": "Name attribute for the input element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOptional",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-optional",
+          "reflectToAttr": false,
+          "docs": "Displays indicator that the datepicker is optional alongside label.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOptionalText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-optional-text",
+          "reflectToAttr": false,
+          "docs": "Text shown alongside label, if the datepicker is set as optional.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsReadonly",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-readonly",
+          "reflectToAttr": false,
+          "docs": "If true, the datepicker is read-only. The value cannot be changed but can be focused and submitted.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsRequired",
           "type": "boolean",
@@ -8697,27 +10341,27 @@
           "setter": false
         },
         {
-          "name": "dsValue",
-          "type": "string",
+          "name": "dsShowCalendarIcon",
+          "type": "boolean",
           "complexType": {
-            "original": "string | null",
-            "resolved": "string",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "ds-value",
+          "attr": "ds-show-calendar-icon",
           "reflectToAttr": false,
-          "docs": "The value of the selected date in YYYY-MM-DD format.",
+          "docs": "If true, shows the calendar icon that opens the date picker.",
           "docsTags": [
             {
               "name": "default",
-              "text": "null"
+              "text": "true"
             }
           ],
-          "default": "null",
+          "default": "true",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
           "optional": false,
@@ -8726,39 +10370,24 @@
           "setter": false
         },
         {
-          "name": "dsVariant",
-          "type": "\"custom\" | \"native\" | \"simple\"",
+          "name": "dsValue",
+          "type": "string",
           "complexType": {
-            "original": "'native' | 'simple' | 'custom'",
-            "resolved": "\"custom\" | \"native\" | \"simple\"",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "ds-variant",
+          "attr": "ds-value",
           "reflectToAttr": false,
-          "docs": "Defines the variant of the datepicker component:\n- \"native\" uses the browser's default date input with calendar icon\n- \"simple\" uses the browser's default date input without calendar icon (manual input only)\n- \"custom\" uses a custom implementation (not yet implemented)",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'native'"
-            }
-          ],
-          "default": "'native'",
+          "docs": "Currently selected value in YYYY-MM-DD format.",
+          "docsTags": [],
           "values": [
             {
-              "value": "custom",
-              "type": "string"
-            },
-            {
-              "value": "native",
-              "type": "string"
-            },
-            {
-              "value": "simple",
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -8771,15 +10400,9 @@
           "detail": "void",
           "bubbles": true,
           "complexType": {
-            "original": "DsDatepickerBlurEvent",
+            "original": "void",
             "resolved": "void",
-            "references": {
-              "DsDatepickerBlurEvent": {
-                "location": "local",
-                "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-datepicker/ds-datepicker.tsx",
-                "id": "src/components/01-base-components/ds-datepicker/ds-datepicker.tsx::DsDatepickerBlurEvent"
-              }
-            }
+            "references": {}
           },
           "cancelable": true,
           "composed": true,
@@ -8791,15 +10414,9 @@
           "detail": "string",
           "bubbles": true,
           "complexType": {
-            "original": "DsDatepickerChangeEvent",
+            "original": "string",
             "resolved": "string",
-            "references": {
-              "DsDatepickerChangeEvent": {
-                "location": "local",
-                "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-datepicker/ds-datepicker.tsx",
-                "id": "src/components/01-base-components/ds-datepicker/ds-datepicker.tsx::DsDatepickerChangeEvent"
-              }
-            }
+            "references": {}
           },
           "cancelable": true,
           "composed": true,
@@ -8811,15 +10428,9 @@
           "detail": "void",
           "bubbles": true,
           "complexType": {
-            "original": "DsDatepickerFocusEvent",
+            "original": "void",
             "resolved": "void",
-            "references": {
-              "DsDatepickerFocusEvent": {
-                "location": "local",
-                "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-datepicker/ds-datepicker.tsx",
-                "id": "src/components/01-base-components/ds-datepicker/ds-datepicker.tsx::DsDatepickerFocusEvent"
-              }
-            }
+            "references": {}
           },
           "cancelable": true,
           "composed": true,
@@ -8836,7 +10447,7 @@
             "references": {
               "DsSubmitInvalidEvent": {
                 "location": "import",
-                "path": "../../../utils/controls/controlUtils",
+                "path": "../../../../utils/controls/controlUtils",
                 "id": "src/utils/controls/controlUtils.ts::DsSubmitInvalidEvent",
                 "referenceLocation": "DsSubmitInvalidEvent"
               }
@@ -8844,7 +10455,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "The `dsSubmitInvalid` event is emitted when the datepicker is invalid when attempting to submit a form.\nCalling `checkValidity()` method will also emit this event if the datepicker is invalid.",
+          "docs": "The `dsSubmitInvalid` event is emitted when the datepicker is invalid when attempting to submit a form.",
           "docsTags": []
         },
         {
@@ -8857,7 +10468,7 @@
             "references": {
               "DsValidityEvent": {
                 "location": "import",
-                "path": "../../../utils/controls/controlUtils",
+                "path": "../../../../utils/controls/controlUtils",
                 "id": "src/utils/controls/controlUtils.ts::DsValidityEvent",
                 "referenceLocation": "DsValidityEvent"
               }
@@ -8869,24 +10480,37 @@
           "docsTags": []
         }
       ],
-      "listeners": [],
+      "listeners": [
+        {
+          "event": "focusin",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "focusout",
+          "capture": false,
+          "passive": false
+        }
+      ],
       "styles": [],
       "slots": [
         {
           "name": "label",
-          "docs": "Content to display above the control in place of the label"
+          "docs": "Custom label content to display above the datepicker."
         }
       ],
       "parts": [],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "ds-datepicker"
+      ],
       "dependencies": [
-        "ds-datepicker-native"
+        "ds-icon",
+        "ds-control-label",
+        "ds-input-validity",
+        "ds-button"
       ],
       "dependencyGraph": {
-        "ds-datepicker": [
-          "ds-datepicker-native"
-        ],
         "ds-datepicker-native": [
           "ds-icon",
           "ds-control-label",
@@ -8911,15 +10535,18 @@
         ],
         "ds-spinner": [
           "ds-visually-hidden"
+        ],
+        "ds-datepicker": [
+          "ds-datepicker-native"
         ]
       }
     },
     {
-      "filePath": "src/components/01-base-components/ds-datepicker/ds-datepicker-native/ds-datepicker-native.tsx",
+      "filePath": "src/components/01-base-components/ds-datepicker/ds-datepicker-simple/ds-datepicker-simple.tsx",
       "encapsulation": "scoped",
-      "tag": "ds-datepicker-native",
-      "readme": "# ds-datepicker-native\n\nNative datepicker sub-component that uses the browser's built-in date input control.\n",
-      "docs": "Native datepicker sub-component that uses the browser's built-in date input control.",
+      "tag": "ds-datepicker-simple",
+      "readme": "# ds-datepicker-simple\n\n\n",
+      "docs": "Simple datepicker variant that uses ds-text-input for manual date entry.",
       "docsTags": [
         {
           "name": "slot",
@@ -8974,6 +10601,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsAssistiveText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-assistive-text",
+          "reflectToAttr": false,
+          "docs": "Text for additional information shown below label.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsDisabled",
           "type": "boolean",
@@ -8985,7 +10635,7 @@
           "mutable": false,
           "attr": "ds-disabled",
           "reflectToAttr": false,
-          "docs": "If true, disables the input element.",
+          "docs": "If true, disables the datepicker.",
           "docsTags": [
             {
               "name": "default",
@@ -9003,6 +10653,28 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsDisabledDates",
+          "type": "string[]",
+          "complexType": {
+            "original": "string[]",
+            "resolved": "string[]",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Array of specific dates to disable in ISO 8601 format (YYYY-MM-DD).",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string[]"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsErrorText",
           "type": "string",
@@ -9049,6 +10721,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsHiddenAssistiveText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-hidden-assistive-text",
+          "reflectToAttr": false,
+          "docs": "Visually hidden text for screen readers only.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsId",
           "type": "string",
@@ -9084,7 +10779,13 @@
           "attr": "ds-label",
           "reflectToAttr": false,
           "docs": "Label to display above the datepicker.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -9106,7 +10807,7 @@
           "mutable": false,
           "attr": "ds-max",
           "reflectToAttr": false,
-          "docs": "Maximum date in YYYY-MM-DD format.",
+          "docs": "Maximum selectable date in ISO 8601 format (YYYY-MM-DD). Example: \"2024-12-31\"",
           "docsTags": [],
           "values": [
             {
@@ -9129,7 +10830,7 @@
           "mutable": false,
           "attr": "ds-min",
           "reflectToAttr": false,
-          "docs": "Minimum date in YYYY-MM-DD format.",
+          "docs": "Minimum selectable date in ISO 8601 format (YYYY-MM-DD). Example: \"2024-01-01\"",
           "docsTags": [],
           "values": [
             {
@@ -9165,7 +10866,7 @@
           "setter": false
         },
         {
-          "name": "dsRequired",
+          "name": "dsOptional",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -9173,9 +10874,78 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "ds-required",
+          "attr": "ds-optional",
           "reflectToAttr": false,
-          "docs": "If true, the datepicker is required.",
+          "docs": "Displays indicator that the datepicker is optional alongside label.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOptionalText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-optional-text",
+          "reflectToAttr": false,
+          "docs": "Text shown alongside label, if the datepicker is set as optional.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsPlaceholder",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-placeholder",
+          "reflectToAttr": false,
+          "docs": "Placeholder text shown when no date is selected.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsReadonly",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-readonly",
+          "reflectToAttr": false,
+          "docs": "If true, the datepicker is read-only. The value cannot be changed but can be focused and submitted.",
           "docsTags": [
             {
               "name": "default",
@@ -9194,7 +10964,7 @@
           "setter": false
         },
         {
-          "name": "dsShowCalendarIcon",
+          "name": "dsRequired",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -9202,16 +10972,16 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "ds-show-calendar-icon",
+          "attr": "ds-required",
           "reflectToAttr": false,
-          "docs": "If true, shows the calendar icon that opens the date picker.",
+          "docs": "If true, the datepicker is required.",
           "docsTags": [
             {
               "name": "default",
-              "text": "true"
+              "text": "false"
             }
           ],
-          "default": "true",
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -9233,7 +11003,7 @@
           "mutable": false,
           "attr": "ds-value",
           "reflectToAttr": false,
-          "docs": "Currently selected value in YYYY-MM-DD format.",
+          "docs": "Currently selected value in ISO 8601 format (YYYY-MM-DD). Example: \"2024-06-15\"",
           "docsTags": [],
           "values": [
             {
@@ -9273,7 +11043,7 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Event emitted when user selects a date.",
+          "docs": "Emitted when the date value changes.",
           "docsTags": []
         },
         {
@@ -9358,17 +11128,15 @@
         "ds-datepicker"
       ],
       "dependencies": [
-        "ds-icon",
         "ds-control-label",
         "ds-input-validity",
-        "ds-button"
+        "ds-text-input"
       ],
       "dependencyGraph": {
-        "ds-datepicker-native": [
-          "ds-icon",
+        "ds-datepicker-simple": [
           "ds-control-label",
           "ds-input-validity",
-          "ds-button"
+          "ds-text-input"
         ],
         "ds-control-label": [
           "ds-visually-hidden",
@@ -9381,6 +11149,12 @@
         "ds-feedback": [
           "ds-visually-hidden"
         ],
+        "ds-text-input": [
+          "ds-icon",
+          "ds-button",
+          "ds-input-validity",
+          "ds-control-label"
+        ],
         "ds-button": [
           "ds-icon",
           "ds-spinner",
@@ -9390,7 +11164,7 @@
           "ds-visually-hidden"
         ],
         "ds-datepicker": [
-          "ds-datepicker-native"
+          "ds-datepicker-simple"
         ]
       }
     },
@@ -9616,6 +11390,7 @@
       "states": [],
       "dependents": [
         "ds-combobox",
+        "ds-datepicker-custom",
         "ds-input-validity",
         "ds-select"
       ],
@@ -9629,6 +11404,9 @@
         "ds-combobox": [
           "ds-feedback"
         ],
+        "ds-datepicker-custom": [
+          "ds-feedback"
+        ],
         "ds-input-validity": [
           "ds-feedback"
         ],
@@ -10701,6 +12479,7 @@
         "ds-card",
         "ds-chip",
         "ds-combobox",
+        "ds-datepicker-custom",
         "ds-datepicker-native",
         "ds-input-validity",
         "ds-link",
@@ -10741,6 +12520,9 @@
         "ds-combobox": [
           "ds-icon"
         ],
+        "ds-datepicker-custom": [
+          "ds-icon"
+        ],
         "ds-datepicker-native": [
           "ds-icon"
         ],
@@ -52930,7 +54712,9 @@
         "ds-checkbox-group",
         "ds-chip-group",
         "ds-combobox",
+        "ds-datepicker-custom",
         "ds-datepicker-native",
+        "ds-datepicker-simple",
         "ds-radio-button",
         "ds-radio-button-group",
         "ds-select",
@@ -52962,9 +54746,15 @@
         "ds-combobox": [
           "ds-input-validity"
         ],
+        "ds-datepicker-custom": [
+          "ds-input-validity"
+        ],
         "ds-datepicker-native": [
           "ds-input-validity"
         ],
+        "ds-datepicker-simple": [
+          "ds-input-validity"
+        ],
         "ds-radio-button": [
           "ds-input-validity"
         ],
@@ -53118,7 +54908,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -53436,7 +55226,7 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -53449,10 +55239,8 @@
             "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | \"_unfencedTop\"",
             "references": {
               "LinkTarget": {
-                "location": "import",
-                "path": "../../../utils/link/linkUtils",
-                "id": "src/utils/link/linkUtils.ts::LinkTarget",
-                "referenceLocation": "LinkTarget"
+                "location": "global",
+                "id": "global::LinkTarget"
               }
             }
           },
@@ -53920,7 +55708,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -54114,7 +55902,7 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -54127,10 +55915,8 @@
             "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | \"_unfencedTop\"",
             "references": {
               "LinkTarget": {
-                "location": "import",
-                "path": "../../../utils/link/linkUtils",
-                "id": "src/utils/link/linkUtils.ts::LinkTarget",
-                "referenceLocation": "LinkTarget"
+                "location": "global",
+                "id": "global::LinkTarget"
               }
             }
           },
@@ -54411,7 +56197,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -54884,7 +56670,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -55071,7 +56857,7 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -55084,10 +56870,8 @@
             "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | \"_unfencedTop\"",
             "references": {
               "LinkTarget": {
-                "location": "import",
-                "path": "../../../utils/link/linkUtils",
-                "id": "src/utils/link/linkUtils.ts::LinkTarget",
-                "referenceLocation": "LinkTarget"
+                "location": "global",
+                "id": "global::LinkTarget"
               }
             }
           },
@@ -55257,7 +57041,7 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -55821,10 +57605,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "modalIdGenerator.next().value as string"
+              "text": "this.getUniqueId()"
             }
           ],
-          "default": "modalIdGenerator.next().value as string",
+          "default": "this.getUniqueId()",
           "values": [
             {
               "type": "string"
@@ -56315,16 +58099,16 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "notificationIdGenerator.next().value as string"
+              "text": "this.getUniqueId()"
             }
           ],
-          "default": "notificationIdGenerator.next().value as string",
+          "default": "this.getUniqueId()",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -56985,13 +58769,18 @@
       ],
       "parts": [],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "ds-datepicker-custom"
+      ],
       "dependencies": [
         "ds-icon"
       ],
       "dependencyGraph": {
         "ds-option": [
           "ds-icon"
+        ],
+        "ds-datepicker-custom": [
+          "ds-option"
         ]
       }
     },
@@ -58375,16 +60164,16 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "radioButtonIdGenerator.next().value as string"
+              "text": "this.getUniqueId()"
             }
           ],
-          "default": "radioButtonIdGenerator.next().value as string",
+          "default": "this.getUniqueId()",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -58546,7 +60335,7 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -59724,6 +61513,29 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "dsAriaLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-aria-label",
+          "reflectToAttr": false,
+          "docs": "Aria label for the select element, used for accessibility when there is no visible label.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsClearable",
           "type": "boolean",
@@ -59886,6 +61698,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsIconSize",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-icon-size",
+          "reflectToAttr": false,
+          "docs": "The size of the icon to display inside the select component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsId",
           "type": "string",
@@ -60449,7 +62284,9 @@
       ],
       "parts": [],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "ds-datepicker-custom"
+      ],
       "dependencies": [
         "ds-select-native",
         "ds-icon",
@@ -60492,6 +62329,9 @@
         ],
         "ds-spinner": [
           "ds-visually-hidden"
+        ],
+        "ds-datepicker-custom": [
+          "ds-select"
         ]
       }
     },
@@ -60559,6 +62399,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsAriaLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-aria-label",
+          "reflectToAttr": false,
+          "docs": "Aria label for the select element, used for accessibility.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsDisabled",
           "type": "boolean",
@@ -60675,7 +62538,13 @@
           "attr": "ds-icon",
           "reflectToAttr": false,
           "docs": "Icon name to display inside the select.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -60686,6 +62555,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsIconSize",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-icon-size",
+          "reflectToAttr": false,
+          "docs": "Icon size to display inside the select.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsId",
           "type": "string",
@@ -60721,7 +62613,13 @@
           "attr": "ds-label",
           "reflectToAttr": false,
           "docs": "Label to display above the select.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -61083,7 +62981,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -61157,7 +63055,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -61349,27 +63247,21 @@
         {
           "name": "getLanguage",
           "returns": {
-            "type": "Promise<Language>",
+            "type": "Promise<\"fi\" | \"sv\" | \"en\">",
             "docs": ""
           },
           "complexType": {
-            "signature": "() => Promise<Language>",
+            "signature": "() => Promise<\"fi\" | \"sv\" | \"en\">",
             "parameters": [],
             "references": {
               "Promise": {
                 "location": "global",
                 "id": "global::Promise"
-              },
-              "Language": {
-                "location": "import",
-                "path": "../../../store",
-                "id": "src/store.ts::Language",
-                "referenceLocation": "Language"
               }
             },
-            "return": "Promise<Language>"
+            "return": "Promise<\"fi\" | \"sv\" | \"en\">"
           },
-          "signature": "getLanguage() => Promise<Language>",
+          "signature": "getLanguage() => Promise<\"fi\" | \"sv\" | \"en\">",
           "parameters": [],
           "docs": "",
           "docsTags": []
@@ -62913,16 +64805,16 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "textareaIdGenerator.next().value as string"
+              "text": "this.getUniqueId()"
             }
           ],
-          "default": "textareaIdGenerator.next().value as string",
+          "default": "this.getUniqueId()",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -63484,7 +65376,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -63627,6 +65519,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsFullWidth",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-full-width",
+          "reflectToAttr": false,
+          "docs": "If true, the text input takes the full width of its container.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsHiddenAssistiveText",
           "type": "string",
@@ -63694,10 +65615,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "inputIdGenerator.next().value as string"
+              "text": "this.getUniqueId()"
             }
           ],
-          "default": "inputIdGenerator.next().value as string",
+          "default": "this.getUniqueId()",
           "values": [
             {
               "type": "string"
@@ -63708,6 +65629,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsInvalid",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-invalid",
+          "reflectToAttr": false,
+          "docs": "If true, shows the input in an invalid state (red border, aria-invalid) without requiring dsErrorText. Useful when parent component renders its own error message.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsLabel",
           "type": "string",
@@ -64400,7 +66350,10 @@
       ],
       "parts": [],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "ds-datepicker-custom",
+        "ds-datepicker-simple"
+      ],
       "dependencies": [
         "ds-icon",
         "ds-button",
@@ -64432,6 +66385,12 @@
         "ds-control-label": [
           "ds-visually-hidden",
           "ds-assistive-text"
+        ],
+        "ds-datepicker-custom": [
+          "ds-text-input"
+        ],
+        "ds-datepicker-simple": [
+          "ds-text-input"
         ]
       }
     },
@@ -64650,6 +66609,31 @@
       "docstring": "",
       "path": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx"
     },
+    "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx::DsCheckboxGroupDisabledChangeEvent": {
+      "declaration": "boolean",
+      "docstring": "",
+      "path": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx"
+    },
+    "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx::DsCheckboxGroupAllRequiredChangeEvent": {
+      "declaration": "boolean",
+      "docstring": "",
+      "path": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx"
+    },
+    "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx::DsCheckboxGroupFormChangeEvent": {
+      "declaration": "string",
+      "docstring": "",
+      "path": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx"
+    },
+    "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx::DsCheckboxGroupNameChangeEvent": {
+      "declaration": "string",
+      "docstring": "",
+      "path": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx"
+    },
+    "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx::DsCheckboxGroupCheckedChangeEvent": {
+      "declaration": "boolean",
+      "docstring": "",
+      "path": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx"
+    },
     "src/components/01-base-components/ds-chip/ds-chip.tsx::DsChipValue": {
       "declaration": "export type DsChipValue = string | number;",
       "docstring": "",
@@ -64850,23 +66834,13 @@
       "docstring": "",
       "path": "src/utils/link/linkUtils.ts"
     },
-    "src/index.ts::DsSubmitInvalidEvent": {
-      "declaration": "any",
-      "docstring": "",
-      "path": "src/index.ts"
-    },
-    "src/index.ts::DsValidityEvent": {
-      "declaration": "any",
-      "docstring": "",
-      "path": "src/index.ts"
-    },
     "src/data.d.ts::RibbonLink": {
       "declaration": "export interface RibbonLink {\n  /** Unique identifier for the link */\n  id: string;\n  /** Link URL */\n  href: string;\n  /** Link text */\n  text: string;\n  /** Badge text key (eg. \"new\") */\n  badge?: string;\n  /** Link target - defaults to '_self' (same tab) */\n  target?: string;\n  /** Whether the link should be shown only on mobile devices */\n  mobileOnly?: boolean | false;\n}",
       "docstring": "",
       "path": "src/data.d.ts"
     },
     "src/store.ts::Language": {
-      "declaration": "export type Language = 'fi' | 'sv' | 'en';",
+      "declaration": "\"fi\" | \"sv\" | \"en\"",
       "docstring": "",
       "path": "src/store.ts"
     }