@nordhealth/components 1.0.0-alpha.40 → 1.0.0-alpha.44

package/custom-elements.json

@@ -110,6 +110,22 @@
             "name": "default",
             "module": "\"./textarea/Textarea.js\""
           }
+        },
+        {
+          "kind": "js",
+          "name": "Calendar",
+          "declaration": {
+            "name": "default",
+            "module": "\"./calendar/Calendar.js\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DatePicker",
+          "declaration": {
+            "name": "default",
+            "module": "\"./date-picker/DatePicker.js\""
+          }
         }
       ]
     },
@@ -225,7 +241,7 @@
           "members": [
             {
               "kind": "field",
-              "name": "_proxyButton",
+              "name": "buttonRef",
               "privacy": "private"
             },
             {
@@ -318,11 +334,6 @@
               "name": "syncProxyButton",
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "cleanupProxyButton",
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "disabled",
@@ -354,8 +365,9 @@
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
+              "default": "\"\"",
               "description": "The value of the input component.",
               "attribute": "value",
               "inheritedFrom": {
@@ -525,8 +537,9 @@
             {
               "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
+              "default": "\"\"",
               "description": "The value of the input component.",
               "fieldName": "value",
               "inheritedFrom": {
@@ -580,563 +593,2536 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/card/Card.ts",
+      "path": "src/calendar/Calendar.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Cards are shadowed surfaces that display content and actions on a\nsingle topic. They should be easy to scan for relevant and\nactionable information.",
-          "name": "Card",
-          "slots": [
+          "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 IS0-8601 format.",
+          "name": "Calendar",
+          "members": [
             {
-              "description": "The card content.",
-              "name": ""
+              "kind": "field",
+              "name": "dialogLabelId",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "\"dialog-header\""
             },
             {
-              "description": "Optional slot that holds a header for the card.",
-              "name": "header"
+              "kind": "field",
+              "name": "monthSelectNode",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
             },
             {
-              "description": "Optional slot that holds footer content for the card.",
-              "name": "footer"
-            }
-          ],
-          "members": [
+              "kind": "field",
+              "name": "focusedDayNode",
+              "type": {
+                "text": "HTMLButtonElement"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
-              "name": "slots",
+              "name": "direction",
               "privacy": "private",
-              "default": "new SlotController(this)"
+              "default": "new DirectionController(this)"
             },
             {
               "kind": "field",
-              "name": "padding",
-              "type": {
-                "text": "\"m\" | \"l\" | \"none\""
-              },
-              "default": "\"m\"",
-              "description": "Control the padding of the card component.\nWhen set to \"none\", the header and footer slots will still have padding.",
-              "attribute": "padding",
-              "reflects": true
+              "name": "swipe",
+              "privacy": "private",
+              "default": "new SwipeController(this, {\n    matchesGesture: isHorizontalSwipe,\n    onSwipeEnd: ({ distX }) => this.addMonths(distX < 0 ? 1 : -1),\n  })"
             },
             {
               "kind": "field",
-              "name": "_warningLogged",
+              "name": "shortcuts",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "dateFormatShort",
               "type": {
-                "text": "boolean"
+                "text": "Intl.DateTimeFormat"
               },
               "privacy": "private",
-              "static": true,
-              "default": "false",
-              "inheritedFrom": {
-                "name": "DraftComponentMixin",
-                "module": "src/common/mixins/DraftComponentMixin.ts"
-              }
-            }
-          ],
-          "attributes": [
+              "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": "padding",
+              "kind": "field",
+              "name": "localization",
               "type": {
-                "text": "\"m\" | \"l\" | \"none\""
+                "text": "CalendarLocalizedText"
               },
-              "default": "\"m\"",
-              "description": "Control the padding of the card component.\nWhen set to \"none\", the header and footer slots will still have padding.",
-              "fieldName": "padding"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "DraftComponentMixin",
-              "module": "/src/common/mixins/DraftComponentMixin.js"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "status": "draft",
-          "category": "structure",
-          "tagName": "nord-card",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "Card",
-            "module": "src/card/Card.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "nord-card",
-          "declaration": {
-            "name": "Card",
-            "module": "src/card/Card.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/collection.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "groupBy",
-          "parameters": [
+              "default": "localization"
+            },
             {
-              "name": "array",
+              "kind": "field",
+              "name": "value",
               "type": {
-                "text": "Array<TObject>"
+                "text": "string"
               },
-              "description": "the collection of objects to group"
+              "default": "\"\"",
+              "description": "The selected date on the calendar. Must be in IS0-8601 format: YYYY-MM-DD.",
+              "attribute": "value"
             },
             {
-              "name": "key",
+              "kind": "field",
+              "name": "firstDayOfWeek",
               "type": {
-                "text": "TKey"
+                "text": "DaysOfWeek"
               },
-              "description": "the property to group by"
-            }
-          ],
-          "description": "Groups an array objects by property value",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "groupBy",
-          "declaration": {
-            "name": "groupBy",
-            "module": "src/common/collection.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"
-          },
-          "status": null,
-          "category": null
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "NordEvent",
-          "declaration": {
-            "name": "NordEvent",
-            "module": "src/common/events.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/focus.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "getFocusedElement",
-          "return": {
-            "type": {
-              "text": "Element | undefined"
-            }
-          },
-          "parameters": [
+              "description": "Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc.\nDefault is Monday.",
+              "attribute": "firstDayOfWeek"
+            },
             {
-              "name": "root",
+              "kind": "field",
+              "name": "min",
               "type": {
-                "text": "Document | ShadowRoot"
-              }
-            }
-          ],
-          "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/number.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "wrap",
-          "parameters": [
+                "text": "string"
+              },
+              "default": "\"\"",
+              "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"
+            },
             {
-              "name": "val",
+              "kind": "field",
+              "name": "max",
               "type": {
-                "text": "number"
-              }
+                "text": "string"
+              },
+              "default": "\"\"",
+              "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"
             },
             {
-              "name": "min",
+              "kind": "field",
+              "name": "isDateDisabled",
               "type": {
-                "text": "number"
-              }
+                "text": "DateDisabledPredicate"
+              },
+              "description": "Controls which days are disabled and therefore disallowed.\nFor example, this can be used to disallow selection of weekends."
             },
             {
-              "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"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "wrap",
-          "declaration": {
-            "name": "wrap",
-            "module": "src/common/number.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/ref.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "mergeRefs",
-          "return": {
-            "type": {
-              "text": "RefCallback"
-            }
-          },
-          "parameters": [
-            {
-              "name": "refs",
-              "type": {
-                "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/command-menu/CommandMenu.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Command Menu allows users to navigate and use an app without touching the mouse and helps them transform into “power users” who can harness more advanced features far faster.",
-          "name": "CommandMenu",
-          "slots": [
-            {
-              "description": "Used to replace the default footer contents.",
-              "name": "footer"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "inputRef",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "listRef",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "previousFocus",
-              "type": {
-                "text": "HTMLElement | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "dismissController",
-              "privacy": "private",
-              "default": "new LightDismissController(this, {\n    isOpen: () => this.open,\n    onDismiss: () => this.close(),\n  })"
-            },
-            {
-              "kind": "field",
-              "name": "keyboardController",
-              "privacy": "private",
-              "default": "new KeyboardController(this, {\n    trigger: () => this.select(),\n    goBack: () => this.goBack(),\n    end: () => this.end(),\n    start: () => this.start(),\n    next: () => this.next(),\n    previous: () => this.previous(),\n    toggleOpen: () => this.toggleOpen(),\n  })"
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Show or hide the command menu.",
-              "attribute": "open"
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"Type a command or search...\"",
-              "description": "Hint text to display in the search field.",
-              "attribute": "placeholder"
-            },
-            {
-              "kind": "field",
-              "name": "commands",
-              "type": {
-                "text": "Array<ICommandMenuAction>"
-              },
-              "default": "[]",
-              "description": "Array of commands to be included in the menu."
-            },
-            {
-              "kind": "field",
-              "name": "parent",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "search",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "\"\""
-            },
-            {
-              "kind": "field",
-              "name": "bump",
+              "kind": "field",
+              "name": "activeFocus",
               "type": {
                 "text": "boolean"
               },
               "privacy": "private",
-              "default": "true"
-            },
-            {
-              "kind": "field",
-              "name": "selectedIndex",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "filteredCommands",
-              "type": {
-                "text": "Array<ICommandMenuAction>"
-              },
+              "name": "focusedDay",
               "privacy": "private",
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "ICommandMenuAction"
-              },
-              "privacy": "private"
+              "default": "new Date()"
             },
             {
               "kind": "method",
-              "name": "show",
+              "name": "focus",
               "parameters": [
                 {
                   "name": "options",
-                  "default": "{}",
+                  "optional": true,
                   "type": {
-                    "text": "{ parent?: string }"
-                  },
-                  "description": "allows you to open the menu filtered to a specific parent command."
+                    "text": "FocusOptions & { target: \"day\" | \"month\" }"
+                  }
                 }
-              ],
-              "description": "Show the command menu programmatically."
-            },
-            {
-              "kind": "method",
-              "name": "close",
-              "description": "Close the command menu programmatically."
-            },
-            {
-              "kind": "method",
-              "name": "toggleOpen",
-              "description": "Toggle the open state programmatically."
+              ]
             },
             {
               "kind": "method",
-              "name": "focus",
-              "description": "Focus the command menu's input."
+              "name": "createDateFormatter",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "renderNoResults",
+              "kind": "field",
+              "name": "handleDaySelect",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "renderSection",
+              "name": "addDays",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "section",
-                  "type": {
-                    "text": "string | undefined"
-                  }
-                },
-                {
-                  "name": "commands",
+                  "name": "days",
                   "type": {
-                    "text": "ICommandMenuAction[]"
+                    "text": "number"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleAnimationEnd",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleInput",
+              "name": "addMonths",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "months",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "number"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "select",
+              "name": "addYears",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "command",
-                  "default": "this.selected",
+                  "name": "years",
                   "type": {
-                    "text": "ICommandMenuAction"
+                    "text": "number"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "start",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "end",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "next",
+              "name": "startOfWeek",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "previous",
+              "name": "endOfWeek",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "goBack",
-              "privacy": "private"
+              "name": "setMonth",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "month",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "setParent",
+              "name": "setYear",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "parent",
-                  "optional": true,
+                  "name": "year",
                   "type": {
-                    "text": "string"
+                    "text": "number"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "setSearch",
+              "name": "setFocusedDay",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "str",
+                  "name": "day",
                   "type": {
-                    "text": "string"
+                    "text": "Date"
                   }
                 }
               ]
             },
             {
-              "kind": "method",
-              "name": "filterCommands",
+              "kind": "field",
+              "name": "handleMonthSelect",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_warningLogged",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "handleYearSelect",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleNextMonthClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handlePreviousMonthClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "enableActiveFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "disableActiveFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_warningLogged",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "false",
+              "inheritedFrom": {
+                "name": "DraftComponentMixin",
+                "module": "src/common/mixins/DraftComponentMixin.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The selected date on the calendar. Must be in IS0-8601 format: YYYY-MM-DD.",
+              "fieldName": "value"
+            },
+            {
+              "name": "firstDayOfWeek",
+              "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": "min",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "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"
+              },
+              "default": "\"\"",
+              "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"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "DraftComponentMixin",
+              "module": "/src/common/mixins/DraftComponentMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "status": "draft",
+          "category": "form",
+          "tagName": "nord-calendar",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Calendar",
+            "module": "src/calendar/Calendar.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "nord-calendar",
+          "declaration": {
+            "name": "Calendar",
+            "module": "src/calendar/Calendar.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/calendar/DateSelectEvent.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DateSelectEvent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "eventName",
+              "type": {
+                "text": "string"
+              },
+              "static": true,
+              "default": "\"nord-select\""
+            },
+            {
+              "kind": "field",
+              "name": "date",
+              "type": {
+                "text": "Date"
+              },
+              "default": "date"
+            }
+          ],
+          "superclass": {
+            "name": "NordEvent",
+            "module": "/src/common/events.js"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DateSelectEvent",
+          "declaration": {
+            "name": "DateSelectEvent",
+            "module": "src/calendar/DateSelectEvent.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/calendar/calendar-localization.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "localization",
+          "type": {
+            "text": "CalendarLocalizedText"
+          },
+          "default": "{\n  prevMonthLabel: \"Previous month\",\n  nextMonthLabel: \"Next month\",\n  monthSelectLabel: \"Month\",\n  yearSelectLabel: \"Year\",\n  calendarHeading: \"Choose a date\",\n  dayNames: [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\", \"Saturday\"],\n  monthNames: [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n  ],\n  monthNamesShort: [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"],\n  locale: \"en-GB\",\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "localization",
+            "module": "src/calendar/calendar-localization.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/calendar/month-view.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "dayView",
+          "parameters": [
+            {
+              "name": "{\n  focusedDay,\n  today,\n  day,\n  onDaySelect,\n  onKeyboardNavigation,\n  disabled,\n  inRange,\n  isSelected,\n  dateFormatter,\n}",
+              "type": {
+                "text": "DatePickerDayProps"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "monthView",
+          "parameters": [
+            {
+              "name": "{\n  onFocusIn,\n  onFocusOut,\n  selectedDate,\n  focusedDate,\n  labelledById,\n  localization,\n  firstDayOfWeek,\n  min,\n  max,\n  dateFormatter,\n  isDateDisabled,\n  onDateSelect,\n  onKeyboardNavigation,\n}",
+              "type": {
+                "text": "MonthViewArgs"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "dayView",
+          "declaration": {
+            "name": "dayView",
+            "module": "src/calendar/month-view.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "monthView",
+          "declaration": {
+            "name": "monthView",
+            "module": "src/calendar/month-view.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/command-menu/CommandMenu.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Command Menu allows users to navigate and use an app without touching the mouse and helps them transform into “power users” who can harness more advanced features far faster.",
+          "name": "CommandMenu",
+          "slots": [
+            {
+              "description": "Used to replace the default footer contents.",
+              "name": "footer"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "inputRef",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "listRef",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "previousFocus",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "dismissController",
+              "privacy": "private",
+              "default": "new LightDismissController(this, {\n    isOpen: () => this.open,\n    onDismiss: () => this.close(),\n  })"
+            },
+            {
+              "kind": "field",
+              "name": "keyboardController",
+              "privacy": "private",
+              "default": "new KeyboardController(this, {\n    trigger: () => this.select(),\n    goBack: () => this.goBack(),\n    end: () => this.end(),\n    start: () => this.start(),\n    next: () => this.next(),\n    previous: () => this.previous(),\n    toggleOpen: () => this.toggleOpen(),\n  })"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show or hide the command menu.",
+              "attribute": "open"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Type a command or search...\"",
+              "description": "Hint text to display in the search field.",
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "commands",
+              "type": {
+                "text": "Array<ICommandMenuAction>"
+              },
+              "default": "[]",
+              "description": "Array of commands to be included in the menu."
+            },
+            {
+              "kind": "field",
+              "name": "parent",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "search",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "\"\""
+            },
+            {
+              "kind": "field",
+              "name": "bump",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "selectedIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "filteredCommands",
+              "type": {
+                "text": "Array<ICommandMenuAction>"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "ICommandMenuAction"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "parameters": [
+                {
+                  "name": "options",
+                  "default": "{}",
+                  "type": {
+                    "text": "{ parent?: string }"
+                  },
+                  "description": "allows you to open the menu filtered to a specific parent command."
+                }
+              ],
+              "description": "Show the command menu programmatically."
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "description": "Close the command menu programmatically."
+            },
+            {
+              "kind": "method",
+              "name": "toggleOpen",
+              "description": "Toggle the open state programmatically."
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "description": "Focus the command menu's input."
+            },
+            {
+              "kind": "method",
+              "name": "renderNoResults",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderSection",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "section",
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                },
+                {
+                  "name": "commands",
+                  "type": {
+                    "text": "ICommandMenuAction[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleAnimationEnd",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "select",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "command",
+                  "default": "this.selected",
+                  "type": {
+                    "text": "ICommandMenuAction"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "start",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "end",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "next",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "previous",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "goBack",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setParent",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "parent",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "setSearch",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "str",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "filterCommands",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_warningLogged",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "false",
+              "inheritedFrom": {
+                "name": "DraftComponentMixin",
+                "module": "src/common/mixins/DraftComponentMixin.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "open",
+              "type": {
+                "text": "NordEvent"
+              },
+              "description": "The command menu was opened foo."
+            },
+            {
+              "name": "close",
+              "type": {
+                "text": "NordEvent"
+              },
+              "description": "The command menu was closed bar."
+            },
+            {
+              "type": {
+                "text": "SelectEvent"
+              },
+              "description": "User selected a command from the menu.",
+              "name": "n-select"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show or hide the command menu.",
+              "fieldName": "open"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Type a command or search...\"",
+              "description": "Hint text to display in the search field.",
+              "fieldName": "placeholder"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "DraftComponentMixin",
+              "module": "/src/common/mixins/DraftComponentMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "status": "draft",
+          "category": "action",
+          "tagName": "nord-command-menu",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "CommandMenu",
+            "module": "src/command-menu/CommandMenu.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "nord-command-menu",
+          "declaration": {
+            "name": "CommandMenu",
+            "module": "src/command-menu/CommandMenu.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/command-menu/CommandMenuAction.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Command Menu Action displays a single action that can be executed by the user. For usage examples, please see Command Menu component.",
+          "name": "CommandMenuAction",
+          "members": [
+            {
+              "kind": "field",
+              "name": "command",
+              "type": {
+                "text": "ICommandMenuAction"
+              },
+              "attribute": "command"
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "selected"
+            },
+            {
+              "kind": "method",
+              "name": "ensureInView",
+              "privacy": "private",
+              "description": "Scroll to show element"
+            },
+            {
+              "kind": "method",
+              "name": "renderShortcut",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "command",
+              "type": {
+                "text": "ICommandMenuAction"
+              },
+              "fieldName": "command"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "selected"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "status": "internal",
+          "category": null,
+          "tagName": "nord-command-menu-action",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "CommandMenuAction",
+            "module": "src/command-menu/CommandMenuAction.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "nord-command-menu-action",
+          "declaration": {
+            "name": "CommandMenuAction",
+            "module": "src/command-menu/CommandMenuAction.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/command-menu/ICommandMenuAction.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/command-menu/KeyboardController.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "KeyboardController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "host",
+              "type": {
+                "text": "CommandMenu"
+              },
+              "privacy": "private",
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "globalShortcuts",
+              "type": {
+                "text": "ShortcutController"
+              },
+              "privacy": "private",
+              "default": "new ShortcutController(host, { \"$mod+k\": preventDefault(actions.toggleOpen) })"
+            },
+            {
+              "kind": "field",
+              "name": "navigationShortcuts",
+              "type": {
+                "text": "ShortcutController"
+              },
+              "privacy": "private",
+              "default": "new ShortcutController(\n      host,\n      {\n        Enter: preventDefault(actions.trigger),\n        Backspace: actions.goBack, // we don't want to prevent default, since that would stop backspace deleting chars\n        End: preventDefault(actions.end),\n        Home: preventDefault(actions.start),\n        ArrowDown: preventDefault(actions.next),\n        ArrowUp: preventDefault(actions.previous),\n      },\n      host\n    )"
+            },
+            {
+              "kind": "field",
+              "name": "commandShortcuts",
+              "type": {
+                "text": "ShortcutController"
+              },
+              "privacy": "private",
+              "default": "new ShortcutController(host)"
+            },
+            {
+              "kind": "method",
+              "name": "registerCommandShortcuts"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "KeyboardController",
+          "declaration": {
+            "name": "KeyboardController",
+            "module": "src/command-menu/KeyboardController.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/command-menu/events.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SelectEvent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "command",
+              "type": {
+                "text": "ICommandMenuAction"
+              },
+              "default": "command"
+            }
+          ],
+          "superclass": {
+            "name": "NordEvent",
+            "module": "/src/common/events.js"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SelectEvent",
+          "declaration": {
+            "name": "SelectEvent",
+            "module": "src/command-menu/events.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/Card.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Cards are shadowed surfaces that display content and actions on a\nsingle topic. They should be easy to scan for relevant and\nactionable information.",
+          "name": "Card",
+          "slots": [
+            {
+              "description": "The card content.",
+              "name": ""
+            },
+            {
+              "description": "Optional slot that holds a header for the card.",
+              "name": "header"
+            },
+            {
+              "description": "Optional slot that holds footer content for the card.",
+              "name": "footer"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "slots",
+              "privacy": "private",
+              "default": "new SlotController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "padding",
+              "type": {
+                "text": "\"m\" | \"l\" | \"none\""
+              },
+              "default": "\"m\"",
+              "description": "Control the padding of the card component.\nWhen set to \"none\", the header and footer slots will still have padding.",
+              "attribute": "padding",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_warningLogged",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "false",
+              "inheritedFrom": {
+                "name": "DraftComponentMixin",
+                "module": "src/common/mixins/DraftComponentMixin.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "padding",
+              "type": {
+                "text": "\"m\" | \"l\" | \"none\""
+              },
+              "default": "\"m\"",
+              "description": "Control the padding of the card component.\nWhen set to \"none\", the header and footer slots will still have padding.",
+              "fieldName": "padding"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "DraftComponentMixin",
+              "module": "/src/common/mixins/DraftComponentMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "status": "draft",
+          "category": "structure",
+          "tagName": "nord-card",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Card",
+            "module": "src/card/Card.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "nord-card",
+          "declaration": {
+            "name": "Card",
+            "module": "src/card/Card.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/collection.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",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "array",
+              "type": {
+                "text": "T[]"
+              }
+            },
+            {
+              "name": "chunkSize",
+              "type": {
+                "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[]"
+              }
+            },
+            {
+              "name": "startingOffset",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "mapFn",
+              "type": {
+                "text": "(item: T) => 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"
+              }
+            },
+            {
+              "name": "month",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "day",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "parseISODate",
+          "return": {
+            "type": {
+              "text": "Date | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "date string in ISO format YYYY-MM-DD"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "printISODate",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "date",
+              "type": {
+                "text": "Date"
+              }
+            }
+          ],
+          "description": "print date in format YYYY-MM-DD"
+        },
+        {
+          "kind": "function",
+          "name": "isEqualMonth",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "a",
+              "optional": true,
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "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": [
+            {
+              "name": "a",
+              "optional": true,
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "name": "b",
+              "optional": true,
+              "type": {
+                "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": [
+            {
+              "name": "date",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "name": "days",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "addMonths",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
+            {
+              "name": "date",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "name": "months",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "addYears",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
+            {
+              "name": "date",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "name": "years",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "startOfWeek",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
+            {
+              "name": "date",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "name": "firstDayOfWeek",
+              "default": "DaysOfWeek.Monday",
+              "type": {
+                "text": "DaysOfWeek"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "endOfWeek",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
+            {
+              "name": "date",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "name": "firstDayOfWeek",
+              "default": "DaysOfWeek.Monday",
+              "type": {
+                "text": "DaysOfWeek"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "startOfMonth",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
+            {
+              "name": "date",
+              "type": {
+                "text": "Date"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "endOfMonth",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
+            {
+              "name": "date",
+              "type": {
+                "text": "Date"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "setMonth",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
+            {
+              "name": "date",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "name": "month",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "setYear",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
+            {
+              "name": "date",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "name": "year",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "clamp",
+          "return": {
+            "type": {
+              "text": "Date"
+            }
+          },
+          "parameters": [
+            {
+              "name": "date",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "name": "min",
+              "optional": true,
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "name": "max",
+              "optional": true,
+              "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": [
+            {
+              "name": "date",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "name": "min",
+              "optional": true,
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "name": "max",
+              "optional": true,
+              "type": {
+                "text": "Date"
+              }
+            }
+          ],
+          "description": "Check if date is within a min and max"
+        },
+        {
+          "kind": "function",
+          "name": "getViewOfMonth",
+          "return": {
+            "type": {
+              "text": "Date[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "date",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "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": "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"
+          },
+          "status": null,
+          "category": null
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "NordEvent",
+          "declaration": {
+            "name": "NordEvent",
+            "module": "src/common/events.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/focus.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getFocusedElement",
+          "return": {
+            "type": {
+              "text": "Element | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "root",
+              "type": {
+                "text": "Document | ShadowRoot"
+              }
+            }
+          ],
+          "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/input.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "cleanValue",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "inputEl",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "name": "regex",
+              "type": {
+                "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": "wrap",
+          "parameters": [
+            {
+              "name": "val",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "min",
+              "type": {
+                "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": "range",
+          "parameters": [
+            {
+              "name": "from",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "to",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        }
+      ],
+      "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": "javascript-module",
+      "path": "src/common/ref.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "mergeRefs",
+          "return": {
+            "type": {
+              "text": "RefCallback"
+            }
+          },
+          "parameters": [
+            {
+              "name": "refs",
+              "type": {
+                "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/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 IS0-8601 format: YYYY-MM-DD.",
+          "name": "DatePicker",
+          "members": [
+            {
+              "kind": "field",
+              "name": "toggleButton",
+              "type": {
+                "text": "Button"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "closeButton",
+              "type": {
+                "text": "HTMLButtonElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "calendar",
+              "type": {
+                "text": "Calendar"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "dialog",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "dismiss",
+              "privacy": "private",
+              "default": "new LightDismissController(this, {\n    isOpen: () => this.open,\n    onDismiss: e => this.hide(e.type !== \"click\"),\n    isDismissible: node => node !== this.calendar && node !== this.toggleButton,\n  })"
+            },
+            {
+              "kind": "field",
+              "name": "swipe",
+              "privacy": "private",
+              "default": "new SwipeController(this, {\n    target: () => this.dialog,\n    matchesGesture: isDownwardsSwipe,\n    onSwipeEnd: () => this.hide(false),\n  })"
+            },
+            {
+              "kind": "field",
+              "name": "dateFormatLong",
+              "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": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "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",
+              "type": {
+                "text": "number"
+              },
+              "description": "Get/set the value of the picker as the number of milliseconds elapsed since the UNIX epoch."
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "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"
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "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"
+            },
+            {
+              "kind": "field",
+              "name": "direction",
+              "type": {
+                "text": "\"left\" | \"right\""
+              },
+              "default": "\"right\"",
+              "description": "Forces the opening direction of the calendar modal to be always left or right.\nThis setting can be useful when the input is smaller than the opening date picker\nwould be as by default the picker always opens towards right.",
+              "attribute": "direction"
+            },
+            {
+              "kind": "field",
+              "name": "firstDayOfWeek",
+              "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"
+            },
+            {
+              "kind": "field",
+              "name": "localization",
+              "type": {
+                "text": "DatePickerLocalizedText"
+              },
+              "default": "localization",
+              "description": "Button labels, day names, month names, etc, used for localization.\nDefault is English."
+            },
+            {
+              "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": "DateDisabledPredicate"
+              },
+              "description": "Controls which days are disabled and therefore disallowed.\nFor example, this can be used to disallow selection of weekends."
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Show the calendar modal, moving focus to the calendar inside."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "parameters": [
+                {
+                  "name": "moveFocusToButton",
+                  "default": "true"
+                }
+              ],
+              "description": "Hide the calendar modal. Set `moveFocusToButton` to false to prevent focus\nreturning to the date picker's button. Default is 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": "field",
+              "name": "toggleOpen",
+              "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": "field",
+              "name": "slots",
+              "privacy": "protected",
+              "default": "new SlotController(this)",
+              "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": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Label for the input.",
+              "attribute": "label",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hint",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional hint text to be displayed with the input. Alternatively use the hint slot.",
+              "attribute": "hint",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "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",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Placeholder text to display within the input.",
+              "attribute": "placeholder",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional error to be shown with the input. Alternatively use the error slot.",
+              "attribute": "error",
+              "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",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expand",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the input expands to fill the width of its container.",
+              "attribute": "expand",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleFormData",
+              "privacy": "private",
+              "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",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderLabel",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderHint",
+              "privacy": "private",
+              "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",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasError",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the input component disabled.\nThis prevents users from being able to interact with the component, and conveys its inactive state to assistive technologies.",
+              "attribute": "disabled",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The name of the input component.",
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "privacy": "protected",
+              "description": "Gets the form, if any, associated with the input element.",
+              "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"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_warningLogged",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
               "static": true,
               "default": "false",
@@ -1152,140 +3138,226 @@
               "type": {
                 "text": "NordEvent"
               },
-              "description": "The command menu was opened foo."
+              "description": "Dispatched when the calendar is toggled open."
             },
             {
               "name": "close",
               "type": {
                 "text": "NordEvent"
               },
-              "description": "The command menu was closed bar."
+              "description": "Dispatched when the calendar is closed."
+            },
+            {
+              "name": "change",
+              "type": {
+                "text": "NordEvent"
+              },
+              "description": "Fired whenever the input's value is changed via user interaction.",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "name": "input",
+              "type": {
+                "text": "NordEvent"
+              },
+              "description": "Fired as the user types into the input.",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            }
+          ],
+          "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": "min",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "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"
+              },
+              "default": "\"\"",
+              "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": "direction",
+              "type": {
+                "text": "\"left\" | \"right\""
+              },
+              "default": "\"right\"",
+              "description": "Forces the opening direction of the calendar modal to be always left or right.\nThis setting can be useful when the input is smaller than the opening date picker\nwould be as by default the picker always opens towards right.",
+              "fieldName": "direction"
+            },
+            {
+              "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": "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": "expand",
               "type": {
-                "text": "SelectEvent"
+                "text": "boolean"
               },
-              "description": "User selected a command from the menu.",
-              "name": "n-select"
-            }
-          ],
-          "attributes": [
+              "default": "false",
+              "description": "Controls whether the input expands to fill the width of its container.",
+              "fieldName": "expand",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
             {
-              "name": "open",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show or hide the command menu.",
-              "fieldName": "open"
+              "description": "Makes the input component disabled.\nThis prevents users from being able to interact with the component, and conveys its inactive state to assistive technologies.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
+              }
             },
             {
-              "name": "placeholder",
+              "name": "name",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "\"Type a command or search...\"",
-              "description": "Hint text to display in the search field.",
-              "fieldName": "placeholder"
+              "description": "The name of the input component.",
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
+              }
             }
           ],
           "mixins": [
             {
-              "name": "DraftComponentMixin",
-              "module": "/src/common/mixins/DraftComponentMixin.js"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "status": "draft",
-          "category": "action",
-          "tagName": "nord-command-menu",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "CommandMenu",
-            "module": "src/command-menu/CommandMenu.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "nord-command-menu",
-          "declaration": {
-            "name": "CommandMenu",
-            "module": "src/command-menu/CommandMenu.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/command-menu/CommandMenuAction.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Command Menu Action displays a single action that can be executed by the user. For usage examples, please see Command Menu component.",
-          "name": "CommandMenuAction",
-          "members": [
-            {
-              "kind": "field",
-              "name": "command",
-              "type": {
-                "text": "ICommandMenuAction"
-              },
-              "attribute": "command"
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "selected"
+              "name": "FormAssociatedMixin",
+              "module": "/src/common/mixins/FormAssociatedMixin.js"
             },
             {
-              "kind": "method",
-              "name": "ensureInView",
-              "privacy": "private",
-              "description": "Scroll to show element"
+              "name": "InputMixin",
+              "module": "/src/common/mixins/InputMixin.js"
             },
             {
-              "kind": "method",
-              "name": "renderShortcut",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "command",
-              "type": {
-                "text": "ICommandMenuAction"
-              },
-              "fieldName": "command"
+              "name": "FocusableMixin",
+              "module": "/src/common/mixins/FocusableMixin.js"
             },
             {
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "selected"
+              "name": "DraftComponentMixin",
+              "module": "/src/common/mixins/DraftComponentMixin.js"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "status": "internal",
-          "category": null,
-          "tagName": "nord-command-menu-action",
+          "status": "draft",
+          "category": "form",
+          "tagName": "nord-date-picker",
           "customElement": true
         }
       ],
@@ -1294,120 +3366,64 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "CommandMenuAction",
-            "module": "src/command-menu/CommandMenuAction.ts"
+            "name": "DatePicker",
+            "module": "src/date-picker/DatePicker.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "nord-command-menu-action",
+          "name": "nord-date-picker",
           "declaration": {
-            "name": "CommandMenuAction",
-            "module": "src/command-menu/CommandMenuAction.ts"
+            "name": "DatePicker",
+            "module": "src/date-picker/DatePicker.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/command-menu/ICommandMenuAction.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/command-menu/KeyboardController.ts",
+      "path": "src/date-picker/date-adapter.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "KeyboardController",
-          "members": [
-            {
-              "kind": "field",
-              "name": "host",
-              "type": {
-                "text": "CommandMenu"
-              },
-              "privacy": "private",
-              "default": "host"
-            },
-            {
-              "kind": "field",
-              "name": "globalShortcuts",
-              "type": {
-                "text": "ShortcutController"
-              },
-              "privacy": "private",
-              "default": "new ShortcutController(host, { \"$mod+k\": preventDefault(actions.toggleOpen) })"
-            },
-            {
-              "kind": "field",
-              "name": "navigationShortcuts",
-              "type": {
-                "text": "ShortcutController"
-              },
-              "privacy": "private",
-              "default": "new ShortcutController(\n      host,\n      {\n        Enter: preventDefault(actions.trigger),\n        Backspace: actions.goBack, // we don't want to prevent default, since that would stop backspace deleting chars\n        End: preventDefault(actions.end),\n        Home: preventDefault(actions.start),\n        ArrowDown: preventDefault(actions.next),\n        ArrowUp: preventDefault(actions.previous),\n      },\n      host\n    )"
-            },
-            {
-              "kind": "field",
-              "name": "commandShortcuts",
-              "type": {
-                "text": "ShortcutController"
-              },
-              "privacy": "private",
-              "default": "new ShortcutController(host)"
-            },
-            {
-              "kind": "method",
-              "name": "registerCommandShortcuts"
-            }
-          ]
+          "kind": "variable",
+          "name": "isoAdapter",
+          "type": {
+            "text": "DateAdapter"
+          },
+          "default": "{ parse: parseISODate, format: printISODate }"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "KeyboardController",
+          "name": "isoAdapter",
           "declaration": {
-            "name": "KeyboardController",
-            "module": "src/command-menu/KeyboardController.ts"
+            "name": "isoAdapter",
+            "module": "src/date-picker/date-adapter.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/command-menu/events.ts",
+      "path": "src/date-picker/date-localization.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "SelectEvent",
-          "members": [
-            {
-              "kind": "field",
-              "name": "command",
-              "type": {
-                "text": "ICommandMenuAction"
-              },
-              "default": "command"
-            }
-          ],
-          "superclass": {
-            "name": "NordEvent",
-            "module": "/src/common/events.js"
-          }
+          "kind": "variable",
+          "name": "localization",
+          "type": {
+            "text": "DatePickerLocalizedText"
+          },
+          "default": "{\n  ...calendarLocalization,\n  closeLabel: \"Close window\",\n  buttonLabel: \"Choose date\",\n  selectedDateMessage: \"Selected date is\",\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SelectEvent",
+          "name": "default",
           "declaration": {
-            "name": "SelectEvent",
-            "module": "src/command-menu/events.ts"
+            "name": "localization",
+            "module": "src/date-picker/date-localization.ts"
           }
         }
       ]
@@ -1703,6 +3719,19 @@
               "description": "The type of the input.",
               "attribute": "type"
             },
+            {
+              "kind": "method",
+              "name": "handleKeydown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "slots",
@@ -1833,7 +3862,7 @@
             },
             {
               "kind": "method",
-              "name": "handleChange",
+              "name": "handleInput",
               "privacy": "protected",
               "parameters": [
                 {
@@ -1848,6 +3877,15 @@
                 "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLabel",
@@ -1942,8 +3980,9 @@
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
+              "default": "\"\"",
               "description": "The value of the input component.",
               "attribute": "value",
               "inheritedFrom": {
@@ -2148,8 +4187,9 @@
             {
               "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
+              "default": "\"\"",
               "description": "The value of the input component.",
               "fieldName": "value",
               "inheritedFrom": {
@@ -2185,6 +4225,17 @@
           "tagName": "nord-input",
           "customElement": true,
           "events": [
+            {
+              "name": "input",
+              "type": {
+                "text": "NordEvent"
+              },
+              "description": "Fired as the user types into the input.",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
             {
               "name": "change",
               "type": {
@@ -2411,7 +4462,7 @@
             },
             {
               "kind": "method",
-              "name": "handleChange",
+              "name": "handleInput",
               "privacy": "protected",
               "parameters": [
                 {
@@ -2426,6 +4477,15 @@
                 "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLabel",
@@ -2520,8 +4580,9 @@
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
+              "default": "\"\"",
               "description": "The value of the input component.",
               "attribute": "value",
               "inheritedFrom": {
@@ -2743,8 +4804,9 @@
             {
               "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
+              "default": "\"\"",
               "description": "The value of the input component.",
               "fieldName": "value",
               "inheritedFrom": {
@@ -2754,6 +4816,17 @@
             }
           ],
           "events": [
+            {
+              "name": "input",
+              "type": {
+                "text": "NordEvent"
+              },
+              "description": "Fired as the user types into the input.",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
             {
               "name": "change",
               "type": {
@@ -2811,20 +4884,243 @@
               "kind": "field",
               "name": "color",
               "type": {
-                "text": "string | undefined"
+                "text": "string | undefined"
+              },
+              "description": "The color of the spinner.\nCan accept any valid CSS color value, including custom properties.",
+              "attribute": "color",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "An accessible label for the spinner.\nIf no label is supplied, the spinner is hidden from assistive technology.",
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_warningLogged",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "false",
+              "inheritedFrom": {
+                "name": "DraftComponentMixin",
+                "module": "src/common/mixins/DraftComponentMixin.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\""
+              },
+              "default": "\"m\"",
+              "description": "The size of the spinner.",
+              "fieldName": "size"
+            },
+            {
+              "name": "color",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The color of the spinner.\nCan accept any valid CSS color value, including custom properties.",
+              "fieldName": "color"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "An accessible label for the spinner.\nIf no label is supplied, the spinner is hidden from assistive technology.",
+              "fieldName": "label"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "DraftComponentMixin",
+              "module": "/src/common/mixins/DraftComponentMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "status": "draft",
+          "category": "feedback",
+          "tagName": "nord-spinner",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Spinner",
+            "module": "src/spinner/Spinner.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "nord-spinner",
+          "declaration": {
+            "name": "Spinner",
+            "module": "src/spinner/Spinner.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/table/Table.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Table is used to organize and display information from a data set.\nProvides table styles in addition to features like sticky\nheaders and support for narrow viewports.",
+          "name": "Table",
+          "slots": [
+            {
+              "description": "The table.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "density",
+              "type": {
+                "text": "\"condensed\" | \"default\" | \"relaxed\""
+              },
+              "default": "\"default\"",
+              "description": "Controls the density of the table's rows and headers.\nRelaxed increases space, condensed reduces space.",
+              "attribute": "density",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "renderStyles",
+              "privacy": "private",
+              "description": "renders table styles into nearest root.\nthis is necessary since we do not use shadow dom."
+            },
+            {
+              "kind": "method",
+              "name": "createRenderRoot",
+              "privacy": "protected",
+              "description": "opt out of shadow dom"
+            },
+            {
+              "kind": "field",
+              "name": "_warningLogged",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "false",
+              "inheritedFrom": {
+                "name": "DraftComponentMixin",
+                "module": "src/common/mixins/DraftComponentMixin.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "density",
+              "type": {
+                "text": "\"condensed\" | \"default\" | \"relaxed\""
+              },
+              "default": "\"default\"",
+              "description": "Controls the density of the table's rows and headers.\nRelaxed increases space, condensed reduces space.",
+              "fieldName": "density"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "DraftComponentMixin",
+              "module": "/src/common/mixins/DraftComponentMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "status": "draft",
+          "category": "list",
+          "tagName": "nord-table",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Table",
+            "module": "src/table/Table.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "nord-table",
+          "declaration": {
+            "name": "Table",
+            "module": "src/table/Table.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/stack/Stack.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Stack component manages layout of immediate children along the\nvertical or horizontal axis with optional spacing between each child.",
+          "name": "Stack",
+          "slots": [
+            {
+              "description": "The stack content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "gap",
+              "type": {
+                "text": "\"none\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\""
+              },
+              "default": "\"m\"",
+              "description": "The space injected between components.",
+              "attribute": "gap",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "direction",
+              "type": {
+                "text": "\"vertical\" | \"horizontal\""
               },
-              "description": "The color of the spinner.\nCan accept any valid CSS color value, including custom properties.",
-              "attribute": "color",
+              "default": "\"vertical\"",
+              "description": "The direction of the stack.",
+              "attribute": "direction",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "alignItems",
               "type": {
-                "text": "string | undefined"
+                "text": "\"center\" | \"start\" | \"end\" | undefined"
               },
-              "description": "An accessible label for the spinner.\nIf no label is supplied, the spinner is hidden from assistive technology.",
-              "attribute": "label",
+              "description": "How to align the child items inside the stack.",
+              "attribute": "align-items",
               "reflects": true
             },
             {
@@ -2844,29 +5140,30 @@
           ],
           "attributes": [
             {
-              "name": "size",
+              "name": "gap",
               "type": {
-                "text": "\"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\""
+                "text": "\"none\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\""
               },
               "default": "\"m\"",
-              "description": "The size of the spinner.",
-              "fieldName": "size"
+              "description": "The space injected between components.",
+              "fieldName": "gap"
             },
             {
-              "name": "color",
+              "name": "direction",
               "type": {
-                "text": "string | undefined"
+                "text": "\"vertical\" | \"horizontal\""
               },
-              "description": "The color of the spinner.\nCan accept any valid CSS color value, including custom properties.",
-              "fieldName": "color"
+              "default": "\"vertical\"",
+              "description": "The direction of the stack.",
+              "fieldName": "direction"
             },
             {
-              "name": "label",
+              "name": "align-items",
               "type": {
-                "text": "string | undefined"
+                "text": "\"center\" | \"start\" | \"end\" | undefined"
               },
-              "description": "An accessible label for the spinner.\nIf no label is supplied, the spinner is hidden from assistive technology.",
-              "fieldName": "label"
+              "description": "How to align the child items inside the stack.",
+              "fieldName": "alignItems"
             }
           ],
           "mixins": [
@@ -2880,8 +5177,8 @@
             "package": "lit"
           },
           "status": "draft",
-          "category": "feedback",
-          "tagName": "nord-spinner",
+          "category": "structure",
+          "tagName": "nord-stack",
           "customElement": true
         }
       ],
@@ -2890,58 +5187,35 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "Spinner",
-            "module": "src/spinner/Spinner.ts"
+            "name": "Stack",
+            "module": "src/stack/Stack.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "nord-spinner",
+          "name": "nord-stack",
           "declaration": {
-            "name": "Spinner",
-            "module": "src/spinner/Spinner.ts"
+            "name": "Stack",
+            "module": "src/stack/Stack.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/table/Table.ts",
+      "path": "src/visually-hidden/VisuallyHidden.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Table is used to organize and display information from a data set.\nProvides table styles in addition to features like sticky\nheaders and support for narrow viewports.",
-          "name": "Table",
+          "description": "Visually hidden is used when an element needs to be available\nto assistive technologies like screen readers, but be otherwise\nhidden.",
+          "name": "VisuallyHidden",
           "slots": [
             {
-              "description": "The table.",
+              "description": "The visually hidden content.",
               "name": ""
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "density",
-              "type": {
-                "text": "\"condensed\" | \"default\" | \"relaxed\""
-              },
-              "default": "\"default\"",
-              "description": "Controls the density of the table's rows and headers.\nRelaxed increases space, condensed reduces space.",
-              "attribute": "density",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "renderStyles",
-              "privacy": "private",
-              "description": "renders table styles into nearest root.\nthis is necessary since we do not use shadow dom."
-            },
-            {
-              "kind": "method",
-              "name": "createRenderRoot",
-              "privacy": "protected",
-              "description": "opt out of shadow dom"
-            },
             {
               "kind": "field",
               "name": "_warningLogged",
@@ -2957,17 +5231,6 @@
               }
             }
           ],
-          "attributes": [
-            {
-              "name": "density",
-              "type": {
-                "text": "\"condensed\" | \"default\" | \"relaxed\""
-              },
-              "default": "\"default\"",
-              "description": "Controls the density of the table's rows and headers.\nRelaxed increases space, condensed reduces space.",
-              "fieldName": "density"
-            }
-          ],
           "mixins": [
             {
               "name": "DraftComponentMixin",
@@ -2979,8 +5242,8 @@
             "package": "lit"
           },
           "status": "draft",
-          "category": "list",
-          "tagName": "nord-table",
+          "category": "text",
+          "tagName": "nord-visually-hidden",
           "customElement": true
         }
       ],
@@ -2989,16 +5252,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "Table",
-            "module": "src/table/Table.ts"
+            "name": "VisuallyHidden",
+            "module": "src/visually-hidden/VisuallyHidden.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "nord-table",
+          "name": "nord-visually-hidden",
           "declaration": {
-            "name": "Table",
-            "module": "src/table/Table.ts"
+            "name": "VisuallyHidden",
+            "module": "src/visually-hidden/VisuallyHidden.ts"
           }
         }
       ]
@@ -3172,7 +5435,7 @@
             },
             {
               "kind": "method",
-              "name": "handleChange",
+              "name": "handleInput",
               "privacy": "protected",
               "parameters": [
                 {
@@ -3187,6 +5450,15 @@
                 "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLabel",
@@ -3281,8 +5553,9 @@
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
+              "default": "\"\"",
               "description": "The value of the input component.",
               "attribute": "value",
               "inheritedFrom": {
@@ -3487,8 +5760,9 @@
             {
               "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
+              "default": "\"\"",
               "description": "The value of the input component.",
               "fieldName": "value",
               "inheritedFrom": {
@@ -3525,142 +5799,28 @@
           "customElement": true,
           "events": [
             {
-              "name": "change",
+              "name": "input",
               "type": {
                 "text": "NordEvent"
               },
-              "description": "Fired whenever the input's value is changed via user interaction.",
+              "description": "Fired as the user types into the input.",
               "inheritedFrom": {
                 "name": "FormAssociatedMixin",
                 "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "Textarea",
-            "module": "src/textarea/Textarea.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "nord-textarea",
-          "declaration": {
-            "name": "Textarea",
-            "module": "src/textarea/Textarea.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/stack/Stack.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Stack component manages layout of immediate children along the\nvertical or horizontal axis with optional spacing between each child.",
-          "name": "Stack",
-          "slots": [
-            {
-              "description": "The stack content.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "gap",
-              "type": {
-                "text": "\"none\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\""
-              },
-              "default": "\"m\"",
-              "description": "The space injected between components.",
-              "attribute": "gap",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "direction",
-              "type": {
-                "text": "\"vertical\" | \"horizontal\""
-              },
-              "default": "\"vertical\"",
-              "description": "The direction of the stack.",
-              "attribute": "direction",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "alignItems",
-              "type": {
-                "text": "\"center\" | \"start\" | \"end\" | undefined"
-              },
-              "description": "How to align the child items inside the stack.",
-              "attribute": "align-items",
-              "reflects": true
             },
             {
-              "kind": "field",
-              "name": "_warningLogged",
+              "name": "change",
               "type": {
-                "text": "boolean"
+                "text": "NordEvent"
               },
-              "privacy": "private",
-              "static": true,
-              "default": "false",
+              "description": "Fired whenever the input's value is changed via user interaction.",
               "inheritedFrom": {
-                "name": "DraftComponentMixin",
-                "module": "src/common/mixins/DraftComponentMixin.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "gap",
-              "type": {
-                "text": "\"none\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\""
-              },
-              "default": "\"m\"",
-              "description": "The space injected between components.",
-              "fieldName": "gap"
-            },
-            {
-              "name": "direction",
-              "type": {
-                "text": "\"vertical\" | \"horizontal\""
-              },
-              "default": "\"vertical\"",
-              "description": "The direction of the stack.",
-              "fieldName": "direction"
-            },
-            {
-              "name": "align-items",
-              "type": {
-                "text": "\"center\" | \"start\" | \"end\" | undefined"
-              },
-              "description": "How to align the child items inside the stack.",
-              "fieldName": "alignItems"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "DraftComponentMixin",
-              "module": "/src/common/mixins/DraftComponentMixin.js"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "status": "draft",
-          "category": "structure",
-          "tagName": "nord-stack",
-          "customElement": true
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -3668,81 +5828,113 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "Stack",
-            "module": "src/stack/Stack.ts"
+            "name": "Textarea",
+            "module": "src/textarea/Textarea.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "nord-stack",
+          "name": "nord-textarea",
           "declaration": {
-            "name": "Stack",
-            "module": "src/stack/Stack.ts"
+            "name": "Textarea",
+            "module": "src/textarea/Textarea.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/visually-hidden/VisuallyHidden.ts",
+      "path": "src/common/directives/cond.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "cond"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "cond",
+          "declaration": {
+            "name": "cond",
+            "module": "src/common/directives/cond.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/controllers/DirectionController.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Visually hidden is used when an element needs to be available\nto assistive technologies like screen readers, but be otherwise\nhidden.",
-          "name": "VisuallyHidden",
-          "slots": [
-            {
-              "description": "The visually hidden content.",
-              "name": ""
-            }
-          ],
+          "description": "",
+          "name": "DirectionController",
           "members": [
             {
               "kind": "field",
-              "name": "_warningLogged",
+              "name": "hosts",
+              "privacy": "private",
+              "static": true,
+              "default": "new Set<ReactiveControllerHost>()"
+            },
+            {
+              "kind": "field",
+              "name": "observer",
               "type": {
-                "text": "boolean"
+                "text": "MutationObserver | undefined"
               },
               "privacy": "private",
-              "static": true,
-              "default": "false",
-              "inheritedFrom": {
-                "name": "DraftComponentMixin",
-                "module": "src/common/mixins/DraftComponentMixin.ts"
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "host",
+              "type": {
+                "text": "ReactiveControllerHost"
+              },
+              "privacy": "private",
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "dir",
+              "type": {
+                "text": "WritingDirection"
               }
-            }
-          ],
-          "mixins": [
+            },
             {
-              "name": "DraftComponentMixin",
-              "module": "/src/common/mixins/DraftComponentMixin.js"
+              "kind": "field",
+              "name": "isLTR"
+            },
+            {
+              "kind": "field",
+              "name": "isRTL"
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected"
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected"
+            },
+            {
+              "kind": "method",
+              "name": "observe",
+              "privacy": "private",
+              "static": true
             }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "status": "draft",
-          "category": "text",
-          "tagName": "nord-visually-hidden",
-          "customElement": true
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "VisuallyHidden",
-            "module": "src/visually-hidden/VisuallyHidden.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "nord-visually-hidden",
+          "name": "DirectionController",
           "declaration": {
-            "name": "VisuallyHidden",
-            "module": "src/visually-hidden/VisuallyHidden.ts"
+            "name": "DirectionController",
+            "module": "src/common/controllers/DirectionController.ts"
           }
         }
       ]
@@ -3954,20 +6146,145 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/common/directives/cond.ts",
+      "path": "src/common/controllers/SwipeController.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "cond"
+          "kind": "class",
+          "description": "",
+          "name": "SwipeController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "host",
+              "type": {
+                "text": "ReactiveElement"
+              },
+              "privacy": "private",
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "attached",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "initialTouchX",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "initialTouchY",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "() => HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "onSwipeEnd",
+              "type": {
+                "text": "SwipeControllerOptions[\"onSwipeEnd\"]"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "matchesGesture",
+              "type": {
+                "text": "SwipeControllerOptions[\"matchesGesture\"]"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostUpdated"
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected"
+            },
+            {
+              "kind": "field",
+              "name": "handleTouchStart",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleTouchMove",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleTouchEnd",
+              "privacy": "private"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "isHorizontalSwipe",
+          "parameters": [
+            {
+              "name": "{ distX, distY }",
+              "type": {
+                "text": "SwipeDetails"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "isDownwardsSwipe",
+          "parameters": [
+            {
+              "name": "{ distX, distY }",
+              "type": {
+                "text": "SwipeDetails"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "cond",
+          "name": "SwipeController",
           "declaration": {
-            "name": "cond",
-            "module": "src/common/directives/cond.ts"
+            "name": "SwipeController",
+            "module": "src/common/controllers/SwipeController.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "isHorizontalSwipe",
+          "declaration": {
+            "name": "isHorizontalSwipe",
+            "module": "src/common/controllers/SwipeController.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "isDownwardsSwipe",
+          "declaration": {
+            "name": "isDownwardsSwipe",
+            "module": "src/common/controllers/SwipeController.ts"
           }
         }
       ]
@@ -4225,6 +6542,24 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "handleInput",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "renderLabel",
@@ -4362,7 +6697,7 @@
             },
             {
               "kind": "method",
-              "name": "handleChange",
+              "name": "handleInput",
               "privacy": "protected",
               "parameters": [
                 {
@@ -4373,6 +6708,11 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "privacy": "protected"
+            },
             {
               "kind": "method",
               "name": "renderLabel",
@@ -4410,6 +6750,13 @@
             }
           ],
           "events": [
+            {
+              "name": "input",
+              "type": {
+                "text": "NordEvent"
+              },
+              "description": "Fired as the user types into the input."
+            },
             {
               "name": "change",
               "type": {
@@ -4576,8 +6923,9 @@
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
+              "default": "\"\"",
               "description": "The value of the input component.",
               "attribute": "value"
             },
@@ -4609,8 +6957,9 @@
             {
               "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
+              "default": "\"\"",
               "description": "The value of the input component.",
               "fieldName": "value"
             }