@nordhealth/components 3.14.0 → 3.14.1

package/custom-elements.json

@@ -871,161 +871,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/button-group/ButtonGroup.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Button groups are designed to bring together button controls that are of a similar nature. For example text formatting controls.",
-          "name": "ButtonGroup",
-          "cssProperties": [
-            {
-              "description": "Controls the rounded corners of the button group, using [border radius tokens](/tokens/#border-radius). Only relevant for the default variant.",
-              "name": "--n-button-group-border-radius",
-              "default": "var(--n-border-radius-s)"
-            },
-            {
-              "description": "Controls the surrounding shadow, using [box shadow tokens](/tokens/#box-shadow). Only relevant for the default variant.",
-              "name": "--n-button-group-box-shadow",
-              "default": "var(--n-box-shadow)"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The button group content",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "defaultSlot",
-              "privacy": "private",
-              "default": "new SlotController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "dirController",
-              "privacy": "private",
-              "default": "new DirectionController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "\"default\" | \"spaced\""
-              },
-              "default": "\"default\"",
-              "description": "The style variant of the button group.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "direction",
-              "type": {
-                "text": "\"vertical\" | \"horizontal\""
-              },
-              "default": "\"horizontal\"",
-              "description": "The direction of the button group.",
-              "attribute": "direction",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "wrap",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Defines whether the buttons are forced in a single line\nor can be flowed into multiple lines (only applied when variant is set to `spaced`).",
-              "attribute": "wrap",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"group\"",
-              "description": "The appropriate role for the containing element.",
-              "attribute": "role",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "\"default\" | \"spaced\""
-              },
-              "default": "\"default\"",
-              "description": "The style variant of the button group.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "direction",
-              "type": {
-                "text": "\"vertical\" | \"horizontal\""
-              },
-              "default": "\"horizontal\"",
-              "description": "The direction of the button group.",
-              "fieldName": "direction"
-            },
-            {
-              "name": "wrap",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Defines whether the buttons are forced in a single line\nor can be flowed into multiple lines (only applied when variant is set to `spaced`).",
-              "fieldName": "wrap"
-            },
-            {
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"group\"",
-              "description": "The appropriate role for the containing element.",
-              "fieldName": "role"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "localization": [],
-          "status": "new",
-          "category": "structure",
-          "readme": "## Usage\n\nThis section includes guidelines for designers and developers about the usage of this component in different contexts.\n\n<div class=\"n-usage n-usage-do\">\n\n### Do\n\n- Use to group together buttons, or dropdowns, of a similar nature or purpose.\n- Use the appropriate `role` attribute on the button group to provide additional semantics.\n- Use an `aria-labelledby` attribute referencing another element to best explain the contents of the button group.\n\n</div>\n<div class=\"n-usage n-usage-dont\">\n\n### Don’t\n\n- Don’t add components other than buttons, dropdowns and in some instances visually hidden components to the button group.\n- Don’t skip the addition of an appropriate label if the added `role` attribute value calls for it.\n- Don’t use for building grid based layouts.\n\n</div>\n\n---\n\n## Content guidelines\n\nButton labels should be clear, accurate and predictable. It should be possible for the user to understand what will happen when they click a button:\n\n<div class=\"n-usage n-usage-do\">View user settings</div>\n<div class=\"n-usage n-usage-dont\">Click here</div>\n\nWhen writing button labels, always write them in sentence case, not title case. The first word should be capitalized and the rest lowercase (unless a proper noun):\n\n<div class=\"n-usage n-usage-do\">My tasks</div>\n<div class=\"n-usage n-usage-dont\">My Tasks</div>\n\nAvoid unnecessary words and articles in button labels, such as “the”, “an” or “a”:\n\n<div class=\"n-usage n-usage-do\">Add item</div>\n<div class=\"n-usage n-usage-dont\">Add an item</div>\n\n---\n\n## Variants\n\nThis section describes the different component variants, their purpose, and when to use each variant.\n\n| Name      | Purpose                                       |\n| --------- | --------------------------------------------- |\n| `default` | The default variant renders a group of segmented buttons to emphasize that they’re thematically-related.       |\n| `spaced`  | The spaced variant renders a gap between the buttons to space them out evenly. |\n",
-          "examples": [],
-          "dependencies": [],
-          "tagName": "nord-button-group",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ButtonGroup",
-            "module": "src/button-group/ButtonGroup.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "nord-button-group",
-          "declaration": {
-            "name": "ButtonGroup",
-            "module": "src/button-group/ButtonGroup.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/button/Button.ts",
@@ -1638,99 +1483,254 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/calendar/Calendar.ts",
+      "path": "src/button-group/ButtonGroup.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Calendar allows user to pick a date. It comes with built-in\nfunctionality that allows you to set a minimum and a maximum allowed date.\nPlease note that the date must be passed in ISO-8601 format.",
-          "name": "Calendar",
+          "description": "Button groups are designed to bring together button controls that are of a similar nature. For example text formatting controls.",
+          "name": "ButtonGroup",
           "cssProperties": [
             {
-              "description": "Controls how rounded the corners are, using [border radius tokens](/tokens/#border-radius).",
-              "name": "--n-calendar-border-radius",
-              "default": "var(--n-border-radius)"
+              "description": "Controls the rounded corners of the button group, using [border radius tokens](/tokens/#border-radius). Only relevant for the default variant.",
+              "name": "--n-button-group-border-radius",
+              "default": "var(--n-border-radius-s)"
             },
             {
-              "description": "Controls the surrounding shadow, using [box shadow tokens](/tokens/#box-shadow).",
-              "name": "--n-calendar-box-shadow",
-              "default": "var(--n-box-shadow-popout)"
+              "description": "Controls the surrounding shadow, using [box shadow tokens](/tokens/#box-shadow). Only relevant for the default variant.",
+              "name": "--n-button-group-box-shadow",
+              "default": "var(--n-box-shadow)"
             }
           ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "monthSelectNode",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "focusedDayNode",
-              "type": {
-                "text": "HTMLButtonElement"
-              },
-              "privacy": "private"
-            },
+          "slots": [
             {
-              "kind": "field",
-              "name": "direction",
-              "privacy": "private",
-              "default": "new DirectionController(this)"
-            },
+              "description": "The button group content",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "swipe",
+              "name": "defaultSlot",
               "privacy": "private",
-              "default": "new SwipeController(this, {\n    matchesGesture: isHorizontalSwipe,\n    onSwipeEnd: ({ distX }) => this.addMonths(distX < 0 ? 1 : -1),\n  })"
-            },
-            {
-              "kind": "field",
-              "name": "shortcuts",
-              "privacy": "private"
+              "default": "new SlotController(this)"
             },
             {
               "kind": "field",
-              "name": "localize",
+              "name": "dirController",
               "privacy": "private",
-              "default": "new LocalizeController<\"nord-calendar\">(this, {\n    onLangChange: () => this.handleLangChange(),\n  })"
+              "default": "new DirectionController(this)"
             },
             {
               "kind": "field",
-              "name": "dateFormatShort",
+              "name": "variant",
               "type": {
-                "text": "Intl.DateTimeFormat"
+                "text": "\"default\" | \"spaced\""
               },
-              "privacy": "private",
-              "description": "Whilst dateAdapter is used for handling the formatting/parsing dates in the input,\nthese are used to format dates exclusively for the benefit of screen readers.\n\nWe prefer DateTimeFormat over date.toLocaleDateString, as the former has\nbetter performance when formatting large number of dates. See:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString#Performance"
+              "default": "\"default\"",
+              "description": "The style variant of the button group.",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "monthNames",
+              "name": "direction",
               "type": {
-                "text": "string[]"
+                "text": "\"vertical\" | \"horizontal\""
               },
-              "privacy": "private"
+              "default": "\"horizontal\"",
+              "description": "The direction of the button group.",
+              "attribute": "direction",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "monthNamesShort",
+              "name": "wrap",
               "type": {
-                "text": "string[]"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "Defines whether the buttons are forced in a single line\nor can be flowed into multiple lines (only applied when variant is set to `spaced`).",
+              "attribute": "wrap",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "dayNames",
+              "name": "role",
               "type": {
-                "text": "string[]"
+                "text": "string"
               },
-              "privacy": "private"
-            },
+              "default": "\"group\"",
+              "description": "The appropriate role for the containing element.",
+              "attribute": "role",
+              "reflects": true
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "\"default\" | \"spaced\""
+              },
+              "default": "\"default\"",
+              "description": "The style variant of the button group.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "direction",
+              "type": {
+                "text": "\"vertical\" | \"horizontal\""
+              },
+              "default": "\"horizontal\"",
+              "description": "The direction of the button group.",
+              "fieldName": "direction"
+            },
+            {
+              "name": "wrap",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines whether the buttons are forced in a single line\nor can be flowed into multiple lines (only applied when variant is set to `spaced`).",
+              "fieldName": "wrap"
+            },
+            {
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"group\"",
+              "description": "The appropriate role for the containing element.",
+              "fieldName": "role"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "localization": [],
+          "status": "new",
+          "category": "structure",
+          "readme": "## Usage\n\nThis section includes guidelines for designers and developers about the usage of this component in different contexts.\n\n<div class=\"n-usage n-usage-do\">\n\n### Do\n\n- Use to group together buttons, or dropdowns, of a similar nature or purpose.\n- Use the appropriate `role` attribute on the button group to provide additional semantics.\n- Use an `aria-labelledby` attribute referencing another element to best explain the contents of the button group.\n\n</div>\n<div class=\"n-usage n-usage-dont\">\n\n### Don’t\n\n- Don’t add components other than buttons, dropdowns and in some instances visually hidden components to the button group.\n- Don’t skip the addition of an appropriate label if the added `role` attribute value calls for it.\n- Don’t use for building grid based layouts.\n\n</div>\n\n---\n\n## Content guidelines\n\nButton labels should be clear, accurate and predictable. It should be possible for the user to understand what will happen when they click a button:\n\n<div class=\"n-usage n-usage-do\">View user settings</div>\n<div class=\"n-usage n-usage-dont\">Click here</div>\n\nWhen writing button labels, always write them in sentence case, not title case. The first word should be capitalized and the rest lowercase (unless a proper noun):\n\n<div class=\"n-usage n-usage-do\">My tasks</div>\n<div class=\"n-usage n-usage-dont\">My Tasks</div>\n\nAvoid unnecessary words and articles in button labels, such as “the”, “an” or “a”:\n\n<div class=\"n-usage n-usage-do\">Add item</div>\n<div class=\"n-usage n-usage-dont\">Add an item</div>\n\n---\n\n## Variants\n\nThis section describes the different component variants, their purpose, and when to use each variant.\n\n| Name      | Purpose                                       |\n| --------- | --------------------------------------------- |\n| `default` | The default variant renders a group of segmented buttons to emphasize that they’re thematically-related.       |\n| `spaced`  | The spaced variant renders a gap between the buttons to space them out evenly. |\n",
+          "examples": [],
+          "dependencies": [],
+          "tagName": "nord-button-group",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ButtonGroup",
+            "module": "src/button-group/ButtonGroup.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "nord-button-group",
+          "declaration": {
+            "name": "ButtonGroup",
+            "module": "src/button-group/ButtonGroup.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/calendar/Calendar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Calendar allows user to pick a date. It comes with built-in\nfunctionality that allows you to set a minimum and a maximum allowed date.\nPlease note that the date must be passed in ISO-8601 format.",
+          "name": "Calendar",
+          "cssProperties": [
+            {
+              "description": "Controls how rounded the corners are, using [border radius tokens](/tokens/#border-radius).",
+              "name": "--n-calendar-border-radius",
+              "default": "var(--n-border-radius)"
+            },
+            {
+              "description": "Controls the surrounding shadow, using [box shadow tokens](/tokens/#box-shadow).",
+              "name": "--n-calendar-box-shadow",
+              "default": "var(--n-box-shadow-popout)"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "monthSelectNode",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "focusedDayNode",
+              "type": {
+                "text": "HTMLButtonElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "direction",
+              "privacy": "private",
+              "default": "new DirectionController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "swipe",
+              "privacy": "private",
+              "default": "new SwipeController(this, {\n    matchesGesture: isHorizontalSwipe,\n    onSwipeEnd: ({ distX }) => this.addMonths(distX < 0 ? 1 : -1),\n  })"
+            },
+            {
+              "kind": "field",
+              "name": "shortcuts",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "default": "new LocalizeController<\"nord-calendar\">(this, {\n    onLangChange: () => this.handleLangChange(),\n  })"
+            },
+            {
+              "kind": "field",
+              "name": "dateFormatShort",
+              "type": {
+                "text": "Intl.DateTimeFormat"
+              },
+              "privacy": "private",
+              "description": "Whilst dateAdapter is used for handling the formatting/parsing dates in the input,\nthese are used to format dates exclusively for the benefit of screen readers.\n\nWe prefer DateTimeFormat over date.toLocaleDateString, as the former has\nbetter performance when formatting large number of dates. See:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString#Performance"
+            },
+            {
+              "kind": "field",
+              "name": "monthNames",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "monthNamesShort",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "dayNames",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
               "name": "dayNamesShort",
               "type": {
                 "text": "string[]"
@@ -3626,1308 +3626,1046 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/date-picker/DatePicker.ts",
+      "path": "src/common/attribute.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "\nDate Picker allows user to enter a date either through text input,\nor by choosing a date from the calendar. Please note that the date\nmust be passed in ISO-8601 format: YYYY-MM-DD.",
-          "name": "DatePicker",
-          "members": [
-            {
-              "kind": "field",
-              "name": "toggleButton",
-              "type": {
-                "text": "Button"
-              },
-              "privacy": "private"
-            },
+          "kind": "function",
+          "name": "add",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "closeButton",
+              "name": "element",
               "type": {
-                "text": "HTMLButtonElement"
-              },
-              "privacy": "private"
+                "text": "Element"
+              }
             },
             {
-              "kind": "field",
-              "name": "calendar",
+              "name": "attr",
               "type": {
-                "text": "Calendar"
-              },
-              "privacy": "private"
+                "text": "string"
+              }
             },
             {
-              "kind": "field",
-              "name": "popout",
+              "name": "token",
               "type": {
-                "text": "Popout"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "swipe",
-              "privacy": "private",
-              "default": "new SwipeController(this, {\n    target: () => this.popout,\n    matchesGesture: isDownwardsSwipe,\n    onSwipeEnd: () => this.hide(),\n  })"
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "default": "new LocalizeController<\"nord-date-picker\">(this, {\n    onLangChange: () => this.createDateFormatters(),\n  })"
-            },
+                "text": "string"
+              }
+            }
+          ],
+          "description": "Carefully adds a token to a space-separated attribute\nSimilar to classList, but for any attribute."
+        },
+        {
+          "kind": "function",
+          "name": "remove",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "dateFormatLong",
+              "name": "element",
               "type": {
-                "text": "Intl.DateTimeFormat"
-              },
-              "privacy": "private",
-              "description": "Whilst dateAdapter is used for handling the formatting/parsing dates in the input,\nthese are used to format dates exclusively for the benefit of screen readers.\n\nWe prefer DateTimeFormat over date.toLocaleDateString, as the former has\nbetter performance when formatting large number of dates. See:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString#Performance"
+                "text": "Element"
+              }
             },
             {
-              "kind": "field",
-              "name": "value",
+              "name": "attr",
               "type": {
                 "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Date value. Must be in IS0-8601 format: YYYY-MM-DD.",
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "InputMixin",
-                "module": "src/common/mixins/InputMixin.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "valueAsDate",
-              "type": {
-                "text": "Date | undefined"
-              },
-              "description": "Get/set the value of the picker as a Date object."
-            },
-            {
-              "kind": "field",
-              "name": "valueAsNumber",
+              "name": "token",
               "type": {
-                "text": "number"
-              },
-              "description": "Get/set the value of the picker as the number of milliseconds elapsed since the UNIX epoch."
-            },
+                "text": "string"
+              }
+            }
+          ],
+          "description": "Carefully removes a token from a space-separated attribute.\nSimilar to classList, but for any attribute."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "add",
+          "declaration": {
+            "name": "add",
+            "module": "src/common/attribute.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "remove",
+          "declaration": {
+            "name": "remove",
+            "module": "src/common/attribute.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/collection.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "groupBy",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "open",
+              "name": "array",
               "type": {
-                "text": "boolean"
+                "text": "Array<TObject>"
               },
-              "default": "false",
-              "description": "Controls whether date picker dialog is open or not.",
-              "attribute": "open",
-              "reflects": true
+              "description": "the collection of objects to group"
             },
             {
-              "kind": "field",
-              "name": "min",
+              "name": "key",
               "type": {
-                "text": "string | undefined"
+                "text": "TKey"
               },
-              "description": "Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\nThis setting can be used alone or together with the max property.",
-              "attribute": "min",
-              "reflects": true
-            },
+              "description": "the property to group by"
+            }
+          ],
+          "description": "Groups an array objects by property value",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          }
+        },
+        {
+          "kind": "function",
+          "name": "chunk",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "max",
+              "name": "array",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\nThis setting can be used alone or together with the min property.",
-              "attribute": "max",
-              "reflects": true
+                "text": "T[]"
+              }
             },
             {
-              "kind": "field",
-              "name": "firstDayOfWeek",
+              "name": "chunkSize",
               "type": {
-                "text": "DaysOfWeek"
-              },
-              "description": "Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc.\nDefault is Monday.",
-              "attribute": "first-day-of-week",
-              "reflects": true
+                "text": "number"
+              }
+            }
+          ],
+          "description": "Split an array into chunks of the given size"
+        },
+        {
+          "kind": "function",
+          "name": "mapWithOffset",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "array",
+              "type": {
+                "text": "T[]"
+              }
             },
             {
-              "kind": "field",
-              "name": "dateAdapter",
+              "name": "startingOffset",
               "type": {
-                "text": "DateAdapter"
-              },
-              "default": "isoAdapter",
-              "description": "Date adapter, for custom parsing/formatting.\nMust be object with a `parse` function which accepts a `string` and returns a `Date`,\nand a `format` function which accepts a `Date` and returns a `string`.\nDefault is IS0-8601 parsing and formatting."
+                "text": "number"
+              }
             },
             {
-              "kind": "field",
-              "name": "isDateDisabled",
+              "name": "mapFn",
               "type": {
-                "text": "DatePredicate"
-              },
-              "default": "isDateDisabled",
-              "description": "Controls which days are disabled and therefore disallowed.\nFor example, this can be used to disallow selection of weekends."
+                "text": "(item: T, i: number) => U"
+              }
+            }
+          ],
+          "description": "maps over an array, starting at the given offset and wrapping around."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "groupBy",
+          "declaration": {
+            "name": "groupBy",
+            "module": "src/common/collection.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "chunk",
+          "declaration": {
+            "name": "chunk",
+            "module": "src/common/collection.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "mapWithOffset",
+          "declaration": {
+            "name": "mapWithOffset",
+            "module": "src/common/collection.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/dates.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "createDate",
+          "return": {
+            "type": {
+              "text": "Date | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "year",
+              "type": {
+                "text": "string"
+              }
             },
             {
-              "kind": "field",
-              "name": "isDateHighlighted",
+              "name": "month",
               "type": {
-                "text": "(date: Date) => string | boolean"
-              },
-              "default": "isDateHighlighted",
-              "description": "Controls which days are highlighted with a small indicator.\nReturning `false` will not show an indicator.\nReturning `true` will show the indicator, but without an accessible label. Therefore\nReturning a string will show the indicator, and use the string as accessible label.\nIt is recommended to return a string rather than `true` whenever possible."
+                "text": "string"
+              }
             },
             {
-              "kind": "field",
-              "name": "expand",
+              "name": "day",
               "type": {
-                "text": "boolean"
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "parseISODate",
+          "return": {
+            "type": {
+              "text": "Date | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
               },
-              "default": "false",
-              "description": "Controls whether the date picker expands to fill the width of its container.",
-              "attribute": "expand",
-              "reflects": true
-            },
+              "description": "date string in ISO format YYYY-MM-DD"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "printISODate",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
             {
-              "kind": "method",
-              "name": "createDateFormatters",
-              "privacy": "private"
-            },
+              "name": "date",
+              "type": {
+                "text": "Date"
+              }
+            }
+          ],
+          "description": "print date in format YYYY-MM-DD"
+        },
+        {
+          "kind": "function",
+          "name": "getDayNames",
+          "parameters": [
             {
-              "kind": "method",
-              "name": "focusFirst",
-              "privacy": "private"
+              "name": "locale",
+              "type": {
+                "text": "string"
+              }
             },
             {
-              "kind": "method",
-              "name": "focusLast",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleDaySelect",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleOpen",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleClose",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleBlur",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleInputChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "setValue",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "date",
-                  "optional": true,
-                  "type": {
-                    "text": "Date"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "hide",
-              "parameters": [
-                {
-                  "name": "moveFocusToButton",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  },
-                  "description": "A boolean option to move the focus to the original button that opens the popout."
-                }
-              ],
-              "description": "Hide the date picker programmatically."
-            },
-            {
-              "kind": "method",
-              "name": "show",
-              "description": "Show the date picker programmatically."
-            },
-            {
-              "kind": "field",
-              "name": "size",
+              "name": "weekday",
               "type": {
-                "text": "\"s\" | \"m\" | \"l\""
-              },
-              "default": "\"m\"",
-              "description": "The size of the component.",
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SizeMixin",
-                "module": "src/common/mixins/SizeMixin.ts"
+                "text": "Exclude<Intl.DateTimeFormatOptions[\"weekday\"], undefined>"
               }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getMonthNames",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "labelSlot",
-              "privacy": "protected",
-              "default": "new SlotController(this, \"label\")",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              "name": "locale",
+              "type": {
+                "text": "string"
               }
             },
             {
-              "kind": "field",
-              "name": "errorSlot",
-              "privacy": "protected",
-              "default": "new SlotController(this, \"error\")",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              "name": "month",
+              "type": {
+                "text": "Exclude<Intl.DateTimeFormatOptions[\"month\"], undefined>"
               }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "isEqualMonth",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "hintSlot",
-              "privacy": "protected",
-              "default": "new SlotController(this, \"hint\")",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              "name": "a",
+              "optional": true,
+              "type": {
+                "text": "Date"
               }
             },
             {
-              "kind": "field",
-              "name": "formData",
-              "privacy": "protected",
-              "default": "new FormDataController(this, { value: () => this.formValue })",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              "name": "b",
+              "optional": true,
+              "type": {
+                "text": "Date"
               }
-            },
+            }
+          ],
+          "description": "Compare if two dates are in the same month of the same year."
+        },
+        {
+          "kind": "function",
+          "name": "isEqual",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "formValue",
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              "name": "a",
+              "optional": true,
+              "type": {
+                "text": "Date"
               }
             },
             {
-              "kind": "field",
-              "name": "inputId",
+              "name": "b",
+              "optional": true,
               "type": {
-                "text": "string"
-              },
-              "privacy": "protected",
-              "default": "\"input\"",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+                "text": "Date"
               }
-            },
+            }
+          ],
+          "description": "Compare if two dates are equal in terms of day, month, and year"
+        },
+        {
+          "kind": "function",
+          "name": "addDays",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "errorId",
+              "name": "date",
               "type": {
-                "text": "string"
-              },
-              "privacy": "protected",
-              "default": "\"error\"",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+                "text": "Date"
               }
             },
             {
-              "kind": "field",
-              "name": "hintId",
+              "name": "days",
               "type": {
-                "text": "string"
-              },
-              "privacy": "protected",
-              "default": "\"hint\"",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+                "text": "number"
               }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "addMonths",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "label",
+              "name": "date",
               "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Label for the input.",
-              "attribute": "label",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+                "text": "Date"
               }
             },
             {
-              "kind": "field",
-              "name": "hint",
+              "name": "months",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "Optional hint text to be displayed with the input. Alternatively use the hint slot.",
-              "attribute": "hint",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+                "text": "number"
               }
-            },
-            {
-              "kind": "field",
-              "name": "hideLabel",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Visually hide the label, but still show it to assistive technologies like screen readers.",
-              "attribute": "hide-label",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
-              }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "addYears",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "placeholder",
+              "name": "date",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "Placeholder text to display within the input.",
-              "attribute": "placeholder",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+                "text": "Date"
               }
             },
             {
-              "kind": "field",
-              "name": "error",
+              "name": "years",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "Optional error to be shown with the input. Alternatively use the error slot.",
-              "attribute": "error",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+                "text": "number"
               }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "startOfWeek",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "required",
+              "name": "date",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Determines whether the input is required or not.\nAn input marked as required will be announced as such to users of assistive technology.\nWhen using this property you need to also set “novalidate” attribute on a form element to prevent browser from displaying its own validation errors.",
-              "attribute": "required",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+                "text": "Date"
               }
             },
             {
-              "kind": "field",
-              "name": "hideRequired",
+              "name": "firstDayOfWeek",
+              "default": "DaysOfWeek.Monday",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Visually hide the required indicator, but still show\nrequired attribute to assistive technologies like screen readers.",
-              "attribute": "hide-required",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+                "text": "DaysOfWeek"
               }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "endOfWeek",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
             {
-              "kind": "method",
-              "name": "handleInput",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              "name": "date",
+              "type": {
+                "text": "Date"
               }
             },
             {
-              "kind": "method",
-              "name": "handleChange",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              "name": "firstDayOfWeek",
+              "default": "DaysOfWeek.Monday",
+              "type": {
+                "text": "DaysOfWeek"
               }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "startOfMonth",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
             {
-              "kind": "method",
-              "name": "renderLabel",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "additionalContent",
-                  "optional": true,
-                  "type": {
-                    "text": "TemplateResult"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              "name": "date",
+              "type": {
+                "text": "Date"
               }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "endOfMonth",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
             {
-              "kind": "method",
-              "name": "renderError",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              "name": "date",
+              "type": {
+                "text": "Date"
               }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "setMonth",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
             {
-              "kind": "method",
-              "name": "getDescribedBy",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              "name": "date",
+              "type": {
+                "text": "Date"
               }
             },
             {
-              "kind": "method",
-              "name": "getInvalid",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              "name": "month",
+              "type": {
+                "text": "number"
               }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "setYear",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "hasHint",
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              "name": "date",
+              "type": {
+                "text": "Date"
               }
             },
             {
-              "kind": "field",
-              "name": "hasError",
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              "name": "year",
+              "type": {
+                "text": "number"
               }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "clamp",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "readonly",
+              "name": "date",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the component readonly, so that it is not editable.\nReadonly differs from disabled in that readonly fields are still focusable and will be submitted with a form.",
-              "attribute": "readonly",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ReadonlyMixin",
-                "module": "src/common/mixins/ReadonlyMixin.ts"
+                "text": "Date"
               }
             },
             {
-              "kind": "field",
-              "name": "disabled",
+              "name": "min",
+              "optional": true,
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the component disabled. This prevents users from\nbeing able to interact with the component, and conveys\nits inactive state to assistive technologies.",
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "InputMixin",
-                "module": "src/common/mixins/InputMixin.ts"
+                "text": "Date"
               }
             },
             {
-              "kind": "field",
-              "name": "name",
+              "name": "max",
+              "optional": true,
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "The name of the form component.",
-              "attribute": "name",
-              "inheritedFrom": {
-                "name": "InputMixin",
-                "module": "src/common/mixins/InputMixin.ts"
+                "text": "Date"
               }
-            },
+            }
+          ],
+          "description": "Ensures date is within range, returns min or max if out of bounds"
+        },
+        {
+          "kind": "function",
+          "name": "inRange",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "formAncestor",
+              "name": "date",
               "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "privacy": "private",
-              "default": "null",
-              "inheritedFrom": {
-                "name": "InputMixin",
-                "module": "src/common/mixins/InputMixin.ts"
+                "text": "Date"
               }
             },
             {
-              "kind": "field",
-              "name": "_formId",
+              "name": "min",
+              "optional": true,
               "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "InputMixin",
-                "module": "src/common/mixins/InputMixin.ts"
+                "text": "Date"
               }
             },
             {
-              "kind": "field",
-              "name": "form",
+              "name": "max",
+              "optional": true,
               "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "description": "Gets the form, if any, associated with the form element.\nThe setter accepts a string, which is the id of the form.",
-              "attribute": "form",
-              "inheritedFrom": {
-                "name": "InputMixin",
-                "module": "src/common/mixins/InputMixin.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "focusableRef",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "src/common/mixins/FocusableMixin.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  },
-                  "description": "An object which controls aspects of the focusing process."
-                }
-              ],
-              "description": "Programmatically move focus to the component.",
-              "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "src/common/mixins/FocusableMixin.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "description": "Programmatically remove focus from the component.",
-              "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "src/common/mixins/FocusableMixin.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "click",
-              "description": "Programmatically simulates a click on the component.",
-              "inheritedFrom": {
-                "name": "FocusableMixin",
-                "module": "src/common/mixins/FocusableMixin.ts"
+                "text": "Date"
               }
             }
           ],
-          "events": [
+          "description": "Check if date is within a min and max"
+        },
+        {
+          "kind": "function",
+          "name": "getViewOfMonth",
+          "return": {
+            "type": {
+              "text": "Date[]"
+            }
+          },
+          "parameters": [
             {
-              "name": "change",
+              "name": "date",
               "type": {
-                "text": "NordEvent"
-              },
-              "description": "Fired whenever the input's value is changed via user interaction.",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+                "text": "Date"
               }
             },
             {
+              "name": "firstDayOfWeek",
+              "default": "DaysOfWeek.Monday",
               "type": {
-                "text": "NordEvent"
-              },
-              "description": "Dispatched when the popout is opened.",
-              "name": "open"
-            },
-            {
-              "type": {
-                "text": "NordEvent"
-              },
-              "description": "Dispatched when the popout is closed.",
-              "name": "close"
-            },
-            {
-              "type": {
-                "text": "DateSelectEvent"
-              },
-              "description": "Dispatched when the calendar's focused date changes.",
-              "name": "nord-focus-date"
-            },
-            {
-              "name": "input",
-              "type": {
-                "text": "NordEvent"
-              },
-              "description": "Fired as the user types into the input.",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
+                "text": "DaysOfWeek"
               }
             }
           ],
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Date value. Must be in IS0-8601 format: YYYY-MM-DD.",
-              "fieldName": "value",
-              "inheritedFrom": {
-                "name": "InputMixin",
-                "module": "src/common/mixins/InputMixin.ts"
-              }
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Controls whether date picker dialog is open or not.",
-              "fieldName": "open"
-            },
-            {
-              "name": "min",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\nThis setting can be used alone or together with the max property.",
-              "fieldName": "min"
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\nThis setting can be used alone or together with the min property.",
-              "fieldName": "max"
-            },
-            {
-              "name": "first-day-of-week",
-              "type": {
-                "text": "DaysOfWeek"
-              },
-              "description": "Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc.\nDefault is Monday.",
-              "fieldName": "firstDayOfWeek"
-            },
-            {
-              "name": "expand",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Controls whether the date picker expands to fill the width of its container.",
-              "fieldName": "expand"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "\"s\" | \"m\" | \"l\""
-              },
-              "default": "\"m\"",
-              "description": "The size of the component.",
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "SizeMixin",
-                "module": "src/common/mixins/SizeMixin.ts"
-              }
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Label for the input.",
-              "fieldName": "label",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
-              }
-            },
-            {
-              "name": "hint",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Optional hint text to be displayed with the input. Alternatively use the hint slot.",
-              "fieldName": "hint",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
-              }
-            },
-            {
-              "name": "hide-label",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Visually hide the label, but still show it to assistive technologies like screen readers.",
-              "fieldName": "hideLabel",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
-              }
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Placeholder text to display within the input.",
-              "fieldName": "placeholder",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
-              }
-            },
-            {
-              "name": "error",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Optional error to be shown with the input. Alternatively use the error slot.",
-              "fieldName": "error",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
-              }
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Determines whether the input is required or not.\nAn input marked as required will be announced as such to users of assistive technology.\nWhen using this property you need to also set “novalidate” attribute on a form element to prevent browser from displaying its own validation errors.",
-              "fieldName": "required",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
-              }
-            },
-            {
-              "name": "hide-required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Visually hide the required indicator, but still show\nrequired attribute to assistive technologies like screen readers.",
-              "fieldName": "hideRequired",
-              "inheritedFrom": {
-                "name": "FormAssociatedMixin",
-                "module": "src/common/mixins/FormAssociatedMixin.ts"
-              }
-            },
-            {
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the component readonly, so that it is not editable.\nReadonly differs from disabled in that readonly fields are still focusable and will be submitted with a form.",
-              "fieldName": "readonly",
-              "inheritedFrom": {
-                "name": "ReadonlyMixin",
-                "module": "src/common/mixins/ReadonlyMixin.ts"
-              }
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the component disabled. This prevents users from\nbeing able to interact with the component, and conveys\nits inactive state to assistive technologies.",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "InputMixin",
-                "module": "src/common/mixins/InputMixin.ts"
-              }
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The name of the form component.",
-              "fieldName": "name",
-              "inheritedFrom": {
-                "name": "InputMixin",
-                "module": "src/common/mixins/InputMixin.ts"
-              }
-            },
-            {
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "description": "Gets the form, if any, associated with the form element.\nThe setter accepts a string, which is the id of the form.",
-              "fieldName": "form",
-              "inheritedFrom": {
-                "name": "InputMixin",
-                "module": "src/common/mixins/InputMixin.ts"
-              }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "SizeMixin",
-              "module": "/src/common/mixins/SizeMixin.js"
-            },
-            {
-              "name": "FormAssociatedMixin",
-              "module": "/src/common/mixins/FormAssociatedMixin.js"
-            },
-            {
-              "name": "ReadonlyMixin",
-              "module": "/src/common/mixins/ReadonlyMixin.js"
-            },
-            {
-              "name": "InputMixin",
-              "module": "/src/common/mixins/InputMixin.js"
-            },
-            {
-              "name": "FocusableMixin",
-              "module": "/src/common/mixins/FocusableMixin.js"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "localization": [
-            {
-              "name": "modalHeading",
-              "description": "Heading for the date picker's modal."
-            },
-            {
-              "name": "closeLabel",
-              "description": "Accessible label for the close button."
-            },
-            {
-              "name": "buttonLabel",
-              "description": "Accessible label for the toggle button that opens the date picker modal."
-            },
-            {
-              "name": "selectedDateMessage",
-              "description": "Describes the selected date. This message is appended to the toggle button label when a date is selected."
-            }
-          ],
-          "status": "ready",
-          "category": "form",
-          "readme": "## Usage\n\nThis section includes guidelines for designers and developers about the usage of this component in different contexts.\n\n<div class=\"n-usage n-usage-do\">\n\n### Do\n\n- Use when the user needs to choose a single date or a date range.\n\n</div>\n<div class=\"n-usage n-usage-dont\">\n\n### Don’t\n\n- Don’t use for entering date of birth. Use input component instead.\n- Don’t use to choose a date that is over 10 years in the future or the past.\n\n</div>\n\n---\n\n## Keyboard accessibility\n\nDate picker is built to closely follow [W3C Date Picker Dialog example](https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/datepicker-dialog.html) with some small exceptions to e.g. better support iOS VoiceOver and Android TalkBack.\n\n### Choose date button\n\n- `Space, Enter`: Opens the date picker dialog and moves focus to the first select menu in the dialog.\n\n### Date picker dialog\n\n- `Esc`: Closes the date picker dialog and moves focus back to the “choose date” button.\n- `Tab`: Moves focus to the next element in the dialog. Please note since the calendar uses `role=\"grid\"`, only one button in the calendar grid is in the tab sequence. Additionally, if focus is on the last focusable element, focus is next moved back to the first focusable element inside the date picker dialog.\n- `Shift + Tab`: Same as above, but in reverse order.\n\n### Date picker dialog: Month/year buttons\n\n- `Space, Enter`: Changes the month and/or year displayed.\n\n### Date picker dialog: Date grid\n\n- `Space, Enter`: Selects a date, closes the dialog, and moves focus back to the “Choose Date” button. Additionally updates the value of the date picker input with the selected date, and adds selected date to “Choose Date” button label.\n- `Arrow up`: Moves focus to the same day of the previous week.\n- `Arrow down`: Moves focus to the same day of the next week.\n- `Arrow right`: Moves focus to the next day. In right-to-left languages, moves focus to the previous day.\n- `Arrow left`: Moves focus to the previous day.  In right-to-left languages, moves focus to the next day.\n- `Home`: Moves focus to the first day (e.g Monday) of the current week.\n- `End`: Moves focus to the last day (e.g. Sunday) of the current week.\n- `Page Up`: Changes the grid of dates to the previous month and sets focus on the same day of the same week.\n- `Shift + Page Up`: Changes the grid of dates to the previous year and sets focus on the same day of the same week.\n- `Page Down`: Changes the grid of dates to the next month and sets focus on the same day of the same week.\n- `Shift + Page Down`: Changes the grid of dates to the next year and sets focus on the same day of the same week.\n\n#### Date picker dialog: Close button\n\n- `Space, Enter`: Closes the dialog, moves focus to “choose date” button, but does not update the date in input.\n",
-          "examples": [],
-          "dependencies": [
-            "icon",
-            "input",
-            "button",
-            "visually-hidden",
-            "popout",
-            "stack",
-            "calendar"
-          ],
-          "tagName": "nord-date-picker",
-          "customElement": true
+          "description": "given a date, return an array of dates from a calendar perspective"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
+          "name": "createDate",
           "declaration": {
-            "name": "DatePicker",
-            "module": "src/date-picker/DatePicker.ts"
+            "name": "createDate",
+            "module": "src/common/dates.ts"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "nord-date-picker",
+          "kind": "js",
+          "name": "parseISODate",
           "declaration": {
-            "name": "DatePicker",
-            "module": "src/date-picker/DatePicker.ts"
+            "name": "parseISODate",
+            "module": "src/common/dates.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/date-picker/date-adapter.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "isoAdapter",
-          "type": {
-            "text": "DateAdapter"
-          },
-          "default": "{ parse: parseISODate, format: printISODate }"
-        }
-      ],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "isoAdapter",
+          "name": "printISODate",
           "declaration": {
-            "name": "isoAdapter",
-            "module": "src/date-picker/date-adapter.ts"
+            "name": "printISODate",
+            "module": "src/common/dates.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/date-picker/localization.ts",
-      "declarations": [
+        },
         {
-          "kind": "variable",
-          "name": "datePickerLocalization",
-          "type": {
-            "text": "object"
-          },
-          "default": "{\n  modalHeading: \"Choose a date\",\n  closeLabel: \"Close window\",\n  buttonLabel: \"Choose date\",\n  selectedDateMessage: \"Selected date is\",\n}"
-        }
-      ],
-      "exports": [
+          "kind": "js",
+          "name": "getDayNames",
+          "declaration": {
+            "name": "getDayNames",
+            "module": "src/common/dates.ts"
+          }
+        },
         {
           "kind": "js",
-          "name": "default",
+          "name": "getMonthNames",
           "declaration": {
-            "name": "datePickerLocalization",
-            "module": "src/date-picker/localization.ts"
+            "name": "getMonthNames",
+            "module": "src/common/dates.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "isEqualMonth",
+          "declaration": {
+            "name": "isEqualMonth",
+            "module": "src/common/dates.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "isEqual",
+          "declaration": {
+            "name": "isEqual",
+            "module": "src/common/dates.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "addDays",
+          "declaration": {
+            "name": "addDays",
+            "module": "src/common/dates.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "addMonths",
+          "declaration": {
+            "name": "addMonths",
+            "module": "src/common/dates.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "addYears",
+          "declaration": {
+            "name": "addYears",
+            "module": "src/common/dates.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "startOfWeek",
+          "declaration": {
+            "name": "startOfWeek",
+            "module": "src/common/dates.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "endOfWeek",
+          "declaration": {
+            "name": "endOfWeek",
+            "module": "src/common/dates.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "startOfMonth",
+          "declaration": {
+            "name": "startOfMonth",
+            "module": "src/common/dates.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "endOfMonth",
+          "declaration": {
+            "name": "endOfMonth",
+            "module": "src/common/dates.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "setMonth",
+          "declaration": {
+            "name": "setMonth",
+            "module": "src/common/dates.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "setYear",
+          "declaration": {
+            "name": "setYear",
+            "module": "src/common/dates.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "clamp",
+          "declaration": {
+            "name": "clamp",
+            "module": "src/common/dates.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "inRange",
+          "declaration": {
+            "name": "inRange",
+            "module": "src/common/dates.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getViewOfMonth",
+          "declaration": {
+            "name": "getViewOfMonth",
+            "module": "src/common/dates.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/common/attribute.ts",
+      "path": "src/common/events.ts",
       "declarations": [
+        {
+          "kind": "class",
+          "description": "A base class for events which defaults to bubbling and composed",
+          "name": "NordEvent",
+          "superclass": {
+            "name": "Event",
+            "module": "src/common/events.ts"
+          }
+        },
         {
           "kind": "function",
-          "name": "add",
+          "name": "oneEvent",
           "parameters": [
             {
               "name": "element",
               "type": {
-                "text": "Element"
-              }
-            },
-            {
-              "name": "attr",
-              "type": {
-                "text": "string"
+                "text": "HTMLElement"
               }
             },
             {
-              "name": "token",
+              "name": "type",
               "type": {
-                "text": "string"
+                "text": "K"
               }
             }
-          ],
-          "description": "Carefully adds a token to a space-separated attribute\nSimilar to classList, but for any attribute."
+          ]
         },
         {
           "kind": "function",
-          "name": "remove",
+          "name": "transition",
           "parameters": [
             {
               "name": "element",
               "type": {
-                "text": "Element"
-              }
-            },
-            {
-              "name": "attr",
-              "type": {
-                "text": "string"
+                "text": "HTMLElement"
               }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "animation",
+          "parameters": [
             {
-              "name": "token",
+              "name": "element",
               "type": {
-                "text": "string"
+                "text": "HTMLElement"
               }
             }
-          ],
-          "description": "Carefully removes a token from a space-separated attribute.\nSimilar to classList, but for any attribute."
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "add",
+          "name": "NordEvent",
           "declaration": {
-            "name": "add",
-            "module": "src/common/attribute.ts"
+            "name": "NordEvent",
+            "module": "src/common/events.ts"
           }
         },
         {
           "kind": "js",
-          "name": "remove",
+          "name": "oneEvent",
           "declaration": {
-            "name": "remove",
-            "module": "src/common/attribute.ts"
+            "name": "oneEvent",
+            "module": "src/common/events.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "transition",
+          "declaration": {
+            "name": "transition",
+            "module": "src/common/events.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "animation",
+          "declaration": {
+            "name": "animation",
+            "module": "src/common/events.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/common/collection.ts",
+      "path": "src/common/focus.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "groupBy",
-          "parameters": [
-            {
-              "name": "array",
-              "type": {
-                "text": "Array<TObject>"
-              },
-              "description": "the collection of objects to group"
-            },
-            {
-              "name": "key",
-              "type": {
-                "text": "TKey"
-              },
-              "description": "the property to group by"
-            }
-          ],
-          "description": "Groups an array objects by property value",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          }
-        },
-        {
-          "kind": "function",
-          "name": "chunk",
+          "name": "getFocusedElement",
           "return": {
             "type": {
-              "text": ""
+              "text": "Element | undefined"
             }
           },
           "parameters": [
             {
-              "name": "array",
-              "type": {
-                "text": "T[]"
-              }
-            },
-            {
-              "name": "chunkSize",
+              "name": "root",
               "type": {
-                "text": "number"
+                "text": "Document | ShadowRoot"
               }
             }
           ],
-          "description": "Split an array into chunks of the given size"
-        },
+          "description": "Gets the currently focused element, taking shadow roots into account."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getFocusedElement",
+          "declaration": {
+            "name": "getFocusedElement",
+            "module": "src/common/focus.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/form.ts",
+      "declarations": [
         {
           "kind": "function",
-          "name": "mapWithOffset",
+          "name": "getSubmitButton",
           "return": {
             "type": {
-              "text": ""
+              "text": "HTMLButtonElement | null"
             }
           },
           "parameters": [
             {
-              "name": "array",
-              "type": {
-                "text": "T[]"
-              }
-            },
-            {
-              "name": "startingOffset",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "mapFn",
+              "name": "form",
               "type": {
-                "text": "(item: T, i: number) => U"
+                "text": "HTMLFormElement"
               }
             }
           ],
-          "description": "maps over an array, starting at the given offset and wrapping around."
+          "description": "Finds a form's submit button. First looking for a button inside form,\nand then looking for a button whose form attribute is equal to the ID of the form."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "groupBy",
+          "name": "getSubmitButton",
           "declaration": {
-            "name": "groupBy",
-            "module": "src/common/collection.ts"
+            "name": "getSubmitButton",
+            "module": "src/common/form.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/fsm.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "chunk",
-          "declaration": {
-            "name": "chunk",
-            "module": "src/common/collection.ts"
-          }
-        },
+          "kind": "function",
+          "name": "fsm",
+          "parameters": [
+            {
+              "name": "config",
+              "type": {
+                "text": "TTransitions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "mapWithOffset",
+          "name": "fsm",
           "declaration": {
-            "name": "mapWithOffset",
-            "module": "src/common/collection.ts"
+            "name": "fsm",
+            "module": "src/common/fsm.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/common/dates.ts",
+      "path": "src/common/inert.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "createDate",
-          "return": {
-            "type": {
-              "text": "Date | undefined"
-            }
-          },
+          "name": "setInertAttributes",
           "parameters": [
             {
-              "name": "year",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "month",
+              "name": "elements",
               "type": {
-                "text": "string"
-              }
+                "text": "Element[]"
+              },
+              "description": "The elements to set or remove the `inert` attribute on."
             },
             {
-              "name": "day",
+              "name": "enabled",
               "type": {
-                "text": "string"
-              }
+                "text": "boolean"
+              },
+              "description": "Whether to set or remove the `inert` attribute."
             }
-          ]
+          ],
+          "description": "Set or remove the `inert` attribute on all given elements."
         },
         {
           "kind": "function",
-          "name": "parseISODate",
+          "name": "getElementsAround",
           "return": {
             "type": {
-              "text": "Date | undefined"
+              "text": "Element[]"
             }
           },
           "parameters": [
             {
-              "name": "value",
+              "name": "element",
               "type": {
-                "text": "string"
-              },
-              "description": "date string in ISO format YYYY-MM-DD"
+                "text": "Element"
+              }
             }
-          ]
+          ],
+          "description": "Get all siblings of an element, including the siblings of its parents.\nUse this to find all elements that should be inert when a modal is open.\nAnd then use `setInertAttributes` to set or remove the `inert` attribute\non all of them."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "setInertAttributes",
+          "declaration": {
+            "name": "setInertAttributes",
+            "module": "src/common/inert.ts"
+          }
         },
+        {
+          "kind": "js",
+          "name": "getElementsAround",
+          "declaration": {
+            "name": "getElementsAround",
+            "module": "src/common/inert.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/input.ts",
+      "declarations": [
         {
           "kind": "function",
-          "name": "printISODate",
+          "name": "cleanValue",
           "return": {
             "type": {
               "text": "string"
@@ -4935,1152 +4673,1414 @@
           },
           "parameters": [
             {
-              "name": "date",
-              "type": {
-                "text": "Date"
-              }
-            }
-          ],
-          "description": "print date in format YYYY-MM-DD"
-        },
-        {
-          "kind": "function",
-          "name": "getDayNames",
-          "parameters": [
-            {
-              "name": "locale",
+              "name": "inputEl",
               "type": {
-                "text": "string"
+                "text": "HTMLInputElement"
               }
             },
             {
-              "name": "weekday",
+              "name": "regex",
               "type": {
-                "text": "Exclude<Intl.DateTimeFormatOptions[\"weekday\"], undefined>"
+                "text": "RegExp"
               }
             }
           ]
-        },
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "cleanValue",
+          "declaration": {
+            "name": "cleanValue",
+            "module": "src/common/input.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/number.ts",
+      "declarations": [
         {
           "kind": "function",
-          "name": "getMonthNames",
+          "name": "wrap",
           "parameters": [
             {
-              "name": "locale",
+              "name": "val",
               "type": {
-                "text": "string"
+                "text": "number"
               }
             },
             {
-              "name": "month",
+              "name": "min",
               "type": {
-                "text": "Exclude<Intl.DateTimeFormatOptions[\"month\"], undefined>"
+                "text": "number"
+              }
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number"
               }
             }
-          ]
+          ],
+          "description": "Wraps a value so that it always falls within min/max,\nwhere a value greater than max gets set to min, and vice versa"
         },
         {
           "kind": "function",
-          "name": "isEqualMonth",
-          "return": {
-            "type": {
-              "text": "boolean"
-            }
-          },
+          "name": "range",
           "parameters": [
             {
-              "name": "a",
-              "optional": true,
+              "name": "from",
               "type": {
-                "text": "Date"
+                "text": "number"
               }
             },
             {
-              "name": "b",
-              "optional": true,
+              "name": "to",
               "type": {
-                "text": "Date"
+                "text": "number"
               }
             }
-          ],
-          "description": "Compare if two dates are in the same month of the same year."
+          ]
         },
         {
           "kind": "function",
-          "name": "isEqual",
-          "return": {
-            "type": {
-              "text": "boolean"
-            }
-          },
+          "name": "clamp",
           "parameters": [
             {
-              "name": "a",
-              "optional": true,
+              "name": "value",
               "type": {
-                "text": "Date"
+                "text": "number"
               }
             },
             {
-              "name": "b",
-              "optional": true,
+              "name": "min",
               "type": {
-                "text": "Date"
+                "text": "number"
+              }
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number"
               }
             }
-          ],
-          "description": "Compare if two dates are equal in terms of day, month, and year"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "wrap",
+          "declaration": {
+            "name": "wrap",
+            "module": "src/common/number.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "range",
+          "declaration": {
+            "name": "range",
+            "module": "src/common/number.ts"
+          }
         },
+        {
+          "kind": "js",
+          "name": "clamp",
+          "declaration": {
+            "name": "clamp",
+            "module": "src/common/number.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/portal.ts",
+      "declarations": [
         {
           "kind": "function",
-          "name": "addDays",
-          "return": {
-            "type": {
-              "text": "Date"
-            }
-          },
+          "name": "createPortal",
           "parameters": [
             {
-              "name": "date",
+              "name": "src",
               "type": {
-                "text": "Date"
+                "text": "Node"
               }
             },
             {
-              "name": "days",
+              "name": "dest",
               "type": {
-                "text": "number"
+                "text": "Node"
               }
             }
-          ]
-        },
+          ],
+          "description": "Creates a \"portal\" for transporting an element from one location to another.\nThe element gets moved to its destination on open(),\nand restored to its original location on close()."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "createPortal",
+          "declaration": {
+            "name": "createPortal",
+            "module": "src/common/portal.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/positioning.ts",
+      "declarations": [
         {
           "kind": "function",
-          "name": "addMonths",
+          "name": "logicalToPhysical",
           "return": {
             "type": {
-              "text": "Date"
+              "text": "Side"
             }
           },
           "parameters": [
             {
-              "name": "date",
-              "type": {
-                "text": "Date"
-              }
-            },
-            {
-              "name": "months",
+              "name": "logicalSide",
               "type": {
-                "text": "number"
+                "text": "LogicalSide"
               }
             }
-          ]
+          ],
+          "description": "Converts a single logical position to a physical position"
         },
         {
           "kind": "function",
-          "name": "addYears",
+          "name": "logicalToPhysical",
           "return": {
             "type": {
-              "text": "Date"
+              "text": "Placement"
             }
           },
           "parameters": [
             {
-              "name": "date",
+              "name": "logicalSide",
               "type": {
-                "text": "Date"
+                "text": "LogicalSide"
               }
             },
             {
-              "name": "years",
-              "type": {
-                "text": "number"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "startOfWeek",
-          "return": {
-            "type": {
-              "text": "Date"
-            }
-          },
-          "parameters": [
-            {
-              "name": "date",
+              "name": "alignment",
               "type": {
-                "text": "Date"
+                "text": "Alignment"
               }
             },
             {
-              "name": "firstDayOfWeek",
-              "default": "DaysOfWeek.Monday",
+              "name": "dir",
               "type": {
-                "text": "DaysOfWeek"
+                "text": "Direction"
               }
             }
-          ]
+          ],
+          "description": "Converts a logical side and alignment to floating-ui compatible placement"
         },
         {
           "kind": "function",
-          "name": "endOfWeek",
-          "return": {
-            "type": {
-              "text": "Date"
-            }
-          },
+          "name": "logicalToPhysical",
           "parameters": [
             {
-              "name": "date",
+              "name": "logicalSide",
               "type": {
-                "text": "Date"
+                "text": "LogicalSide"
               }
             },
             {
-              "name": "firstDayOfWeek",
-              "default": "DaysOfWeek.Monday",
+              "name": "alignment",
+              "optional": true,
               "type": {
-                "text": "DaysOfWeek"
+                "text": "Alignment"
               }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "startOfMonth",
-          "return": {
-            "type": {
-              "text": "Date"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "date",
+              "name": "dir",
+              "optional": true,
               "type": {
-                "text": "Date"
+                "text": "Direction"
               }
             }
           ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "logicalToPhysical",
+          "declaration": {
+            "name": "logicalToPhysical",
+            "module": "src/common/positioning.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "logicalToPhysical",
+          "declaration": {
+            "name": "logicalToPhysical",
+            "module": "src/common/positioning.ts"
+          }
         },
+        {
+          "kind": "js",
+          "name": "logicalToPhysical",
+          "declaration": {
+            "name": "logicalToPhysical",
+            "module": "src/common/positioning.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/ref.ts",
+      "declarations": [
         {
           "kind": "function",
-          "name": "endOfMonth",
+          "name": "mergeRefs",
           "return": {
             "type": {
-              "text": "Date"
+              "text": "RefCallback"
             }
           },
           "parameters": [
             {
-              "name": "date",
+              "name": "refs",
               "type": {
-                "text": "Date"
+                "text": "Ref[]"
               }
             }
-          ]
-        },
+          ],
+          "description": "Creates a ref callback which will assign the element to every given ref"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "mergeRefs",
+          "declaration": {
+            "name": "mergeRefs",
+            "module": "src/common/ref.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/storage.ts",
+      "declarations": [
         {
           "kind": "function",
-          "name": "setMonth",
-          "return": {
-            "type": {
-              "text": "Date"
-            }
-          },
+          "name": "storage",
           "parameters": [
             {
-              "name": "date",
+              "name": "key",
               "type": {
-                "text": "Date"
+                "text": "string"
               }
             },
             {
-              "name": "month",
+              "name": "defaultValue",
               "type": {
-                "text": "number"
+                "text": "T"
               }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "setYear",
-          "return": {
-            "type": {
-              "text": "Date"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "date",
+              "name": "serialize",
+              "default": "JSON.stringify",
               "type": {
-                "text": "Date"
+                "text": "(value: T) => string"
               }
             },
             {
-              "name": "year",
+              "name": "deserialize",
+              "default": "JSON.parse",
               "type": {
-                "text": "number"
+                "text": "(value: string) => T"
               }
             }
-          ]
-        },
+          ],
+          "description": "Thin wrapper around local storage which simplifies (de)serialization and default values.\nBy default, (de)serializes as JSON."
+        }
+      ],
+      "exports": [
         {
-          "kind": "function",
-          "name": "clamp",
-          "return": {
-            "type": {
-              "text": "Date"
-            }
-          },
-          "parameters": [
+          "kind": "js",
+          "name": "storage",
+          "declaration": {
+            "name": "storage",
+            "module": "src/common/storage.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/date-picker/DatePicker.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "\nDate Picker allows user to enter a date either through text input,\nor by choosing a date from the calendar. Please note that the date\nmust be passed in ISO-8601 format: YYYY-MM-DD.",
+          "name": "DatePicker",
+          "members": [
             {
-              "name": "date",
+              "kind": "field",
+              "name": "toggleButton",
               "type": {
-                "text": "Date"
-              }
+                "text": "Button"
+              },
+              "privacy": "private"
             },
             {
-              "name": "min",
-              "optional": true,
+              "kind": "field",
+              "name": "closeButton",
               "type": {
-                "text": "Date"
-              }
+                "text": "HTMLButtonElement"
+              },
+              "privacy": "private"
             },
             {
-              "name": "max",
-              "optional": true,
+              "kind": "field",
+              "name": "calendar",
               "type": {
-                "text": "Date"
-              }
-            }
-          ],
-          "description": "Ensures date is within range, returns min or max if out of bounds"
-        },
-        {
-          "kind": "function",
-          "name": "inRange",
-          "return": {
-            "type": {
-              "text": "boolean"
-            }
-          },
-          "parameters": [
+                "text": "Calendar"
+              },
+              "privacy": "private"
+            },
             {
-              "name": "date",
+              "kind": "field",
+              "name": "popout",
               "type": {
-                "text": "Date"
-              }
+                "text": "Popout"
+              },
+              "privacy": "private"
             },
             {
-              "name": "min",
-              "optional": true,
+              "kind": "field",
+              "name": "swipe",
+              "privacy": "private",
+              "default": "new SwipeController(this, {\n    target: () => this.popout,\n    matchesGesture: isDownwardsSwipe,\n    onSwipeEnd: () => this.hide(),\n  })"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "default": "new LocalizeController<\"nord-date-picker\">(this, {\n    onLangChange: () => this.createDateFormatters(),\n  })"
+            },
+            {
+              "kind": "field",
+              "name": "dateFormatLong",
               "type": {
-                "text": "Date"
-              }
+                "text": "Intl.DateTimeFormat"
+              },
+              "privacy": "private",
+              "description": "Whilst dateAdapter is used for handling the formatting/parsing dates in the input,\nthese are used to format dates exclusively for the benefit of screen readers.\n\nWe prefer DateTimeFormat over date.toLocaleDateString, as the former has\nbetter performance when formatting large number of dates. See:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString#Performance"
             },
             {
-              "name": "max",
-              "optional": true,
+              "kind": "field",
+              "name": "value",
               "type": {
-                "text": "Date"
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Date value. Must be in IS0-8601 format: YYYY-MM-DD.",
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
               }
-            }
-          ],
-          "description": "Check if date is within a min and max"
-        },
-        {
-          "kind": "function",
-          "name": "getViewOfMonth",
-          "return": {
-            "type": {
-              "text": "Date[]"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "date",
+              "kind": "field",
+              "name": "valueAsDate",
               "type": {
-                "text": "Date"
-              }
+                "text": "Date | undefined"
+              },
+              "description": "Get/set the value of the picker as a Date object."
+            },
+            {
+              "kind": "field",
+              "name": "valueAsNumber",
+              "type": {
+                "text": "number"
+              },
+              "description": "Get/set the value of the picker as the number of milliseconds elapsed since the UNIX epoch."
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether date picker dialog is open or not.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\nThis setting can be used alone or together with the max property.",
+              "attribute": "min",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\nThis setting can be used alone or together with the min property.",
+              "attribute": "max",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "firstDayOfWeek",
-              "default": "DaysOfWeek.Monday",
               "type": {
                 "text": "DaysOfWeek"
-              }
-            }
-          ],
-          "description": "given a date, return an array of dates from a calendar perspective"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "createDate",
-          "declaration": {
-            "name": "createDate",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "parseISODate",
-          "declaration": {
-            "name": "parseISODate",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "printISODate",
-          "declaration": {
-            "name": "printISODate",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getDayNames",
-          "declaration": {
-            "name": "getDayNames",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getMonthNames",
-          "declaration": {
-            "name": "getMonthNames",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "isEqualMonth",
-          "declaration": {
-            "name": "isEqualMonth",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "isEqual",
-          "declaration": {
-            "name": "isEqual",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "addDays",
-          "declaration": {
-            "name": "addDays",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "addMonths",
-          "declaration": {
-            "name": "addMonths",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "addYears",
-          "declaration": {
-            "name": "addYears",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "startOfWeek",
-          "declaration": {
-            "name": "startOfWeek",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "endOfWeek",
-          "declaration": {
-            "name": "endOfWeek",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "startOfMonth",
-          "declaration": {
-            "name": "startOfMonth",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "endOfMonth",
-          "declaration": {
-            "name": "endOfMonth",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "setMonth",
-          "declaration": {
-            "name": "setMonth",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "setYear",
-          "declaration": {
-            "name": "setYear",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "clamp",
-          "declaration": {
-            "name": "clamp",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "inRange",
-          "declaration": {
-            "name": "inRange",
-            "module": "src/common/dates.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getViewOfMonth",
-          "declaration": {
-            "name": "getViewOfMonth",
-            "module": "src/common/dates.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/events.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A base class for events which defaults to bubbling and composed",
-          "name": "NordEvent",
-          "superclass": {
-            "name": "Event",
-            "module": "src/common/events.ts"
-          }
-        },
-        {
-          "kind": "function",
-          "name": "oneEvent",
-          "parameters": [
+              },
+              "description": "Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc.\nDefault is Monday.",
+              "attribute": "first-day-of-week",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "dateAdapter",
+              "type": {
+                "text": "DateAdapter"
+              },
+              "default": "isoAdapter",
+              "description": "Date adapter, for custom parsing/formatting.\nMust be object with a `parse` function which accepts a `string` and returns a `Date`,\nand a `format` function which accepts a `Date` and returns a `string`.\nDefault is IS0-8601 parsing and formatting."
+            },
+            {
+              "kind": "field",
+              "name": "isDateDisabled",
+              "type": {
+                "text": "DatePredicate"
+              },
+              "default": "isDateDisabled",
+              "description": "Controls which days are disabled and therefore disallowed.\nFor example, this can be used to disallow selection of weekends."
+            },
+            {
+              "kind": "field",
+              "name": "isDateHighlighted",
+              "type": {
+                "text": "(date: Date) => string | boolean"
+              },
+              "default": "isDateHighlighted",
+              "description": "Controls which days are highlighted with a small indicator.\nReturning `false` will not show an indicator.\nReturning `true` will show the indicator, but without an accessible label. Therefore\nReturning a string will show the indicator, and use the string as accessible label.\nIt is recommended to return a string rather than `true` whenever possible."
+            },
+            {
+              "kind": "field",
+              "name": "expand",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the date picker expands to fill the width of its container.",
+              "attribute": "expand",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "createDateFormatters",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "focusFirst",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "focusLast",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleDaySelect",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleOpen",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleClose",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleBlur",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleInputChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setValue",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "date",
+                  "optional": true,
+                  "type": {
+                    "text": "Date"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "parameters": [
+                {
+                  "name": "moveFocusToButton",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "description": "A boolean option to move the focus to the original button that opens the popout."
+                }
+              ],
+              "description": "Hide the date picker programmatically."
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Show the date picker programmatically."
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "\"s\" | \"m\" | \"l\""
+              },
+              "default": "\"m\"",
+              "description": "The size of the component.",
+              "attribute": "size",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SizeMixin",
+                "module": "src/common/mixins/SizeMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "labelSlot",
+              "privacy": "protected",
+              "default": "new SlotController(this, \"label\")",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "errorSlot",
+              "privacy": "protected",
+              "default": "new SlotController(this, \"error\")",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hintSlot",
+              "privacy": "protected",
+              "default": "new SlotController(this, \"hint\")",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formData",
+              "privacy": "protected",
+              "default": "new FormDataController(this, { value: () => this.formValue })",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formValue",
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inputId",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "default": "\"input\"",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "errorId",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "default": "\"error\"",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hintId",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "default": "\"hint\"",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
             {
-              "name": "element",
+              "kind": "field",
+              "name": "label",
               "type": {
-                "text": "HTMLElement"
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Label for the input.",
+              "attribute": "label",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
             {
-              "name": "type",
+              "kind": "field",
+              "name": "hint",
               "type": {
-                "text": "K"
+                "text": "string | undefined"
+              },
+              "description": "Optional hint text to be displayed with the input. Alternatively use the hint slot.",
+              "attribute": "hint",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "transition",
-          "parameters": [
+            },
             {
-              "name": "element",
+              "kind": "field",
+              "name": "hideLabel",
               "type": {
-                "text": "HTMLElement"
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Visually hide the label, but still show it to assistive technologies like screen readers.",
+              "attribute": "hide-label",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "animation",
-          "parameters": [
+            },
             {
-              "name": "element",
+              "kind": "field",
+              "name": "placeholder",
               "type": {
-                "text": "HTMLElement"
+                "text": "string | undefined"
+              },
+              "description": "Placeholder text to display within the input.",
+              "attribute": "placeholder",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "NordEvent",
-          "declaration": {
-            "name": "NordEvent",
-            "module": "src/common/events.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "oneEvent",
-          "declaration": {
-            "name": "oneEvent",
-            "module": "src/common/events.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "transition",
-          "declaration": {
-            "name": "transition",
-            "module": "src/common/events.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "animation",
-          "declaration": {
-            "name": "animation",
-            "module": "src/common/events.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/focus.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "getFocusedElement",
-          "return": {
-            "type": {
-              "text": "Element | undefined"
-            }
-          },
-          "parameters": [
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional error to be shown with the input. Alternatively use the error slot.",
+              "attribute": "error",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether the input is required or not.\nAn input marked as required will be announced as such to users of assistive technology.\nWhen using this property you need to also set “novalidate” attribute on a form element to prevent browser from displaying its own validation errors.",
+              "attribute": "required",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hideRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Visually hide the required indicator, but still show\nrequired attribute to assistive technologies like screen readers.",
+              "attribute": "hide-required",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleInput",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderLabel",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "additionalContent",
+                  "optional": true,
+                  "type": {
+                    "text": "TemplateResult"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderError",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getDescribedBy",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getInvalid",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasHint",
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
             {
-              "name": "root",
+              "kind": "field",
+              "name": "hasError",
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "readonly",
               "type": {
-                "text": "Document | ShadowRoot"
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the component readonly, so that it is not editable.\nReadonly differs from disabled in that readonly fields are still focusable and will be submitted with a form.",
+              "attribute": "readonly",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ReadonlyMixin",
+                "module": "src/common/mixins/ReadonlyMixin.ts"
               }
-            }
-          ],
-          "description": "Gets the currently focused element, taking shadow roots into account."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "getFocusedElement",
-          "declaration": {
-            "name": "getFocusedElement",
-            "module": "src/common/focus.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/form.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "getSubmitButton",
-          "return": {
-            "type": {
-              "text": "HTMLButtonElement | null"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "form",
+              "kind": "field",
+              "name": "disabled",
               "type": {
-                "text": "HTMLFormElement"
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the component disabled. This prevents users from\nbeing able to interact with the component, and conveys\nits inactive state to assistive technologies.",
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
               }
-            }
-          ],
-          "description": "Finds a form's submit button. First looking for a button inside form,\nand then looking for a button whose form attribute is equal to the ID of the form."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "getSubmitButton",
-          "declaration": {
-            "name": "getSubmitButton",
-            "module": "src/common/form.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/fsm.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "fsm",
-          "parameters": [
+            },
             {
-              "name": "config",
+              "kind": "field",
+              "name": "name",
               "type": {
-                "text": "TTransitions"
+                "text": "string | undefined"
+              },
+              "description": "The name of the form component.",
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
               }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "fsm",
-          "declaration": {
-            "name": "fsm",
-            "module": "src/common/fsm.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/inert.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "setInertAttributes",
-          "parameters": [
+            },
             {
-              "name": "elements",
+              "kind": "field",
+              "name": "formAncestor",
               "type": {
-                "text": "Element[]"
+                "text": "HTMLFormElement | null"
               },
-              "description": "The elements to set or remove the `inert` attribute on."
+              "privacy": "private",
+              "default": "null",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
+              }
             },
             {
-              "name": "enabled",
+              "kind": "field",
+              "name": "_formId",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "description": "Whether to set or remove the `inert` attribute."
-            }
-          ],
-          "description": "Set or remove the `inert` attribute on all given elements."
-        },
-        {
-          "kind": "function",
-          "name": "getElementsAround",
-          "return": {
-            "type": {
-              "text": "Element[]"
-            }
-          },
-          "parameters": [
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
+              }
+            },
             {
-              "name": "element",
+              "kind": "field",
+              "name": "form",
               "type": {
-                "text": "Element"
+                "text": "HTMLFormElement | null"
+              },
+              "description": "Gets the form, if any, associated with the form element.\nThe setter accepts a string, which is the id of the form.",
+              "attribute": "form",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "focusableRef",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "src/common/mixins/FocusableMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  },
+                  "description": "An object which controls aspects of the focusing process."
+                }
+              ],
+              "description": "Programmatically move focus to the component.",
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "src/common/mixins/FocusableMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "description": "Programmatically remove focus from the component.",
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "src/common/mixins/FocusableMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "click",
+              "description": "Programmatically simulates a click on the component.",
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "src/common/mixins/FocusableMixin.ts"
               }
             }
-          ],
-          "description": "Get all siblings of an element, including the siblings of its parents.\nUse this to find all elements that should be inert when a modal is open.\nAnd then use `setInertAttributes` to set or remove the `inert` attribute\non all of them."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "setInertAttributes",
-          "declaration": {
-            "name": "setInertAttributes",
-            "module": "src/common/inert.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getElementsAround",
-          "declaration": {
-            "name": "getElementsAround",
-            "module": "src/common/inert.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/input.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "cleanValue",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          },
-          "parameters": [
+          ],
+          "events": [
             {
-              "name": "inputEl",
+              "name": "change",
               "type": {
-                "text": "HTMLInputElement"
+                "text": "NordEvent"
+              },
+              "description": "Fired whenever the input's value is changed via user interaction.",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
             {
-              "name": "regex",
               "type": {
-                "text": "RegExp"
+                "text": "NordEvent"
+              },
+              "description": "Dispatched when the popout is opened.",
+              "name": "open"
+            },
+            {
+              "type": {
+                "text": "NordEvent"
+              },
+              "description": "Dispatched when the popout is closed.",
+              "name": "close"
+            },
+            {
+              "type": {
+                "text": "DateSelectEvent"
+              },
+              "description": "Dispatched when the calendar's focused date changes.",
+              "name": "nord-focus-date"
+            },
+            {
+              "name": "input",
+              "type": {
+                "text": "NordEvent"
+              },
+              "description": "Fired as the user types into the input.",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "cleanValue",
-          "declaration": {
-            "name": "cleanValue",
-            "module": "src/common/input.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/number.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "wrap",
-          "parameters": [
+          ],
+          "attributes": [
             {
-              "name": "val",
+              "name": "value",
               "type": {
-                "text": "number"
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Date value. Must be in IS0-8601 format: YYYY-MM-DD.",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
               }
             },
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether date picker dialog is open or not.",
+              "fieldName": "open"
+            },
             {
               "name": "min",
               "type": {
-                "text": "number"
-              }
+                "text": "string | undefined"
+              },
+              "description": "Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\nThis setting can be used alone or together with the max property.",
+              "fieldName": "min"
             },
             {
               "name": "max",
               "type": {
-                "text": "number"
-              }
-            }
-          ],
-          "description": "Wraps a value so that it always falls within min/max,\nwhere a value greater than max gets set to min, and vice versa"
-        },
-        {
-          "kind": "function",
-          "name": "range",
-          "parameters": [
+                "text": "string | undefined"
+              },
+              "description": "Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.\nThis setting can be used alone or together with the min property.",
+              "fieldName": "max"
+            },
             {
-              "name": "from",
+              "name": "first-day-of-week",
               "type": {
-                "text": "number"
-              }
+                "text": "DaysOfWeek"
+              },
+              "description": "Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc.\nDefault is Monday.",
+              "fieldName": "firstDayOfWeek"
             },
             {
-              "name": "to",
+              "name": "expand",
               "type": {
-                "text": "number"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "clamp",
-          "parameters": [
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the date picker expands to fill the width of its container.",
+              "fieldName": "expand"
+            },
             {
-              "name": "value",
+              "name": "size",
               "type": {
-                "text": "number"
+                "text": "\"s\" | \"m\" | \"l\""
+              },
+              "default": "\"m\"",
+              "description": "The size of the component.",
+              "fieldName": "size",
+              "inheritedFrom": {
+                "name": "SizeMixin",
+                "module": "src/common/mixins/SizeMixin.ts"
               }
             },
             {
-              "name": "min",
+              "name": "label",
               "type": {
-                "text": "number"
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Label for the input.",
+              "fieldName": "label",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
             {
-              "name": "max",
+              "name": "hint",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
+              },
+              "description": "Optional hint text to be displayed with the input. Alternatively use the hint slot.",
+              "fieldName": "hint",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "wrap",
-          "declaration": {
-            "name": "wrap",
-            "module": "src/common/number.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "range",
-          "declaration": {
-            "name": "range",
-            "module": "src/common/number.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "clamp",
-          "declaration": {
-            "name": "clamp",
-            "module": "src/common/number.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/portal.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "createPortal",
-          "parameters": [
+            },
             {
-              "name": "src",
+              "name": "hide-label",
               "type": {
-                "text": "Node"
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Visually hide the label, but still show it to assistive technologies like screen readers.",
+              "fieldName": "hideLabel",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
             {
-              "name": "dest",
+              "name": "placeholder",
               "type": {
-                "text": "Node"
+                "text": "string | undefined"
+              },
+              "description": "Placeholder text to display within the input.",
+              "fieldName": "placeholder",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
-            }
-          ],
-          "description": "Creates a \"portal\" for transporting an element from one location to another.\nThe element gets moved to its destination on open(),\nand restored to its original location on close()."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "createPortal",
-          "declaration": {
-            "name": "createPortal",
-            "module": "src/common/portal.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/positioning.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "logicalToPhysical",
-          "return": {
-            "type": {
-              "text": "Side"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "logicalSide",
+              "name": "error",
               "type": {
-                "text": "LogicalSide"
+                "text": "string | undefined"
+              },
+              "description": "Optional error to be shown with the input. Alternatively use the error slot.",
+              "fieldName": "error",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
-            }
-          ],
-          "description": "Converts a single logical position to a physical position"
-        },
-        {
-          "kind": "function",
-          "name": "logicalToPhysical",
-          "return": {
-            "type": {
-              "text": "Placement"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "logicalSide",
+              "name": "required",
               "type": {
-                "text": "LogicalSide"
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether the input is required or not.\nAn input marked as required will be announced as such to users of assistive technology.\nWhen using this property you need to also set “novalidate” attribute on a form element to prevent browser from displaying its own validation errors.",
+              "fieldName": "required",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
             {
-              "name": "alignment",
+              "name": "hide-required",
               "type": {
-                "text": "Alignment"
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Visually hide the required indicator, but still show\nrequired attribute to assistive technologies like screen readers.",
+              "fieldName": "hideRequired",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
             {
-              "name": "dir",
+              "name": "readonly",
               "type": {
-                "text": "Direction"
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the component readonly, so that it is not editable.\nReadonly differs from disabled in that readonly fields are still focusable and will be submitted with a form.",
+              "fieldName": "readonly",
+              "inheritedFrom": {
+                "name": "ReadonlyMixin",
+                "module": "src/common/mixins/ReadonlyMixin.ts"
               }
-            }
-          ],
-          "description": "Converts a logical side and alignment to floating-ui compatible placement"
-        },
-        {
-          "kind": "function",
-          "name": "logicalToPhysical",
-          "parameters": [
+            },
             {
-              "name": "logicalSide",
+              "name": "disabled",
               "type": {
-                "text": "LogicalSide"
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the component disabled. This prevents users from\nbeing able to interact with the component, and conveys\nits inactive state to assistive technologies.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
               }
             },
             {
-              "name": "alignment",
-              "optional": true,
+              "name": "name",
               "type": {
-                "text": "Alignment"
+                "text": "string | undefined"
+              },
+              "description": "The name of the form component.",
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
               }
             },
             {
-              "name": "dir",
-              "optional": true,
+              "name": "form",
               "type": {
-                "text": "Direction"
+                "text": "HTMLFormElement | null"
+              },
+              "description": "Gets the form, if any, associated with the form element.\nThe setter accepts a string, which is the id of the form.",
+              "fieldName": "form",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
               }
             }
-          ]
+          ],
+          "mixins": [
+            {
+              "name": "SizeMixin",
+              "module": "/src/common/mixins/SizeMixin.js"
+            },
+            {
+              "name": "FormAssociatedMixin",
+              "module": "/src/common/mixins/FormAssociatedMixin.js"
+            },
+            {
+              "name": "ReadonlyMixin",
+              "module": "/src/common/mixins/ReadonlyMixin.js"
+            },
+            {
+              "name": "InputMixin",
+              "module": "/src/common/mixins/InputMixin.js"
+            },
+            {
+              "name": "FocusableMixin",
+              "module": "/src/common/mixins/FocusableMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "localization": [
+            {
+              "name": "modalHeading",
+              "description": "Heading for the date picker's modal."
+            },
+            {
+              "name": "closeLabel",
+              "description": "Accessible label for the close button."
+            },
+            {
+              "name": "buttonLabel",
+              "description": "Accessible label for the toggle button that opens the date picker modal."
+            },
+            {
+              "name": "selectedDateMessage",
+              "description": "Describes the selected date. This message is appended to the toggle button label when a date is selected."
+            }
+          ],
+          "status": "ready",
+          "category": "form",
+          "readme": "## Usage\n\nThis section includes guidelines for designers and developers about the usage of this component in different contexts.\n\n<div class=\"n-usage n-usage-do\">\n\n### Do\n\n- Use when the user needs to choose a single date or a date range.\n\n</div>\n<div class=\"n-usage n-usage-dont\">\n\n### Don’t\n\n- Don’t use for entering date of birth. Use input component instead.\n- Don’t use to choose a date that is over 10 years in the future or the past.\n\n</div>\n\n---\n\n## Keyboard accessibility\n\nDate picker is built to closely follow [W3C Date Picker Dialog example](https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/datepicker-dialog.html) with some small exceptions to e.g. better support iOS VoiceOver and Android TalkBack.\n\n### Choose date button\n\n- `Space, Enter`: Opens the date picker dialog and moves focus to the first select menu in the dialog.\n\n### Date picker dialog\n\n- `Esc`: Closes the date picker dialog and moves focus back to the “choose date” button.\n- `Tab`: Moves focus to the next element in the dialog. Please note since the calendar uses `role=\"grid\"`, only one button in the calendar grid is in the tab sequence. Additionally, if focus is on the last focusable element, focus is next moved back to the first focusable element inside the date picker dialog.\n- `Shift + Tab`: Same as above, but in reverse order.\n\n### Date picker dialog: Month/year buttons\n\n- `Space, Enter`: Changes the month and/or year displayed.\n\n### Date picker dialog: Date grid\n\n- `Space, Enter`: Selects a date, closes the dialog, and moves focus back to the “Choose Date” button. Additionally updates the value of the date picker input with the selected date, and adds selected date to “Choose Date” button label.\n- `Arrow up`: Moves focus to the same day of the previous week.\n- `Arrow down`: Moves focus to the same day of the next week.\n- `Arrow right`: Moves focus to the next day. In right-to-left languages, moves focus to the previous day.\n- `Arrow left`: Moves focus to the previous day.  In right-to-left languages, moves focus to the next day.\n- `Home`: Moves focus to the first day (e.g Monday) of the current week.\n- `End`: Moves focus to the last day (e.g. Sunday) of the current week.\n- `Page Up`: Changes the grid of dates to the previous month and sets focus on the same day of the same week.\n- `Shift + Page Up`: Changes the grid of dates to the previous year and sets focus on the same day of the same week.\n- `Page Down`: Changes the grid of dates to the next month and sets focus on the same day of the same week.\n- `Shift + Page Down`: Changes the grid of dates to the next year and sets focus on the same day of the same week.\n\n#### Date picker dialog: Close button\n\n- `Space, Enter`: Closes the dialog, moves focus to “choose date” button, but does not update the date in input.\n",
+          "examples": [],
+          "dependencies": [
+            "icon",
+            "input",
+            "button",
+            "visually-hidden",
+            "popout",
+            "stack",
+            "calendar"
+          ],
+          "tagName": "nord-date-picker",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "logicalToPhysical",
-          "declaration": {
-            "name": "logicalToPhysical",
-            "module": "src/common/positioning.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "logicalToPhysical",
+          "name": "default",
           "declaration": {
-            "name": "logicalToPhysical",
-            "module": "src/common/positioning.ts"
+            "name": "DatePicker",
+            "module": "src/date-picker/DatePicker.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "logicalToPhysical",
+          "kind": "custom-element-definition",
+          "name": "nord-date-picker",
           "declaration": {
-            "name": "logicalToPhysical",
-            "module": "src/common/positioning.ts"
+            "name": "DatePicker",
+            "module": "src/date-picker/DatePicker.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/common/ref.ts",
+      "path": "src/date-picker/date-adapter.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "mergeRefs",
-          "return": {
-            "type": {
-              "text": "RefCallback"
-            }
+          "kind": "variable",
+          "name": "isoAdapter",
+          "type": {
+            "text": "DateAdapter"
           },
-          "parameters": [
-            {
-              "name": "refs",
-              "type": {
-                "text": "Ref[]"
-              }
-            }
-          ],
-          "description": "Creates a ref callback which will assign the element to every given ref"
+          "default": "{ parse: parseISODate, format: printISODate }"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "mergeRefs",
+          "name": "isoAdapter",
           "declaration": {
-            "name": "mergeRefs",
-            "module": "src/common/ref.ts"
+            "name": "isoAdapter",
+            "module": "src/date-picker/date-adapter.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/common/storage.ts",
+      "path": "src/date-picker/localization.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "storage",
-          "parameters": [
-            {
-              "name": "key",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "defaultValue",
-              "type": {
-                "text": "T"
-              }
-            },
-            {
-              "name": "serialize",
-              "default": "JSON.stringify",
-              "type": {
-                "text": "(value: T) => string"
-              }
-            },
-            {
-              "name": "deserialize",
-              "default": "JSON.parse",
-              "type": {
-                "text": "(value: string) => T"
-              }
-            }
-          ],
-          "description": "Thin wrapper around local storage which simplifies (de)serialization and default values.\nBy default, (de)serializes as JSON."
+          "kind": "variable",
+          "name": "datePickerLocalization",
+          "type": {
+            "text": "object"
+          },
+          "default": "{\n  modalHeading: \"Choose a date\",\n  closeLabel: \"Close window\",\n  buttonLabel: \"Choose date\",\n  selectedDateMessage: \"Selected date is\",\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "storage",
+          "name": "default",
           "declaration": {
-            "name": "storage",
-            "module": "src/common/storage.ts"
+            "name": "datePickerLocalization",
+            "module": "src/date-picker/localization.ts"
           }
         }
       ]