@nordhealth/components 1.0.0-alpha.45 → 1.0.0-alpha.46

package/custom-elements.json

@@ -126,6 +126,14 @@
             "name": "default",
             "module": "\"./date-picker/DatePicker.js\""
           }
+        },
+        {
+          "kind": "js",
+          "name": "Checkbox",
+          "declaration": {
+            "name": "default",
+            "module": "\"./checkbox/Checkbox.js\""
+          }
         }
       ]
     },
@@ -591,107 +599,6 @@
         }
       ]
     },
-    {
-      "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/calendar/Calendar.ts",
@@ -1168,912 +1075,736 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/common/collection.ts",
+      "path": "src/checkbox/Checkbox.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "groupBy",
-          "parameters": [
+          "kind": "class",
+          "description": "Checkboxes allow user to choose one or more options from a limited set of options.\nIf you have more than 10 options, please use Select component instead.",
+          "name": "Checkbox",
+          "slots": [
             {
-              "name": "array",
+              "description": "Use when a label requires more than plain text.",
+              "name": "label"
+            },
+            {
+              "description": "Optional slot that holds hint text for the input.",
+              "name": "hint"
+            },
+            {
+              "description": "Optional slot that holds error text for the input.",
+              "name": "error"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "checked",
               "type": {
-                "text": "Array<TObject>"
+                "text": "boolean"
               },
-              "description": "the collection of objects to group"
+              "default": "false",
+              "description": "Controls whether the checkbox is checked or not.",
+              "attribute": "checked"
             },
             {
-              "name": "key",
-              "type": {
-                "text": "TKey"
+              "kind": "method",
+              "name": "handleChange",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "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": [
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
             {
-              "name": "array",
+              "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": "T[]"
+                "text": "string"
+              },
+              "privacy": "protected",
+              "default": "\"input\"",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
             {
-              "name": "chunkSize",
+              "kind": "field",
+              "name": "label",
               "type": {
-                "text": "number"
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Label for the input.",
+              "attribute": "label",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
-            }
-          ],
-          "description": "Split an array into chunks of the given size"
-        },
-        {
-          "kind": "function",
-          "name": "mapWithOffset",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "array",
+              "kind": "field",
+              "name": "hint",
               "type": {
-                "text": "T[]"
+                "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"
               }
             },
             {
-              "name": "startingOffset",
+              "kind": "field",
+              "name": "hideLabel",
               "type": {
-                "text": "number"
+                "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"
               }
             },
             {
-              "name": "mapFn",
+              "kind": "field",
+              "name": "placeholder",
               "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"
+                "text": "string | undefined"
+              },
+              "description": "Placeholder text to display within the input.",
+              "attribute": "placeholder",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
             {
-              "name": "month",
+              "kind": "field",
+              "name": "error",
               "type": {
-                "text": "string"
+                "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"
               }
             },
             {
-              "name": "day",
+              "kind": "field",
+              "name": "required",
               "type": {
-                "text": "string"
+                "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": "function",
-          "name": "parseISODate",
-          "return": {
-            "type": {
-              "text": "Date | undefined"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "value",
+              "kind": "field",
+              "name": "expand",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "date string in ISO format YYYY-MM-DD"
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "printISODate",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          },
-          "parameters": [
-            {
-              "name": "date",
-              "type": {
-                "text": "Date"
+              "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"
               }
-            }
-          ],
-          "description": "print date in format YYYY-MM-DD"
-        },
-        {
-          "kind": "function",
-          "name": "isEqualMonth",
-          "return": {
-            "type": {
-              "text": "boolean"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "a",
-              "optional": true,
-              "type": {
-                "text": "Date"
+              "kind": "field",
+              "name": "handleFormData",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
             {
-              "name": "b",
-              "optional": true,
-              "type": {
-                "text": "Date"
+              "kind": "method",
+              "name": "handleInput",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
-            }
-          ],
-          "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"
+              "kind": "method",
+              "name": "renderLabel",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
             {
-              "name": "b",
-              "optional": true,
-              "type": {
-                "text": "Date"
+              "kind": "method",
+              "name": "renderHint",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
-            }
-          ],
-          "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"
+              "kind": "method",
+              "name": "renderError",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
             {
-              "name": "days",
-              "type": {
-                "text": "number"
+              "kind": "method",
+              "name": "getDescribedBy",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "addMonths",
-          "return": {
-            "type": {
-              "text": "Date"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "date",
-              "type": {
-                "text": "Date"
+              "kind": "method",
+              "name": "getInvalid",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
             {
-              "name": "months",
-              "type": {
-                "text": "number"
+              "kind": "field",
+              "name": "hasHint",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "addYears",
-          "return": {
-            "type": {
-              "text": "Date"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "date",
-              "type": {
-                "text": "Date"
+              "kind": "field",
+              "name": "hasError",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
             {
-              "name": "years",
+              "kind": "field",
+              "name": "disabled",
               "type": {
-                "text": "number"
+                "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": "function",
-          "name": "startOfWeek",
-          "return": {
-            "type": {
-              "text": "Date"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "date",
+              "kind": "field",
+              "name": "name",
               "type": {
-                "text": "Date"
+                "text": "string | undefined"
+              },
+              "description": "The name of the input component.",
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
               }
             },
             {
-              "name": "firstDayOfWeek",
-              "default": "DaysOfWeek.Monday",
+              "kind": "field",
+              "name": "value",
               "type": {
-                "text": "DaysOfWeek"
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The value of the input component.",
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
               }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "endOfWeek",
-          "return": {
-            "type": {
-              "text": "Date"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "date",
-              "type": {
-                "text": "Date"
+              "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"
               }
             },
             {
-              "name": "firstDayOfWeek",
-              "default": "DaysOfWeek.Monday",
-              "type": {
-                "text": "DaysOfWeek"
+              "kind": "field",
+              "name": "focusableRef",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "src/common/mixins/FocusableMixin.ts"
               }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "startOfMonth",
-          "return": {
-            "type": {
-              "text": "Date"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "date",
-              "type": {
-                "text": "Date"
+              "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": "function",
-          "name": "endOfMonth",
-          "return": {
-            "type": {
-              "text": "Date"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "date",
-              "type": {
-                "text": "Date"
+              "kind": "method",
+              "name": "blur",
+              "description": "Programmatically remove focus from the component.",
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "src/common/mixins/FocusableMixin.ts"
               }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "setMonth",
-          "return": {
-            "type": {
-              "text": "Date"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "date",
-              "type": {
-                "text": "Date"
+              "kind": "method",
+              "name": "click",
+              "description": "Programmatically simulates a click on the component.",
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "src/common/mixins/FocusableMixin.ts"
               }
             },
             {
-              "name": "month",
+              "kind": "field",
+              "name": "_warningLogged",
               "type": {
-                "text": "number"
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "false",
+              "inheritedFrom": {
+                "name": "DraftComponentMixin",
+                "module": "src/common/mixins/DraftComponentMixin.ts"
               }
             }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "setYear",
-          "return": {
-            "type": {
-              "text": "Date"
-            }
-          },
-          "parameters": [
+          ],
+          "attributes": [
             {
-              "name": "date",
+              "name": "checked",
               "type": {
-                "text": "Date"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the checkbox is checked or not.",
+              "fieldName": "checked"
             },
             {
-              "name": "year",
+              "name": "label",
               "type": {
-                "text": "number"
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Label for the input.",
+              "fieldName": "label",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "clamp",
-          "return": {
-            "type": {
-              "text": "Date"
-            }
-          },
-          "parameters": [
+            },
             {
-              "name": "date",
+              "name": "hint",
               "type": {
-                "text": "Date"
+                "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": "min",
-              "optional": true,
+              "name": "hide-label",
               "type": {
-                "text": "Date"
+                "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": "max",
-              "optional": true,
+              "name": "placeholder",
               "type": {
-                "text": "Date"
+                "text": "string | undefined"
+              },
+              "description": "Placeholder text to display within the input.",
+              "fieldName": "placeholder",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
-            }
-          ],
-          "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",
+              "name": "error",
               "type": {
-                "text": "Date"
+                "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": "min",
-              "optional": true,
+              "name": "required",
               "type": {
-                "text": "Date"
+                "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": "max",
-              "optional": true,
+              "name": "expand",
               "type": {
-                "text": "Date"
+                "text": "boolean"
+              },
+              "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": "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.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
+              }
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The name of the input component.",
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
+              }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The value of the input component.",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
               }
             }
           ],
-          "description": "Check if date is within a min and max"
-        },
-        {
-          "kind": "function",
-          "name": "getViewOfMonth",
-          "return": {
-            "type": {
-              "text": "Date[]"
+          "mixins": [
+            {
+              "name": "FormAssociatedMixin",
+              "module": "/src/common/mixins/FormAssociatedMixin.js"
+            },
+            {
+              "name": "InputMixin",
+              "module": "/src/common/mixins/InputMixin.js"
+            },
+            {
+              "name": "FocusableMixin",
+              "module": "/src/common/mixins/FocusableMixin.js"
+            },
+            {
+              "name": "DraftComponentMixin",
+              "module": "/src/common/mixins/DraftComponentMixin.js"
             }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
           },
-          "parameters": [
+          "status": "draft",
+          "category": "form",
+          "tagName": "nord-checkbox",
+          "customElement": true,
+          "events": [
             {
-              "name": "date",
+              "name": "input",
               "type": {
-                "text": "Date"
+                "text": "NordEvent"
+              },
+              "description": "Fired as the user types into the input.",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
             {
-              "name": "firstDayOfWeek",
-              "default": "DaysOfWeek.Monday",
+              "name": "change",
               "type": {
-                "text": "DaysOfWeek"
+                "text": "NordEvent"
+              },
+              "description": "Fired whenever the input's value is changed via user interaction.",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             }
-          ],
-          "description": "given a date, return an array of dates from a calendar perspective"
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "createDate",
+          "name": "default",
           "declaration": {
-            "name": "createDate",
-            "module": "src/common/dates.ts"
+            "name": "Checkbox",
+            "module": "src/checkbox/Checkbox.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "parseISODate",
+          "kind": "custom-element-definition",
+          "name": "nord-checkbox",
           "declaration": {
-            "name": "parseISODate",
-            "module": "src/common/dates.ts"
+            "name": "Checkbox",
+            "module": "src/checkbox/Checkbox.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": "printISODate",
+          "name": "default",
           "declaration": {
-            "name": "printISODate",
-            "module": "src/common/dates.ts"
+            "name": "Card",
+            "module": "src/card/Card.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",
+          "kind": "custom-element-definition",
+          "name": "nord-card",
           "declaration": {
-            "name": "getViewOfMonth",
-            "module": "src/common/dates.ts"
+            "name": "Card",
+            "module": "src/card/Card.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/common/events.ts",
+      "path": "src/command-menu/CommandMenu.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": "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": [
             {
-              "name": "root",
-              "type": {
-                "text": "Document | ShadowRoot"
-              }
+              "description": "Used to replace the default footer contents.",
+              "name": "footer"
             }
           ],
-          "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": [
+          "members": [
             {
-              "name": "inputEl",
-              "type": {
-                "text": "HTMLInputElement"
-              }
+              "kind": "field",
+              "name": "inputRef",
+              "privacy": "private"
             },
             {
-              "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": [
+              "kind": "field",
+              "name": "listRef",
+              "privacy": "private"
+            },
             {
-              "name": "val",
+              "kind": "field",
+              "name": "previousFocus",
               "type": {
-                "text": "number"
-              }
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private"
             },
             {
-              "name": "min",
-              "type": {
-                "text": "number"
-              }
+              "kind": "field",
+              "name": "dismissController",
+              "privacy": "private",
+              "default": "new LightDismissController(this, {\n    isOpen: () => this.open,\n    onDismiss: () => this.close(),\n  })"
             },
             {
-              "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": [
+              "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  })"
+            },
             {
-              "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/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",
+              "kind": "field",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
@@ -2283,254 +2014,1107 @@
               ]
             },
             {
-              "kind": "method",
-              "name": "setSearch",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "str",
-                  "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/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"
+              }
             },
             {
-              "kind": "method",
-              "name": "filterCommands",
-              "privacy": "private"
+              "name": "min",
+              "optional": true,
+              "type": {
+                "text": "Date"
+              }
             },
             {
-              "kind": "field",
-              "name": "_warningLogged",
+              "name": "max",
+              "optional": true,
               "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "static": true,
-              "default": "false",
-              "inheritedFrom": {
-                "name": "DraftComponentMixin",
-                "module": "src/common/mixins/DraftComponentMixin.ts"
+                "text": "Date"
               }
             }
           ],
-          "events": [
+          "description": "Ensures date is within range, returns min or max if out of bounds"
+        },
+        {
+          "kind": "function",
+          "name": "inRange",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
             {
-              "name": "open",
+              "name": "date",
               "type": {
-                "text": "NordEvent"
-              },
-              "description": "The command menu was opened foo."
+                "text": "Date"
+              }
             },
             {
-              "name": "close",
+              "name": "min",
+              "optional": true,
               "type": {
-                "text": "NordEvent"
-              },
-              "description": "The command menu was closed bar."
+                "text": "Date"
+              }
             },
             {
+              "name": "max",
+              "optional": true,
               "type": {
-                "text": "SelectEvent"
-              },
-              "description": "User selected a command from the menu.",
-              "name": "n-select"
+                "text": "Date"
+              }
             }
           ],
-          "attributes": [
+          "description": "Check if date is within a min and max"
+        },
+        {
+          "kind": "function",
+          "name": "getViewOfMonth",
+          "return": {
+            "type": {
+              "text": "Date[]"
+            }
+          },
+          "parameters": [
             {
-              "name": "open",
+              "name": "date",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Show or hide the command menu.",
-              "fieldName": "open"
+                "text": "Date"
+              }
             },
             {
-              "name": "placeholder",
+              "name": "firstDayOfWeek",
+              "default": "DaysOfWeek.Monday",
               "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"
+                "text": "DaysOfWeek"
+              }
             }
           ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "status": "draft",
-          "category": "action",
-          "tagName": "nord-command-menu",
-          "customElement": true
+          "description": "given a date, return an array of dates from a calendar perspective"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
+          "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": "CommandMenu",
-            "module": "src/command-menu/CommandMenu.ts"
+            "name": "inRange",
+            "module": "src/common/dates.ts"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "nord-command-menu",
+          "kind": "js",
+          "name": "getViewOfMonth",
           "declaration": {
-            "name": "CommandMenu",
-            "module": "src/command-menu/CommandMenu.ts"
+            "name": "getViewOfMonth",
+            "module": "src/common/dates.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/command-menu/CommandMenuAction.ts",
+      "path": "src/common/events.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"
-            },
+          "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": [
             {
-              "kind": "field",
-              "name": "selected",
+              "name": "root",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "selected"
-            },
-            {
-              "kind": "method",
-              "name": "ensureInView",
-              "privacy": "private",
-              "description": "Scroll to show element"
-            },
-            {
-              "kind": "method",
-              "name": "renderShortcut",
-              "privacy": "private"
+                "text": "Document | ShadowRoot"
+              }
             }
           ],
-          "attributes": [
+          "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": "command",
+              "name": "inputEl",
               "type": {
-                "text": "ICommandMenuAction"
-              },
-              "fieldName": "command"
+                "text": "HTMLInputElement"
+              }
             },
             {
-              "name": "selected",
+              "name": "regex",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "selected"
+                "text": "RegExp"
+              }
             }
-          ],
-          "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",
+          "name": "cleanValue",
           "declaration": {
-            "name": "CommandMenuAction",
-            "module": "src/command-menu/CommandMenuAction.ts"
+            "name": "cleanValue",
+            "module": "src/common/input.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/command-menu/ICommandMenuAction.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/command-menu/KeyboardController.ts",
+      "path": "src/common/number.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "KeyboardController",
-          "members": [
+          "kind": "function",
+          "name": "wrap",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "host",
+              "name": "val",
               "type": {
-                "text": "CommandMenu"
-              },
-              "privacy": "private",
-              "default": "host"
+                "text": "number"
+              }
             },
             {
-              "kind": "field",
-              "name": "globalShortcuts",
+              "name": "min",
               "type": {
-                "text": "ShortcutController"
-              },
-              "privacy": "private",
-              "default": "new ShortcutController(host, { \"$mod+k\": preventDefault(actions.toggleOpen) })"
+                "text": "number"
+              }
             },
             {
-              "kind": "field",
-              "name": "navigationShortcuts",
+              "name": "max",
               "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    )"
-            },
+                "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": [
             {
-              "kind": "field",
-              "name": "commandShortcuts",
+              "name": "from",
               "type": {
-                "text": "ShortcutController"
-              },
-              "privacy": "private",
-              "default": "new ShortcutController(host)"
+                "text": "number"
+              }
             },
             {
-              "kind": "method",
-              "name": "registerCommandShortcuts"
+              "name": "to",
+              "type": {
+                "text": "number"
+              }
             }
           ]
         }
@@ -2538,45 +3122,52 @@
       "exports": [
         {
           "kind": "js",
-          "name": "KeyboardController",
+          "name": "wrap",
           "declaration": {
-            "name": "KeyboardController",
-            "module": "src/command-menu/KeyboardController.ts"
+            "name": "wrap",
+            "module": "src/common/number.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "range",
+          "declaration": {
+            "name": "range",
+            "module": "src/common/number.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/command-menu/events.ts",
+      "path": "src/common/ref.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "SelectEvent",
-          "members": [
+          "kind": "function",
+          "name": "mergeRefs",
+          "return": {
+            "type": {
+              "text": "RefCallback"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "command",
+              "name": "refs",
               "type": {
-                "text": "ICommandMenuAction"
-              },
-              "default": "command"
+                "text": "Ref[]"
+              }
             }
           ],
-          "superclass": {
-            "name": "NordEvent",
-            "module": "/src/common/events.js"
-          }
+          "description": "Creates a ref callback which will assign the element to every given ref"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SelectEvent",
+          "name": "mergeRefs",
           "declaration": {
-            "name": "SelectEvent",
-            "module": "src/command-menu/events.ts"
+            "name": "mergeRefs",
+            "module": "src/common/ref.ts"
           }
         }
       ]
@@ -4269,131 +4860,6 @@
         }
       ]
     },
-    {
-      "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",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "static": true,
-              "default": "false",
-              "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
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "Stack",
-            "module": "src/stack/Stack.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "nord-stack",
-          "declaration": {
-            "name": "Stack",
-            "module": "src/stack/Stack.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/select/Select.ts",
@@ -5102,6 +5568,131 @@
         }
       ]
     },
+    {
+      "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",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "false",
+              "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
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Stack",
+            "module": "src/stack/Stack.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "nord-stack",
+          "declaration": {
+            "name": "Stack",
+            "module": "src/stack/Stack.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/table/Table.ts",