@nordhealth/components 1.0.0-alpha.34 → 1.0.0-alpha.38

package/custom-elements.json

@@ -94,6 +94,14 @@
             "name": "default",
             "module": "\"./visually-hidden/VisuallyHidden.js\""
           }
+        },
+        {
+          "kind": "js",
+          "name": "Textarea",
+          "declaration": {
+            "name": "default",
+            "module": "\"./textarea/Textarea.js\""
+          }
         }
       ]
     },
@@ -216,7 +224,7 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "\"default\" | \"primary\" | \"dashed\" | \"plain\""
+                "text": "\"default\" | \"primary\" | \"dashed\" | \"plain\" | \"danger\""
               },
               "default": "\"default\"",
               "description": "The style variant of the button.",
@@ -238,7 +246,7 @@
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "\"s\" | \"m\""
+                "text": "\"s\" | \"m\" | \"l\""
               },
               "default": "\"m\"",
               "description": "The size of the button.\nThis affects font-size and padding.",
@@ -350,6 +358,7 @@
             {
               "kind": "field",
               "name": "form",
+              "privacy": "protected",
               "description": "Gets the form, if any, associated with the input element.",
               "inheritedFrom": {
                 "name": "InputMixin",
@@ -421,7 +430,7 @@
             {
               "name": "variant",
               "type": {
-                "text": "\"default\" | \"primary\" | \"dashed\" | \"plain\""
+                "text": "\"default\" | \"primary\" | \"dashed\" | \"plain\" | \"danger\""
               },
               "default": "\"default\"",
               "description": "The style variant of the button.",
@@ -439,7 +448,7 @@
             {
               "name": "size",
               "type": {
-                "text": "\"s\" | \"m\""
+                "text": "\"s\" | \"m\" | \"l\""
               },
               "default": "\"m\"",
               "description": "The size of the button.\nThis affects font-size and padding.",
@@ -584,6 +593,12 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "slots",
+              "privacy": "private",
+              "default": "new SlotController(this)"
+            },
             {
               "kind": "field",
               "name": "padding",
@@ -595,24 +610,6 @@
               "attribute": "padding",
               "reflects": true
             },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "hasSlottedContent",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "slotName",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
             {
               "kind": "field",
               "name": "_warningLogged",
@@ -674,184 +671,6 @@
         }
       ]
     },
-    {
-      "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": ""
-            }
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "groupBy",
-          "declaration": {
-            "name": "groupBy",
-            "module": "src/common/collection.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/events.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A base class for events which defaults to bubbling and composed",
-          "name": "NordEvent",
-          "superclass": {
-            "name": "Event",
-            "module": "src/common/events.ts"
-          },
-          "status": null,
-          "category": null
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "NordEvent",
-          "declaration": {
-            "name": "NordEvent",
-            "module": "src/common/events.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/focus.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "getFocusedElement",
-          "return": {
-            "type": {
-              "text": "Element | undefined"
-            }
-          },
-          "parameters": [
-            {
-              "name": "root",
-              "type": {
-                "text": "Document | ShadowRoot"
-              }
-            }
-          ],
-          "description": "Gets the currently focused element, taking shadow roots into account."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "getFocusedElement",
-          "declaration": {
-            "name": "getFocusedElement",
-            "module": "src/common/focus.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/number.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "wrap",
-          "parameters": [
-            {
-              "name": "val",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "min",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "number"
-              }
-            }
-          ],
-          "description": "Wraps a value so that it always falls within min/max,\nwhere a value greater than max gets set to min, and vice versa"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "wrap",
-          "declaration": {
-            "name": "wrap",
-            "module": "src/common/number.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/ref.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "mergeRefs",
-          "return": {
-            "type": {
-              "text": "RefCallback"
-            }
-          },
-          "parameters": [
-            {
-              "name": "refs",
-              "type": {
-                "text": "Ref[]"
-              }
-            }
-          ],
-          "description": "Creates a ref callback which will assign the element to every given ref"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "mergeRefs",
-          "declaration": {
-            "name": "mergeRefs",
-            "module": "src/common/ref.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/command-menu/CommandMenu.ts",
@@ -889,7 +708,7 @@
               "kind": "field",
               "name": "dismissController",
               "privacy": "private",
-              "default": "new LightDismissController(this, () => this.close())"
+              "default": "new LightDismissController(this, {\n    isOpen: () => this.open,\n    onDismiss: () => this.close(),\n  })"
             },
             {
               "kind": "field",
@@ -904,7 +723,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show or hide element.",
+              "description": "Show or hide the command menu.",
               "attribute": "open"
             },
             {
@@ -924,15 +743,15 @@
                 "text": "Array<ICommandMenuAction>"
               },
               "default": "[]",
-              "description": "Array of commands to be included in the menu.",
-              "attribute": "commands"
+              "description": "Array of commands to be included in the menu."
             },
             {
               "kind": "field",
               "name": "parent",
               "type": {
                 "text": "string | undefined"
-              }
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -940,6 +759,7 @@
               "type": {
                 "text": "string"
               },
+              "privacy": "private",
               "default": "\"\""
             },
             {
@@ -986,7 +806,8 @@
                   "default": "{}",
                   "type": {
                     "text": "{ parent?: string }"
-                  }
+                  },
+                  "description": "allows you to open the menu filtered to a specific parent command."
                 }
               ],
               "description": "Show the command menu programmatically."
@@ -1006,6 +827,11 @@
               "name": "focus",
               "description": "Focus the command menu's input."
             },
+            {
+              "kind": "method",
+              "name": "renderNoResults",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "renderSection",
@@ -1030,6 +856,11 @@
               "name": "handleAnimationEnd",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "handleInput",
@@ -1135,21 +966,21 @@
               "type": {
                 "text": "NordEvent"
               },
-              "description": "The command menu was opened."
+              "description": "The command menu was opened foo."
             },
             {
               "name": "close",
               "type": {
                 "text": "NordEvent"
               },
-              "description": "The command menu was closed."
+              "description": "The command menu was closed bar."
             },
             {
-              "name": "command",
               "type": {
                 "text": "SelectEvent"
               },
-              "description": "User selected a command from the menu."
+              "description": "User selected a command from the menu.",
+              "name": "n-select"
             }
           ],
           "attributes": [
@@ -1159,7 +990,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Show or hide element.",
+              "description": "Show or hide the command menu.",
               "fieldName": "open"
             },
             {
@@ -1170,15 +1001,6 @@
               "default": "\"Type a command or search...\"",
               "description": "Hint text to display in the search field.",
               "fieldName": "placeholder"
-            },
-            {
-              "name": "commands",
-              "type": {
-                "text": "Array<ICommandMenuAction>"
-              },
-              "default": "[]",
-              "description": "Array of commands to be included in the menu.",
-              "fieldName": "commands"
             }
           ],
           "mixins": [
@@ -1331,7 +1153,7 @@
                 "text": "ShortcutController"
               },
               "privacy": "private",
-              "default": "new ShortcutController(host, { \"$mod+k\": actions.toggleOpen })"
+              "default": "new ShortcutController(host, { \"$mod+k\": preventDefault(actions.toggleOpen) })"
             },
             {
               "kind": "field",
@@ -1406,33 +1228,211 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/icon/Icon.ts",
+      "path": "src/common/collection.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "Icons are used to provide additional meaning or in places where text label doesn’t fit.\nIcon component allows you to display an icon from the Nordicons library.",
-          "name": "Icon",
-          "members": [
+          "kind": "function",
+          "name": "groupBy",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "resolver",
+              "name": "array",
               "type": {
-                "text": "IconResolver"
+                "text": "Array<TObject>"
               },
-              "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "field",
-              "name": "registeredIcons",
-              "privacy": "private",
-              "static": true,
-              "default": "new Map<string, string>()"
+              "description": "the collection of objects to group"
             },
             {
-              "kind": "method",
-              "name": "registerResolver",
-              "static": true,
+              "name": "key",
+              "type": {
+                "text": "TKey"
+              },
+              "description": "the property to group by"
+            }
+          ],
+          "description": "Groups an array objects by property value",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "groupBy",
+          "declaration": {
+            "name": "groupBy",
+            "module": "src/common/collection.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/events.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A base class for events which defaults to bubbling and composed",
+          "name": "NordEvent",
+          "superclass": {
+            "name": "Event",
+            "module": "src/common/events.ts"
+          },
+          "status": null,
+          "category": null
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "NordEvent",
+          "declaration": {
+            "name": "NordEvent",
+            "module": "src/common/events.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/focus.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getFocusedElement",
+          "return": {
+            "type": {
+              "text": "Element | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "root",
+              "type": {
+                "text": "Document | ShadowRoot"
+              }
+            }
+          ],
+          "description": "Gets the currently focused element, taking shadow roots into account."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getFocusedElement",
+          "declaration": {
+            "name": "getFocusedElement",
+            "module": "src/common/focus.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/number.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "wrap",
+          "parameters": [
+            {
+              "name": "val",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "min",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number"
+              }
+            }
+          ],
+          "description": "Wraps a value so that it always falls within min/max,\nwhere a value greater than max gets set to min, and vice versa"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "wrap",
+          "declaration": {
+            "name": "wrap",
+            "module": "src/common/number.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/ref.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "mergeRefs",
+          "return": {
+            "type": {
+              "text": "RefCallback"
+            }
+          },
+          "parameters": [
+            {
+              "name": "refs",
+              "type": {
+                "text": "Ref[]"
+              }
+            }
+          ],
+          "description": "Creates a ref callback which will assign the element to every given ref"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "mergeRefs",
+          "declaration": {
+            "name": "mergeRefs",
+            "module": "src/common/ref.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/icon/Icon.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Icons are used to provide additional meaning or in places where text label doesn’t fit.\nIcon component allows you to display an icon from the Nordicons library.",
+          "name": "Icon",
+          "members": [
+            {
+              "kind": "field",
+              "name": "resolver",
+              "type": {
+                "text": "IconResolver"
+              },
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "registeredIcons",
+              "privacy": "private",
+              "static": true,
+              "default": "new Map<string, string>()"
+            },
+            {
+              "kind": "method",
+              "name": "registerResolver",
+              "static": true,
               "parameters": [
                 {
                   "name": "resolver",
@@ -1458,7 +1458,8 @@
                   "name": "icon",
                   "type": {
                     "text": "{ title: string; default: string }"
-                  }
+                  },
+                  "description": "An object representing the icon to be registered, where \"title\" is the icon's name, and \"default\" is the SVG string.\nThis is intended to be used in cases where you import an icon's entire ES module and register it directly."
                 }
               ],
               "description": "Register an individual icon so it can be rendered synchronously, to avoid loading over the network."
@@ -1477,13 +1478,15 @@
                   "name": "name",
                   "type": {
                     "text": "string"
-                  }
+                  },
+                  "description": "The name of the icon to be registered."
                 },
                 {
                   "name": "icon",
                   "type": {
                     "text": "string"
-                  }
+                  },
+                  "description": "The SVG string for the icon."
                 }
               ],
               "description": "Register an individual icon so it can be rendered synchronously, to avoid loading over the network."
@@ -1556,6 +1559,7 @@
               "type": {
                 "text": "string"
               },
+              "privacy": "private",
               "default": "\"\""
             },
             {
@@ -1691,14 +1695,55 @@
               "description": "The type of the input.",
               "attribute": "type"
             },
+            {
+              "kind": "field",
+              "name": "slots",
+              "privacy": "protected",
+              "default": "new SlotController(this)",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inputId",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "default": "\"input\"",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Label for the input.",
+              "attribute": "label",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "hint",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Optional hint text to be displayed with input. Alternatively use the hint slot.",
-              "attribute": "hint"
+              "description": "Optional hint text to be displayed with the input. Alternatively use the hint slot.",
+              "attribute": "hint",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
             },
             {
               "kind": "field",
@@ -1708,7 +1753,11 @@
               },
               "default": "false",
               "description": "Visually hide the label, but still show it to assistive technologies like screen readers.",
-              "attribute": "hide-label"
+              "attribute": "hide-label",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
             },
             {
               "kind": "field",
@@ -1716,8 +1765,12 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Placeholder of the input.",
-              "attribute": "placeholder"
+              "description": "Placeholder text to display within the input.",
+              "attribute": "placeholder",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
             },
             {
               "kind": "field",
@@ -1725,84 +1778,108 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Optional error to be shown with input. Alternatively use the error slot.",
-              "attribute": "error"
+              "description": "Optional error to be shown with the input. Alternatively use the error slot.",
+              "attribute": "error",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "expand",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Controls whether the input expands to fill the width of its container.",
-              "attribute": "expand",
-              "reflects": true
+              "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": "method",
-              "name": "renderLabel",
+              "kind": "field",
+              "name": "expand",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the input expands to fill the width of its container.",
+              "attribute": "expand",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleFormData",
               "privacy": "private",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "privacy": "protected",
               "parameters": [
                 {
-                  "name": "hasHint",
+                  "name": "e",
                   "type": {
-                    "text": "boolean"
+                    "text": "Event"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "renderHint",
-              "privacy": "private"
+              "name": "renderLabel",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "renderError",
-              "privacy": "private"
+              "name": "renderHint",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
+              "name": "renderError",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "hasSlottedContent",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "slotName",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Label for the input.",
-              "attribute": "label",
+              "name": "getDescribedBy",
+              "privacy": "protected",
               "inheritedFrom": {
                 "name": "FormAssociatedMixin",
                 "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Determines whether the input is required or not.\nAn input marked as required will be announced as such to users of assistive technology.\nWhen using this property you need to also set “novalidate” attribute on a form element to prevent browser from displaying its own validation errors.",
-              "attribute": "required",
+              "kind": "method",
+              "name": "getInvalid",
+              "privacy": "protected",
               "inheritedFrom": {
                 "name": "FormAssociatedMixin",
                 "module": "src/common/mixins/FormAssociatedMixin.ts"
@@ -1810,25 +1887,17 @@
             },
             {
               "kind": "field",
-              "name": "handleFormData",
-              "privacy": "private",
+              "name": "hasHint",
+              "privacy": "protected",
               "inheritedFrom": {
                 "name": "FormAssociatedMixin",
                 "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "handleChange",
+              "kind": "field",
+              "name": "hasError",
               "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
               "inheritedFrom": {
                 "name": "FormAssociatedMixin",
                 "module": "src/common/mixins/FormAssociatedMixin.ts"
@@ -1877,6 +1946,7 @@
             {
               "kind": "field",
               "name": "form",
+              "privacy": "protected",
               "description": "Gets the form, if any, associated with the input element.",
               "inheritedFrom": {
                 "name": "InputMixin",
@@ -1954,13 +2024,30 @@
               "description": "The type of the input.",
               "fieldName": "type"
             },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Label for the input.",
+              "fieldName": "label",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
             {
               "name": "hint",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Optional hint text to be displayed with input. Alternatively use the hint slot.",
-              "fieldName": "hint"
+              "description": "Optional hint text to be displayed with the input. Alternatively use the hint slot.",
+              "fieldName": "hint",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
             },
             {
               "name": "hide-label",
@@ -1969,54 +2056,57 @@
               },
               "default": "false",
               "description": "Visually hide the label, but still show it to assistive technologies like screen readers.",
-              "fieldName": "hideLabel"
+              "fieldName": "hideLabel",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
             },
             {
               "name": "placeholder",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Placeholder of the input.",
-              "fieldName": "placeholder"
+              "description": "Placeholder text to display within the input.",
+              "fieldName": "placeholder",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
             },
             {
               "name": "error",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Optional error to be shown with input. Alternatively use the error slot.",
-              "fieldName": "error"
+              "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": "expand",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Controls whether the input expands to fill the width of its container.",
-              "fieldName": "expand"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Label for the input.",
-              "fieldName": "label",
+              "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": "required",
+              "name": "expand",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the input is required or not.\nAn input marked as required will be announced as such to users of assistive technology.\nWhen using this property you need to also set “novalidate” attribute on a form element to prevent browser from displaying its own validation errors.",
-              "fieldName": "required",
+              "description": "Controls whether the input expands to fill the width of its container.",
+              "fieldName": "expand",
               "inheritedFrom": {
                 "name": "FormAssociatedMixin",
                 "module": "src/common/mixins/FormAssociatedMixin.ts"
@@ -2149,56 +2239,16 @@
           "members": [
             {
               "kind": "field",
-              "name": "hint",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Optional hint text to be displayed with select. Alternatively use the hint slot.",
-              "attribute": "hint"
-            },
-            {
-              "kind": "field",
-              "name": "hideLabel",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Visually hide the label, but still show it to assistive technologies like screen readers.",
-              "attribute": "hide-label"
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Hint text to display as the first option of the select element.",
-              "attribute": "placeholder"
-            },
-            {
-              "kind": "field",
-              "name": "error",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Optional error to be shown with the select. Alternatively use the error slot.",
-              "attribute": "error"
-            },
-            {
-              "kind": "field",
-              "name": "expand",
+              "name": "inputId",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Controls whether the select expands to fill the width of its container.",
-              "attribute": "expand",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
+              "privacy": "protected",
+              "default": "\"select\"",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
             },
             {
               "kind": "field",
@@ -2223,29 +2273,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "renderLabel",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "hasHint",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "renderHint",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "renderError",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "renderOption",
@@ -2260,17 +2287,14 @@
               ]
             },
             {
-              "kind": "method",
-              "name": "hasSlottedContent",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "slotName",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "slots",
+              "privacy": "protected",
+              "default": "new SlotController(this)",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
             },
             {
               "kind": "field",
@@ -2288,9 +2312,62 @@
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "hint",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
+              },
+              "description": "Optional hint text to be displayed with the input. Alternatively use the hint slot.",
+              "attribute": "hint",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hideLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Visually hide the label, but still show it to assistive technologies like screen readers.",
+              "attribute": "hide-label",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Placeholder text to display within the input.",
+              "attribute": "placeholder",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional error to be shown with the input. Alternatively use the error slot.",
+              "attribute": "error",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
               },
               "default": "false",
               "description": "Determines whether the input is required or not.\nAn input marked as required will be announced as such to users of assistive technology.\nWhen using this property you need to also set “novalidate” attribute on a form element to prevent browser from displaying its own validation errors.",
@@ -2300,6 +2377,21 @@
                 "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "expand",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the input expands to fill the width of its container.",
+              "attribute": "expand",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "handleFormData",
@@ -2326,6 +2418,69 @@
                 "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "renderLabel",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderHint",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderError",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getDescribedBy",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getInvalid",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasHint",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasError",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -2369,6 +2524,7 @@
             {
               "kind": "field",
               "name": "form",
+              "privacy": "protected",
               "description": "Gets the form, if any, associated with the input element.",
               "inheritedFrom": {
                 "name": "InputMixin",
@@ -2436,14 +2592,57 @@
               }
             }
           ],
+          "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"
+          },
+          "status": "draft",
+          "category": "form",
+          "tagName": "nord-select",
+          "customElement": true,
           "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Label for the input.",
+              "fieldName": "label",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
             {
               "name": "hint",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Optional hint text to be displayed with select. Alternatively use the hint slot.",
-              "fieldName": "hint"
+              "description": "Optional hint text to be displayed with the input. Alternatively use the hint slot.",
+              "fieldName": "hint",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
             },
             {
               "name": "hide-label",
@@ -2452,54 +2651,57 @@
               },
               "default": "false",
               "description": "Visually hide the label, but still show it to assistive technologies like screen readers.",
-              "fieldName": "hideLabel"
+              "fieldName": "hideLabel",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
             },
             {
               "name": "placeholder",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Hint text to display as the first option of the select element.",
-              "fieldName": "placeholder"
+              "description": "Placeholder text to display within the input.",
+              "fieldName": "placeholder",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
             },
             {
               "name": "error",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Optional error to be shown with the select. Alternatively use the error slot.",
-              "fieldName": "error"
+              "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": "expand",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Controls whether the select expands to fill the width of its container.",
-              "fieldName": "expand"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Label for the input.",
-              "fieldName": "label",
+              "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": "required",
+              "name": "expand",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the input is required or not.\nAn input marked as required will be announced as such to users of assistive technology.\nWhen using this property you need to also set “novalidate” attribute on a form element to prevent browser from displaying its own validation errors.",
-              "fieldName": "required",
+              "description": "Controls whether the input expands to fill the width of its container.",
+              "fieldName": "expand",
               "inheritedFrom": {
                 "name": "FormAssociatedMixin",
                 "module": "src/common/mixins/FormAssociatedMixin.ts"
@@ -2543,32 +2745,6 @@
               }
             }
           ],
-          "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"
-          },
-          "status": "draft",
-          "category": "form",
-          "tagName": "nord-select",
-          "customElement": true,
           "events": [
             {
               "name": "change",
@@ -2829,40 +3005,594 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/visually-hidden/VisuallyHidden.ts",
+      "path": "src/textarea/Textarea.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Visually hidden is used when an element needs to be available\nto assistive technologies like screen readers, but be otherwise\nhidden.",
-          "name": "VisuallyHidden",
+          "description": "Textarea is a component that allows user to write text over\nmultiple rows. Used when the expected user input is long.\nFor shorter input, use the Input component.",
+          "name": "Textarea",
           "slots": [
             {
-              "description": "The visually hidden content.",
-              "name": ""
+              "description": "Use when a label requires more than plain text.",
+              "name": "label"
+            },
+            {
+              "description": "Optional slot that holds hint text for the textarea.",
+              "name": "hint"
+            },
+            {
+              "description": "Optional slot that holds error text for the textarea.",
+              "name": "error"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "_warningLogged",
+              "name": "inputId",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "static": true,
-              "default": "false",
+              "privacy": "protected",
+              "default": "\"textarea\"",
               "inheritedFrom": {
-                "name": "DraftComponentMixin",
-                "module": "src/common/mixins/DraftComponentMixin.ts"
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
               }
-            }
-          ],
-          "mixins": [
+            },
             {
-              "name": "DraftComponentMixin",
-              "module": "/src/common/mixins/DraftComponentMixin.js"
-            }
-          ],
+              "kind": "field",
+              "name": "resize",
+              "type": {
+                "text": "\"vertical\" | \"auto\""
+              },
+              "default": "\"vertical\"",
+              "description": "Controls whether the textarea is resizable.\nBy default is manually resizable vertically.\nSet to \"auto\" to enable auto-resizing as content grows.",
+              "attribute": "resize",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "resizeToFitContent",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "slots",
+              "privacy": "protected",
+              "default": "new SlotController(this)",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Label for the input.",
+              "attribute": "label",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hint",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional hint text to be displayed with the input. Alternatively use the hint slot.",
+              "attribute": "hint",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hideLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Visually hide the label, but still show it to assistive technologies like screen readers.",
+              "attribute": "hide-label",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Placeholder text to display within the input.",
+              "attribute": "placeholder",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional error to be shown with the input. Alternatively use the error slot.",
+              "attribute": "error",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether the input is required or not.\nAn input marked as required will be announced as such to users of assistive technology.\nWhen using this property you need to also set “novalidate” attribute on a form element to prevent browser from displaying its own validation errors.",
+              "attribute": "required",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expand",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the input expands to fill the width of its container.",
+              "attribute": "expand",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleFormData",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderLabel",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderHint",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderError",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getDescribedBy",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getInvalid",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasHint",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasError",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the input component disabled.\nThis prevents users from being able to interact with the component, and conveys its inactive state to assistive technologies.",
+              "attribute": "disabled",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The name of the input component.",
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The value of the input component.",
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "privacy": "protected",
+              "description": "Gets the form, if any, associated with the input element.",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "focusableRef",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "src/common/mixins/FocusableMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  },
+                  "description": "An object which controls aspects of the focusing process."
+                }
+              ],
+              "description": "Programmatically move focus to the component",
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "src/common/mixins/FocusableMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "description": "Programmatically remove focus from the component.",
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "src/common/mixins/FocusableMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "click",
+              "description": "Programmatically simulates a click on the component.",
+              "inheritedFrom": {
+                "name": "FocusableMixin",
+                "module": "src/common/mixins/FocusableMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_warningLogged",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "false",
+              "inheritedFrom": {
+                "name": "DraftComponentMixin",
+                "module": "src/common/mixins/DraftComponentMixin.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "resize",
+              "type": {
+                "text": "\"vertical\" | \"auto\""
+              },
+              "default": "\"vertical\"",
+              "description": "Controls whether the textarea is resizable.\nBy default is manually resizable vertically.\nSet to \"auto\" to enable auto-resizing as content grows.",
+              "fieldName": "resize"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Label for the input.",
+              "fieldName": "label",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "name": "hint",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional hint text to be displayed with the input. Alternatively use the hint slot.",
+              "fieldName": "hint",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "name": "hide-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Visually hide the label, but still show it to assistive technologies like screen readers.",
+              "fieldName": "hideLabel",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Placeholder text to display within the input.",
+              "fieldName": "placeholder",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "name": "error",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional error to be shown with the input. Alternatively use the error slot.",
+              "fieldName": "error",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether the input is required or not.\nAn input marked as required will be announced as such to users of assistive technology.\nWhen using this property you need to also set “novalidate” attribute on a form element to prevent browser from displaying its own validation errors.",
+              "fieldName": "required",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            },
+            {
+              "name": "expand",
+              "type": {
+                "text": "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 | undefined"
+              },
+              "description": "The value of the input component.",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "InputMixin",
+                "module": "src/common/mixins/InputMixin.ts"
+              }
+            }
+          ],
+          "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"
+          },
+          "status": "draft",
+          "category": "form",
+          "tagName": "nord-textarea",
+          "customElement": true,
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "NordEvent"
+              },
+              "description": "Fired whenever the input's value is changed via user interaction.",
+              "inheritedFrom": {
+                "name": "FormAssociatedMixin",
+                "module": "src/common/mixins/FormAssociatedMixin.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Textarea",
+            "module": "src/textarea/Textarea.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "nord-textarea",
+          "declaration": {
+            "name": "Textarea",
+            "module": "src/textarea/Textarea.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/visually-hidden/VisuallyHidden.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Visually hidden is used when an element needs to be available\nto assistive technologies like screen readers, but be otherwise\nhidden.",
+          "name": "VisuallyHidden",
+          "slots": [
+            {
+              "description": "The visually hidden content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_warningLogged",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "false",
+              "inheritedFrom": {
+                "name": "DraftComponentMixin",
+                "module": "src/common/mixins/DraftComponentMixin.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "DraftComponentMixin",
+              "module": "/src/common/mixins/DraftComponentMixin.js"
+            }
+          ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
@@ -2917,15 +3647,15 @@
                 "text": "ShortcutController"
               },
               "privacy": "private",
-              "default": "new ShortcutController(this.host, { Escape: onDismiss })"
+              "default": "new ShortcutController(this.host, { Escape: this.handleEsc })"
             },
             {
               "kind": "field",
-              "name": "onDismiss",
+              "name": "options",
               "type": {
-                "text": "EventListener"
+                "text": "LightDismissOptions"
               },
-              "default": "onDismiss"
+              "default": "options"
             },
             {
               "kind": "method",
@@ -2935,6 +3665,11 @@
               "kind": "method",
               "name": "hostDisconnected"
             },
+            {
+              "kind": "field",
+              "name": "handleEsc",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "handleClickOut",
@@ -2974,20 +3709,84 @@
             },
             {
               "kind": "field",
-              "name": "shortcuts",
+              "name": "shortcuts",
+              "type": {
+                "text": "KeyBindingMap | undefined"
+              },
+              "privacy": "private",
+              "default": "shortcuts"
+            },
+            {
+              "kind": "field",
+              "name": "unregister",
+              "type": {
+                "text": "ReturnType<typeof tinykeys> | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected"
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected"
+            },
+            {
+              "kind": "method",
+              "name": "unbind"
+            },
+            {
+              "kind": "method",
+              "name": "bind",
+              "parameters": [
+                {
+                  "name": "shortcuts",
+                  "type": {
+                    "text": "KeyBindingMap"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ShortcutController",
+          "declaration": {
+            "name": "ShortcutController",
+            "module": "src/common/controllers/ShortcutController.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ShortcutMap",
+          "declaration": {
+            "name": "KeyBindingMap",
+            "module": "src/common/controllers/ShortcutController.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/controllers/SlotController.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SlotController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "host",
               "type": {
-                "text": "KeyBindingMap | undefined"
+                "text": "ReactiveElement"
               },
               "privacy": "private",
-              "default": "shortcuts"
-            },
-            {
-              "kind": "field",
-              "name": "unregister",
-              "type": {
-                "text": "ReturnType<typeof tinykeys> | undefined"
-              },
-              "privacy": "private"
+              "default": "host"
             },
             {
               "kind": "method",
@@ -2999,19 +3798,20 @@
             },
             {
               "kind": "method",
-              "name": "unbind"
-            },
-            {
-              "kind": "method",
-              "name": "bind",
+              "name": "hasSlottedContent",
               "parameters": [
                 {
-                  "name": "shortcuts",
+                  "name": "slotName",
                   "type": {
-                    "text": "KeyBindingMap"
+                    "text": "string"
                   }
                 }
               ]
+            },
+            {
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private"
             }
           ]
         }
@@ -3019,18 +3819,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ShortcutController",
-          "declaration": {
-            "name": "ShortcutController",
-            "module": "src/common/controllers/ShortcutController.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ShortcutMap",
+          "name": "SlotController",
           "declaration": {
-            "name": "KeyBindingMap",
-            "module": "src/common/controllers/ShortcutController.ts"
+            "name": "SlotController",
+            "module": "src/common/controllers/SlotController.ts"
           }
         }
       ]
@@ -3239,6 +4031,57 @@
                 "text": "boolean"
               }
             },
+            {
+              "kind": "field",
+              "name": "hint",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hideLabel",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expand",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inputId",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "slots",
+              "type": {
+                "text": "SlotController"
+              },
+              "privacy": "protected"
+            },
             {
               "kind": "method",
               "name": "handleChange",
@@ -3256,6 +4099,46 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "renderLabel",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderError",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getDescribedBy",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string | undefined"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getInvalid",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "\"true\" | undefined"
+                }
+              }
             }
           ]
         },
@@ -3264,6 +4147,21 @@
           "description": "",
           "name": "FormAssociatedMixin",
           "members": [
+            {
+              "kind": "field",
+              "name": "slots",
+              "privacy": "protected",
+              "default": "new SlotController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "inputId",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "default": "\"input\""
+            },
             {
               "kind": "field",
               "name": "label",
@@ -3274,6 +4172,43 @@
               "description": "Label for the input.",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "hint",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional hint text to be displayed with the input. Alternatively use the hint slot.",
+              "attribute": "hint"
+            },
+            {
+              "kind": "field",
+              "name": "hideLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Visually hide the label, but still show it to assistive technologies like screen readers.",
+              "attribute": "hide-label"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Placeholder text to display within the input.",
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional error to be shown with the input. Alternatively use the error slot.",
+              "attribute": "error"
+            },
             {
               "kind": "field",
               "name": "required",
@@ -3284,6 +4219,17 @@
               "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"
             },
+            {
+              "kind": "field",
+              "name": "expand",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the input expands to fill the width of its container.",
+              "attribute": "expand",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "handleFormData",
@@ -3301,6 +4247,41 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "renderLabel",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "renderHint",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderError",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "getDescribedBy",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "getInvalid",
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "hasHint",
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "hasError",
+              "privacy": "protected"
             }
           ],
           "events": [
@@ -3322,6 +4303,39 @@
               "description": "Label for the input.",
               "fieldName": "label"
             },
+            {
+              "name": "hint",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional hint text to be displayed with the input. Alternatively use the hint slot.",
+              "fieldName": "hint"
+            },
+            {
+              "name": "hide-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Visually hide the label, but still show it to assistive technologies like screen readers.",
+              "fieldName": "hideLabel"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Placeholder text to display within the input.",
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "error",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional error to be shown with the input. Alternatively use the error slot.",
+              "fieldName": "error"
+            },
             {
               "name": "required",
               "type": {
@@ -3330,6 +4344,15 @@
               "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"
+            },
+            {
+              "name": "expand",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the input expands to fill the width of its container.",
+              "fieldName": "expand"
             }
           ],
           "parameters": [
@@ -3436,6 +4459,7 @@
             {
               "kind": "field",
               "name": "form",
+              "privacy": "protected",
               "description": "Gets the form, if any, associated with the input element."
             }
           ],