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

package/dist/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2026-04-20T12:05:42",
+  "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
@@ -5353,6 +5355,9 @@
           "ds-icon",
           "ds-feedback"
         ],
+        "ds-feedback": [
+          "ds-visually-hidden"
+        ],
         "ds-checkbox-group": [
           "ds-checkbox"
         ]
@@ -5360,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": "",
@@ -5587,10 +5592,10 @@
             },
             {
               "name": "default",
-              "text": "`${this.fieldsetId}-checkbox`"
+              "text": "`${this.generatedId}-checkbox`"
             }
           ],
-          "default": "`${this.fieldsetId}-checkbox`",
+          "default": "`${this.generatedId}-checkbox`",
           "values": [
             {
               "type": "string"
@@ -5888,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; }",
@@ -5908,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; }",
@@ -5948,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; }",
@@ -6045,6 +6150,9 @@
         "ds-input-validity": [
           "ds-icon",
           "ds-feedback"
+        ],
+        "ds-feedback": [
+          "ds-visually-hidden"
         ]
       }
     },
@@ -6150,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
@@ -6217,10 +6325,10 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
-          "getter": false,
-          "setter": false
+          "getter": true,
+          "setter": true
         },
         {
           "name": "dsRole",
@@ -6372,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": [
@@ -6616,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
@@ -6752,7 +6821,7 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -6858,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"
               }
             }
@@ -6879,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"
               }
             }
@@ -6929,6 +6998,9 @@
         "ds-input-validity": [
           "ds-icon",
           "ds-feedback"
+        ],
+        "ds-feedback": [
+          "ds-visually-hidden"
         ]
       }
     },
@@ -7205,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
@@ -8056,6 +8128,9 @@
           "ds-icon",
           "ds-feedback"
         ],
+        "ds-feedback": [
+          "ds-visually-hidden"
+        ],
         "ds-control-label": [
           "ds-visually-hidden",
           "ds-assistive-text"
@@ -8329,7 +8404,9 @@
       "states": [],
       "dependents": [
         "ds-combobox",
+        "ds-datepicker-custom",
         "ds-datepicker-native",
+        "ds-datepicker-simple",
         "ds-select",
         "ds-select-native",
         "ds-text-area",
@@ -8347,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"
         ],
@@ -8424,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",
@@ -8453,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",
@@ -8505,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",
@@ -8546,7 +8697,13 @@
           "attr": "ds-label",
           "reflectToAttr": false,
           "docs": "The label for the datepicker component.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -8632,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",
@@ -8655,6 +8858,35 @@
           "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",
@@ -8688,7 +8920,7 @@
           "name": "dsValue",
           "type": "string",
           "complexType": {
-            "original": "string | null",
+            "original": "string | undefined",
             "resolved": "string",
             "references": {}
           },
@@ -8699,10 +8931,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "null"
+              "text": "undefined"
             }
           ],
-          "default": "null",
+          "default": "undefined",
           "values": [
             {
               "type": "string"
@@ -8724,14 +8956,14 @@
           "mutable": false,
           "attr": "ds-variant",
           "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)",
+          "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": "'native'"
+              "text": "'custom'"
             }
           ],
-          "default": "'native'",
+          "default": "'custom'",
           "values": [
             {
               "value": "custom",
@@ -8750,6 +8982,52 @@
           "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": [],
@@ -8869,11 +9147,15 @@
       "states": [],
       "dependents": [],
       "dependencies": [
-        "ds-datepicker-native"
+        "ds-datepicker-native",
+        "ds-datepicker-custom",
+        "ds-datepicker-simple"
       ],
       "dependencyGraph": {
         "ds-datepicker": [
-          "ds-datepicker-native"
+          "ds-datepicker-native",
+          "ds-datepicker-custom",
+          "ds-datepicker-simple"
         ],
         "ds-datepicker-native": [
           "ds-icon",
@@ -8889,6 +9171,9 @@
           "ds-icon",
           "ds-feedback"
         ],
+        "ds-feedback": [
+          "ds-visually-hidden"
+        ],
         "ds-button": [
           "ds-icon",
           "ds-spinner",
@@ -8896,15 +9181,53 @@
         ],
         "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-native/ds-datepicker-native.tsx",
+      "filePath": "src/components/01-base-components/ds-datepicker/ds-datepicker-custom/ds-datepicker-custom.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-custom",
+      "readme": "# ds-datepicker-custom\n\n\n",
+      "docs": "",
       "docsTags": [
         {
           "name": "slot",
@@ -8959,6 +9282,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",
@@ -8970,7 +9316,7 @@
           "mutable": false,
           "attr": "ds-disabled",
           "reflectToAttr": false,
-          "docs": "If true, disables the input element.",
+          "docs": "If true, disables the datepicker.",
           "docsTags": [
             {
               "name": "default",
@@ -8988,6 +9334,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",
@@ -9034,6 +9402,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",
@@ -9069,7 +9460,13 @@
           "attr": "ds-label",
           "reflectToAttr": false,
           "docs": "Label to display above the datepicker.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -9091,7 +9488,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": [
             {
@@ -9114,7 +9511,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": [
             {
@@ -9150,7 +9547,7 @@
           "setter": false
         },
         {
-          "name": "dsRequired",
+          "name": "dsOptional",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -9158,9 +9555,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",
@@ -9179,7 +9645,7 @@
           "setter": false
         },
         {
-          "name": "dsShowCalendarIcon",
+          "name": "dsRequired",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -9187,16 +9653,712 @@
             "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"
+            }
+          ],
+          "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",
+          "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": "dsShowCalendarIcon",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-show-calendar-icon",
+          "reflectToAttr": false,
+          "docs": "If true, shows the calendar icon that opens the date picker.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
           "values": [
             {
               "type": "boolean"
@@ -9258,7 +10420,630 @@
           },
           "cancelable": true,
           "composed": true,
-          "docs": "Event emitted when user selects a date.",
+          "docs": "Event emitted when user selects a date.",
+          "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
+        }
+      ],
+      "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"
+      ],
+      "dependencyGraph": {
+        "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": [
+          "ds-datepicker-native"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-datepicker/ds-datepicker-simple/ds-datepicker-simple.tsx",
+      "encapsulation": "scoped",
+      "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",
+          "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
+        }
+      ],
+      "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": []
         },
         {
@@ -9343,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",
@@ -9363,6 +11146,15 @@
           "ds-icon",
           "ds-feedback"
         ],
+        "ds-feedback": [
+          "ds-visually-hidden"
+        ],
+        "ds-text-input": [
+          "ds-icon",
+          "ds-button",
+          "ds-input-validity",
+          "ds-control-label"
+        ],
         "ds-button": [
           "ds-icon",
           "ds-spinner",
@@ -9372,7 +11164,7 @@
           "ds-visually-hidden"
         ],
         "ds-datepicker": [
-          "ds-datepicker-native"
+          "ds-datepicker-simple"
         ]
       }
     },
@@ -9598,14 +11390,23 @@
       "states": [],
       "dependents": [
         "ds-combobox",
+        "ds-datepicker-custom",
         "ds-input-validity",
         "ds-select"
       ],
-      "dependencies": [],
+      "dependencies": [
+        "ds-visually-hidden"
+      ],
       "dependencyGraph": {
+        "ds-feedback": [
+          "ds-visually-hidden"
+        ],
         "ds-combobox": [
           "ds-feedback"
         ],
+        "ds-datepicker-custom": [
+          "ds-feedback"
+        ],
         "ds-input-validity": [
           "ds-feedback"
         ],
@@ -10678,6 +12479,7 @@
         "ds-card",
         "ds-chip",
         "ds-combobox",
+        "ds-datepicker-custom",
         "ds-datepicker-native",
         "ds-input-validity",
         "ds-link",
@@ -10718,6 +12520,9 @@
         "ds-combobox": [
           "ds-icon"
         ],
+        "ds-datepicker-custom": [
+          "ds-icon"
+        ],
         "ds-datepicker-native": [
           "ds-icon"
         ],
@@ -52722,10 +54527,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "'polite'"
+              "text": "'assertive'"
             }
           ],
-          "default": "'polite'",
+          "default": "'assertive'",
           "values": [
             {
               "value": "assertive",
@@ -52907,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",
@@ -52924,6 +54731,9 @@
           "ds-icon",
           "ds-feedback"
         ],
+        "ds-feedback": [
+          "ds-visually-hidden"
+        ],
         "ds-checkbox": [
           "ds-input-validity"
         ],
@@ -52936,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"
         ],
@@ -53092,7 +54908,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -53410,7 +55226,7 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -53423,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"
               }
             }
           },
@@ -53894,7 +55708,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -54088,7 +55902,7 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -54101,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"
               }
             }
           },
@@ -54385,7 +56197,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -54858,7 +56670,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -55045,7 +56857,7 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -55058,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"
               }
             }
           },
@@ -55231,7 +57041,7 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -55795,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"
@@ -56289,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
@@ -56959,13 +58769,18 @@
       ],
       "parts": [],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "ds-datepicker-custom"
+      ],
       "dependencies": [
         "ds-icon"
       ],
       "dependencyGraph": {
         "ds-option": [
           "ds-icon"
+        ],
+        "ds-datepicker-custom": [
+          "ds-option"
         ]
       }
     },
@@ -58349,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
@@ -58520,7 +60335,7 @@
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
@@ -58783,6 +60598,9 @@
         "ds-input-validity": [
           "ds-icon",
           "ds-feedback"
+        ],
+        "ds-feedback": [
+          "ds-visually-hidden"
         ]
       }
     },
@@ -59222,6 +61040,9 @@
         "ds-input-validity": [
           "ds-icon",
           "ds-feedback"
+        ],
+        "ds-feedback": [
+          "ds-visually-hidden"
         ]
       }
     },
@@ -59692,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",
@@ -59854,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",
@@ -60417,7 +62284,9 @@
       ],
       "parts": [],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "ds-datepicker-custom"
+      ],
       "dependencies": [
         "ds-select-native",
         "ds-icon",
@@ -60450,6 +62319,9 @@
           "ds-icon",
           "ds-feedback"
         ],
+        "ds-feedback": [
+          "ds-visually-hidden"
+        ],
         "ds-button": [
           "ds-icon",
           "ds-spinner",
@@ -60457,6 +62329,9 @@
         ],
         "ds-spinner": [
           "ds-visually-hidden"
+        ],
+        "ds-datepicker-custom": [
+          "ds-select"
         ]
       }
     },
@@ -60524,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",
@@ -60640,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"
@@ -60651,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",
@@ -60686,7 +62613,13 @@
           "attr": "ds-label",
           "reflectToAttr": false,
           "docs": "Label to display above the select.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
           "values": [
             {
               "type": "string"
@@ -60920,6 +62853,9 @@
           "ds-icon",
           "ds-feedback"
         ],
+        "ds-feedback": [
+          "ds-visually-hidden"
+        ],
         "ds-select": [
           "ds-select-native"
         ]
@@ -61045,7 +62981,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -61119,7 +63055,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -61311,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": []
@@ -61456,10 +63386,10 @@
         },
         {
           "name": "dsIconEndColour",
-          "type": "\"attention\" | \"danger\" | \"default\" | \"info\" | \"neutral\" | \"primary\" | \"success\" | \"white\"",
+          "type": "\"attention\" | \"danger\" | \"default\" | \"disabled-onDark\" | \"disabled-onLight\" | \"info\" | \"neutral\" | \"primary\" | \"success\" | \"white\"",
           "complexType": {
             "original": "(typeof colourNames)[number]",
-            "resolved": "\"attention\" | \"danger\" | \"default\" | \"info\" | \"neutral\" | \"primary\" | \"success\" | \"white\"",
+            "resolved": "\"attention\" | \"danger\" | \"default\" | \"disabled-onDark\" | \"disabled-onLight\" | \"info\" | \"neutral\" | \"primary\" | \"success\" | \"white\"",
             "references": {}
           },
           "mutable": false,
@@ -61480,6 +63410,14 @@
               "value": "default",
               "type": "string"
             },
+            {
+              "value": "disabled-onDark",
+              "type": "string"
+            },
+            {
+              "value": "disabled-onLight",
+              "type": "string"
+            },
             {
               "value": "info",
               "type": "string"
@@ -62867,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
@@ -63335,6 +65273,9 @@
           "ds-icon",
           "ds-feedback"
         ],
+        "ds-feedback": [
+          "ds-visually-hidden"
+        ],
         "ds-control-label": [
           "ds-visually-hidden",
           "ds-assistive-text"
@@ -63435,7 +65376,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false,
           "getter": false,
           "setter": false
@@ -63578,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",
@@ -63645,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"
@@ -63659,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",
@@ -64351,7 +66350,10 @@
       ],
       "parts": [],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "ds-datepicker-custom",
+        "ds-datepicker-simple"
+      ],
       "dependencies": [
         "ds-icon",
         "ds-button",
@@ -64377,9 +66379,18 @@
           "ds-icon",
           "ds-feedback"
         ],
+        "ds-feedback": [
+          "ds-visually-hidden"
+        ],
         "ds-control-label": [
           "ds-visually-hidden",
           "ds-assistive-text"
+        ],
+        "ds-datepicker-custom": [
+          "ds-text-input"
+        ],
+        "ds-datepicker-simple": [
+          "ds-text-input"
         ]
       }
     },
@@ -64405,7 +66416,7 @@
     },
     {
       "filePath": "src/components/01-base-components/ds-visually-hidden/ds-visually-hidden.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "scoped",
       "tag": "ds-visually-hidden",
       "readme": "# ds-visually-hidden\n\n\n",
       "docs": "",
@@ -64470,6 +66481,7 @@
         "ds-card",
         "ds-chip",
         "ds-control-label",
+        "ds-feedback",
         "ds-link",
         "ds-link-cta",
         "ds-link-with-arrow",
@@ -64496,6 +66508,9 @@
         "ds-control-label": [
           "ds-visually-hidden"
         ],
+        "ds-feedback": [
+          "ds-visually-hidden"
+        ],
         "ds-link": [
           "ds-visually-hidden"
         ],
@@ -64594,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": "",
@@ -64794,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"
     }