@nordhealth/components 4.12.3 → 4.12.4

package/custom-elements.json

@@ -15425,257 +15425,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/tab-group/TabGroup.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Tab Group allows multiple panels to be contained within a single window,\nusing tabs as a navigational element.",
-          "name": "TabGroup",
-          "cssProperties": [
-            {
-              "description": "Controls the padding around the tab group (including the tab list), using our [spacing tokens](/tokens/#space).",
-              "name": "--n-tab-group-padding",
-              "default": "0"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The element which contains the content to be revealed.",
-              "name": ""
-            },
-            {
-              "description": "The element which contains all tabs to reveal tabbed content.",
-              "name": "tab"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "direction",
-              "privacy": "private",
-              "default": "new DirectionController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "observer",
-              "type": {
-                "text": "MutationObserver | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "observerOptions",
-              "type": {
-                "text": "object"
-              },
-              "privacy": "private",
-              "static": true,
-              "default": "{ attributes: true, subtree: true, attributeFilter: ['selected'], attributeOldValue: true, }"
-            },
-            {
-              "kind": "field",
-              "name": "tabGroupId",
-              "privacy": "private",
-              "default": "`nord-tab-group-${tabGroupCount++}`",
-              "description": "Unique ID for each tab group component present."
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Adds an accessible label to the tab list container.",
-              "attribute": "label",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "padding",
-              "type": {
-                "text": "'m' | 'l' | 'none' | undefined"
-              },
-              "default": "'m'",
-              "description": "Controls the padding of the tab group component.",
-              "attribute": "padding",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "sticky",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the tab list sticks to the top of the tab group as you scroll.",
-              "attribute": "sticky",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "selectedTab",
-              "privacy": "private",
-              "description": "The current tab node selected in the tab group."
-            },
-            {
-              "kind": "method",
-              "name": "updateSlots",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "setupObserver",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleMutation",
-              "privacy": "private",
-              "description": "If the selected tab is selected programmatically update all the tabs."
-            },
-            {
-              "kind": "field",
-              "name": "initialSelectedTab",
-              "privacy": "private",
-              "description": "Get the selected tab button, or the first tab button.",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "setupTabs",
-              "privacy": "private",
-              "description": "Apply accessible attributes and values to the tab buttons."
-            },
-            {
-              "kind": "method",
-              "name": "setupPanels",
-              "privacy": "private",
-              "description": "Apply accessible attributes and values to the tab panels."
-            },
-            {
-              "kind": "method",
-              "name": "handleTabChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "previousTab",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "tab",
-                  "type": {
-                    "text": "Tab"
-                  }
-                }
-              ],
-              "description": "Get the previous tab button in the tab group"
-            },
-            {
-              "kind": "method",
-              "name": "handleKeydown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ],
-              "description": "Handle keyboard accessible controls."
-            },
-            {
-              "kind": "method",
-              "name": "updateSelectedTab",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "selectedTab",
-                  "type": {
-                    "text": "Tab"
-                  }
-                }
-              ],
-              "description": "Update the selected tab button with attributes and values.\nUpdate the tab group state."
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Adds an accessible label to the tab list container.",
-              "fieldName": "label"
-            },
-            {
-              "name": "padding",
-              "type": {
-                "text": "'m' | 'l' | 'none' | undefined"
-              },
-              "default": "'m'",
-              "description": "Controls the padding of the tab group component.",
-              "fieldName": "padding"
-            },
-            {
-              "name": "sticky",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the tab list sticks to the top of the tab group as you scroll.",
-              "fieldName": "sticky"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "localization": [],
-          "status": "ready",
-          "category": "navigation",
-          "readme": "## Usage\n\nThis section includes guidelines for designers and developers about the usage of this component in different contexts.\n\n<div class=\"n-usage n-usage-do\">\n\n### Do\n\n- Use to allow multiple panels to be contained within a single window.\n- Use the tab panel and tab components within the tab group component.\n- Use the tab and tab panel components in order to create a tab group content structure.\n\n</div>\n<div class=\"n-usage n-usage-dont\">\n\n### Don’t\n\n- Don’t use tabs to navigate to other pages. Use navigation or links instead.\n- Don't use other components to the tab and tab panel within the tab group component.\n- Don't obscure important information within a tab panel that isn't revealed by default.\n- Don't add a tab or tab panel component without providing an accompanying panel or tab.\n\n</div>\n\n---\n\n## Content guidelines\n\nWhen writing tab labels, always write them in sentence case, not title case. The first word should be capitalized and the rest lowercase (unless a proper noun):\n\n<div class=\"n-usage n-usage-do\">My tasks</div>\n<div class=\"n-usage n-usage-dont\">My Tasks</div>\n\nAvoid unnecessary words and articles in tab labels, such as “the”, “an” or “a”:\n\n<div class=\"n-usage n-usage-do\">Dashboard</div>\n<div class=\"n-usage n-usage-dont\">The dashboard</div>\n\nAvoid ending tab labels in punctuation:\n\n<div class=\"n-usage n-usage-do\">Patients</div>\n<div class=\"n-usage n-usage-dont\">Patients.</div>\n\nUse as few words as possible to describe each tab label:\n\n<div class=\"n-usage n-usage-do\">Payments</div>\n<div class=\"n-usage n-usage-dont\">Payments in your clinic</div>\n\nAvoid all caps for tab labels:\n\n<div class=\"n-usage n-usage-do\">Dashboard</div>\n<div class=\"n-usage n-usage-dont\">DASHBOARD</div>\n\n---\n\n## Additional considerations\n\n- If the content contained within the tabs UI has significance or is important for the user to see, consider using a different form of presentation that doesn't obscure it.\n- If there is a particular tab panel you wish to show out of order of the tabs UI itself consider using the `selected` option on the tab component related to the panel to select the tab but prevent the order of the tabs being affected.\n",
-          "examples": [],
-          "dependencies": [
-            "tab"
-          ],
-          "tagName": "nord-tab-group",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "TabGroup",
-            "module": "src/tab-group/TabGroup.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "nord-tab-group",
-          "declaration": {
-            "name": "TabGroup",
-            "module": "src/tab-group/TabGroup.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/tab-panel/TabPanel.ts",
@@ -17541,123 +17290,218 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/toast/Toast.ts",
+      "path": "src/tab-group/TabGroup.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Toasts are non-disruptive messages that appear in the interface\nto provide quick, at-a-glance feedback on the outcome of an action.",
-          "name": "Toast",
-          "slots": [
+          "description": "Tab Group allows multiple panels to be contained within a single window,\nusing tabs as a navigational element.",
+          "name": "TabGroup",
+          "cssProperties": [
             {
-              "description": "Default slot used for the toast text/message.",
+              "description": "Controls the padding around the tab group (including the tab list), using our [spacing tokens](/tokens/#space).",
+              "name": "--n-tab-group-padding",
+              "default": "0"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The element which contains the content to be revealed.",
               "name": ""
+            },
+            {
+              "description": "The element which contains all tabs to reveal tabbed content.",
+              "name": "tab"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "timeoutId",
+              "name": "direction",
+              "privacy": "private",
+              "default": "new DirectionController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "observer",
               "type": {
-                "text": "ReturnType<typeof setTimeout> | undefined"
+                "text": "MutationObserver | undefined"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "observerOptions",
               "type": {
-                "text": "'default' | 'danger'"
+                "text": "object"
               },
-              "default": "'default'",
-              "description": "The style variant of the toast.",
-              "attribute": "variant",
+              "privacy": "private",
+              "static": true,
+              "default": "{ attributes: true, subtree: true, attributeFilter: ['selected'], attributeOldValue: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "tabGroupId",
+              "privacy": "private",
+              "default": "`nord-tab-group-${tabGroupCount++}`",
+              "description": "Unique ID for each tab group component present."
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Adds an accessible label to the tab list container.",
+              "attribute": "label",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "autoDismiss",
+              "name": "padding",
               "type": {
-                "text": "number"
+                "text": "'m' | 'l' | 'none' | undefined"
               },
-              "default": "10000",
-              "description": "Timeout in milliseconds before the toast is automatically dismissed.",
-              "attribute": "auto-dismiss",
+              "default": "'m'",
+              "description": "Controls the padding of the tab group component.",
+              "attribute": "padding",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "sticky",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the tab list sticks to the top of the tab group as you scroll.",
+              "attribute": "sticky",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "selectedTab",
+              "privacy": "private",
+              "description": "The current tab node selected in the tab group."
+            },
             {
               "kind": "method",
-              "name": "dismiss",
-              "description": "Programmatically dismiss the toast.\nThe returned promise resolves when toast's exit animation is complete.",
-              "inheritedFrom": {
-                "name": "NotificationMixin",
-                "module": "src/common/mixins/NotificationMixin.ts"
-              }
+              "name": "updateSlots",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleAutoDismissChange",
-              "privacy": "protected"
+              "name": "setupObserver",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "notificationRef",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "NotificationMixin",
-                "module": "src/common/mixins/NotificationMixin.ts"
-              }
+              "name": "handleMutation",
+              "privacy": "private",
+              "description": "If the selected tab is selected programmatically update all the tabs."
             },
             {
               "kind": "field",
-              "name": "dismissed",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "NotificationMixin",
-                "module": "src/common/mixins/NotificationMixin.ts"
-              }
-            }
-          ],
-          "events": [
+              "name": "initialSelectedTab",
+              "privacy": "private",
+              "description": "Get the selected tab button, or the first tab button.",
+              "readonly": true
+            },
             {
-              "name": "dismiss",
-              "type": {
-                "text": "NordEvent"
-              },
-              "description": "Fired when the toast is dismissed (via user action or auto-dismiss), and its exit animation has completed. This event should be used to remove the dismissed toast from the DOM.",
-              "inheritedFrom": {
-                "name": "NotificationMixin",
-                "module": "src/common/mixins/NotificationMixin.ts"
-              }
+              "kind": "method",
+              "name": "setupTabs",
+              "privacy": "private",
+              "description": "Apply accessible attributes and values to the tab buttons."
+            },
+            {
+              "kind": "method",
+              "name": "setupPanels",
+              "privacy": "private",
+              "description": "Apply accessible attributes and values to the tab panels."
+            },
+            {
+              "kind": "method",
+              "name": "handleTabChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "previousTab",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "tab",
+                  "type": {
+                    "text": "Tab"
+                  }
+                }
+              ],
+              "description": "Get the previous tab button in the tab group"
+            },
+            {
+              "kind": "method",
+              "name": "handleKeydown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Handle keyboard accessible controls."
+            },
+            {
+              "kind": "method",
+              "name": "updateSelectedTab",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "selectedTab",
+                  "type": {
+                    "text": "Tab"
+                  }
+                }
+              ],
+              "description": "Update the selected tab button with attributes and values.\nUpdate the tab group state."
             }
           ],
           "attributes": [
             {
-              "name": "variant",
+              "name": "label",
               "type": {
-                "text": "'default' | 'danger'"
+                "text": "string"
               },
-              "default": "'default'",
-              "description": "The style variant of the toast.",
-              "fieldName": "variant"
+              "default": "''",
+              "description": "Adds an accessible label to the tab list container.",
+              "fieldName": "label"
             },
             {
-              "name": "auto-dismiss",
+              "name": "padding",
               "type": {
-                "text": "number"
+                "text": "'m' | 'l' | 'none' | undefined"
               },
-              "default": "10000",
-              "description": "Timeout in milliseconds before the toast is automatically dismissed.",
-              "fieldName": "autoDismiss"
-            }
-          ],
-          "mixins": [
+              "default": "'m'",
+              "description": "Controls the padding of the tab group component.",
+              "fieldName": "padding"
+            },
             {
-              "name": "NotificationMixin",
-              "module": "/src/common/mixins/NotificationMixin.js"
+              "name": "sticky",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the tab list sticks to the top of the tab group as you scroll.",
+              "fieldName": "sticky"
             }
           ],
           "superclass": {
@@ -17666,13 +17510,13 @@
           },
           "localization": [],
           "status": "ready",
-          "category": "feedback",
-          "readme": "## Usage\n\nThis section includes guidelines for designers and developers about the usage of this component in different contexts.\n\n<div class=\"n-usage n-usage-do\">\n\n### Do\n\n- Use for short messages that confirm an action taken by a user.\n- Use for ephemeral status updates.\n- Use in combination with [Toast group](/components/toast-group) so that toasts get styled and announced to screen readers correctly.\n\n</div>\n<div class=\"n-usage n-usage-dont\">\n\n### Don’t\n\n- Don’t use toasts for critical information that user needs to act on. Consider using a [Notification](/components/notification) instead.\n- Don’t rely on users seeing toasts. Toasts are transient and should not be used for critical messages.\n- Don’t place interactive content in toasts. Assistive technology like screen readers will not convey any semantics when announcing toast messages.\n- Don’t use for error messages unless absolutely necessary. Try to favor a [Banner](/components/banner/) for error messaging instead.\n\n</div>\n\n---\n\n## Content guidelines\n\nToast content should be clear, accurate and easy to understand:\n\n<div class=\"n-usage n-usage-do\">Message sent</div>\n<div class=\"n-usage n-usage-dont\">Your message has been sent</div>\n\nWhen writing the toast content, use the {noun} + {verb} content formula:\n\n<div class=\"n-usage n-usage-do\">Patient created</div>\n<div class=\"n-usage n-usage-dont\">Your patient has been successfully updated</div>\n\nUse a maximum of 3 words when writing the toast content:\n\n<div class=\"n-usage n-usage-do\">Product updated</div>\n<div class=\"n-usage n-usage-dont\">Your product was updated just now</div>\n\nWhen writing the toast content, always write it in sentence case, not title case. The first word should be capitalized and the rest lowercase (unless a proper noun):\n\n<div class=\"n-usage n-usage-do\">Message sent</div>\n<div class=\"n-usage n-usage-dont\">Message Sent</div>\n\nAvoid unnecessary words and articles in the toast content, such as “the”, “an” or “a”:\n\n<div class=\"n-usage n-usage-do\">Changes saved</div>\n<div class=\"n-usage n-usage-dont\">The changes were saved</div>\n\nNever end in punctuation:\n\n<div class=\"n-usage n-usage-do\">Message sent</div>\n<div class=\"n-usage n-usage-dont\">Message sent.</div>\n\n---\n\n## Additional considerations\n\n- Toasts are complicated from an accessibility perspective. Whilst they are a convenient UI pattern for messaging, they present difficulties for keyboard or screen reader users. Therefore careful consideration should be given as to whether a toast is the correct choice.\n- If the message cannot be conveyed in 3 words or less, consider re-wording. If the message cannot be shortened any further, consider choosing a different pattern than toast.\n",
+          "category": "navigation",
+          "readme": "## Usage\n\nThis section includes guidelines for designers and developers about the usage of this component in different contexts.\n\n<div class=\"n-usage n-usage-do\">\n\n### Do\n\n- Use to allow multiple panels to be contained within a single window.\n- Use the tab panel and tab components within the tab group component.\n- Use the tab and tab panel components in order to create a tab group content structure.\n\n</div>\n<div class=\"n-usage n-usage-dont\">\n\n### Don’t\n\n- Don’t use tabs to navigate to other pages. Use navigation or links instead.\n- Don't use other components to the tab and tab panel within the tab group component.\n- Don't obscure important information within a tab panel that isn't revealed by default.\n- Don't add a tab or tab panel component without providing an accompanying panel or tab.\n\n</div>\n\n---\n\n## Content guidelines\n\nWhen writing tab labels, always write them in sentence case, not title case. The first word should be capitalized and the rest lowercase (unless a proper noun):\n\n<div class=\"n-usage n-usage-do\">My tasks</div>\n<div class=\"n-usage n-usage-dont\">My Tasks</div>\n\nAvoid unnecessary words and articles in tab labels, such as “the”, “an” or “a”:\n\n<div class=\"n-usage n-usage-do\">Dashboard</div>\n<div class=\"n-usage n-usage-dont\">The dashboard</div>\n\nAvoid ending tab labels in punctuation:\n\n<div class=\"n-usage n-usage-do\">Patients</div>\n<div class=\"n-usage n-usage-dont\">Patients.</div>\n\nUse as few words as possible to describe each tab label:\n\n<div class=\"n-usage n-usage-do\">Payments</div>\n<div class=\"n-usage n-usage-dont\">Payments in your clinic</div>\n\nAvoid all caps for tab labels:\n\n<div class=\"n-usage n-usage-do\">Dashboard</div>\n<div class=\"n-usage n-usage-dont\">DASHBOARD</div>\n\n---\n\n## Additional considerations\n\n- If the content contained within the tabs UI has significance or is important for the user to see, consider using a different form of presentation that doesn't obscure it.\n- If there is a particular tab panel you wish to show out of order of the tabs UI itself consider using the `selected` option on the tab component related to the panel to select the tab but prevent the order of the tabs being affected.\n",
           "examples": [],
           "dependencies": [
-            "icon"
+            "tab"
           ],
-          "tagName": "nord-toast",
+          "tagName": "nord-tab-group",
           "customElement": true
         }
       ],
@@ -17681,16 +17525,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "Toast",
-            "module": "src/toast/Toast.ts"
+            "name": "TabGroup",
+            "module": "src/tab-group/TabGroup.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "nord-toast",
+          "name": "nord-tab-group",
           "declaration": {
-            "name": "Toast",
-            "module": "src/toast/Toast.ts"
+            "name": "TabGroup",
+            "module": "src/tab-group/TabGroup.ts"
           }
         }
       ]
@@ -17782,18 +17626,174 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/toggle/Toggle.ts",
+      "path": "src/toast/Toast.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Toggle switch gives control over a feature or option that can be\nturned on or off. If a physical switch would work for the action, a\ntoggle is probably the best component to use.",
-          "name": "Toggle",
-          "cssProperties": [
+          "description": "Toasts are non-disruptive messages that appear in the interface\nto provide quick, at-a-glance feedback on the outcome of an action.",
+          "name": "Toast",
+          "slots": [
             {
-              "description": "Controls the text color of the label, using our [color tokens](/tokens/#color).",
-              "name": "--n-label-color",
-              "default": "var(--n-color-text)"
-            }
+              "description": "Default slot used for the toast text/message.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "timeoutId",
+              "type": {
+                "text": "ReturnType<typeof setTimeout> | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'default' | 'danger'"
+              },
+              "default": "'default'",
+              "description": "The style variant of the toast.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "autoDismiss",
+              "type": {
+                "text": "number"
+              },
+              "default": "10000",
+              "description": "Timeout in milliseconds before the toast is automatically dismissed.",
+              "attribute": "auto-dismiss",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "dismiss",
+              "description": "Programmatically dismiss the toast.\nThe returned promise resolves when toast's exit animation is complete.",
+              "inheritedFrom": {
+                "name": "NotificationMixin",
+                "module": "src/common/mixins/NotificationMixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleAutoDismissChange",
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "notificationRef",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "NotificationMixin",
+                "module": "src/common/mixins/NotificationMixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dismissed",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "NotificationMixin",
+                "module": "src/common/mixins/NotificationMixin.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "dismiss",
+              "type": {
+                "text": "NordEvent"
+              },
+              "description": "Fired when the toast is dismissed (via user action or auto-dismiss), and its exit animation has completed. This event should be used to remove the dismissed toast from the DOM.",
+              "inheritedFrom": {
+                "name": "NotificationMixin",
+                "module": "src/common/mixins/NotificationMixin.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "'default' | 'danger'"
+              },
+              "default": "'default'",
+              "description": "The style variant of the toast.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "auto-dismiss",
+              "type": {
+                "text": "number"
+              },
+              "default": "10000",
+              "description": "Timeout in milliseconds before the toast is automatically dismissed.",
+              "fieldName": "autoDismiss"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "NotificationMixin",
+              "module": "/src/common/mixins/NotificationMixin.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "localization": [],
+          "status": "ready",
+          "category": "feedback",
+          "readme": "## Usage\n\nThis section includes guidelines for designers and developers about the usage of this component in different contexts.\n\n<div class=\"n-usage n-usage-do\">\n\n### Do\n\n- Use for short messages that confirm an action taken by a user.\n- Use for ephemeral status updates.\n- Use in combination with [Toast group](/components/toast-group) so that toasts get styled and announced to screen readers correctly.\n\n</div>\n<div class=\"n-usage n-usage-dont\">\n\n### Don’t\n\n- Don’t use toasts for critical information that user needs to act on. Consider using a [Notification](/components/notification) instead.\n- Don’t rely on users seeing toasts. Toasts are transient and should not be used for critical messages.\n- Don’t place interactive content in toasts. Assistive technology like screen readers will not convey any semantics when announcing toast messages.\n- Don’t use for error messages unless absolutely necessary. Try to favor a [Banner](/components/banner/) for error messaging instead.\n\n</div>\n\n---\n\n## Content guidelines\n\nToast content should be clear, accurate and easy to understand:\n\n<div class=\"n-usage n-usage-do\">Message sent</div>\n<div class=\"n-usage n-usage-dont\">Your message has been sent</div>\n\nWhen writing the toast content, use the {noun} + {verb} content formula:\n\n<div class=\"n-usage n-usage-do\">Patient created</div>\n<div class=\"n-usage n-usage-dont\">Your patient has been successfully updated</div>\n\nUse a maximum of 3 words when writing the toast content:\n\n<div class=\"n-usage n-usage-do\">Product updated</div>\n<div class=\"n-usage n-usage-dont\">Your product was updated just now</div>\n\nWhen writing the toast content, always write it in sentence case, not title case. The first word should be capitalized and the rest lowercase (unless a proper noun):\n\n<div class=\"n-usage n-usage-do\">Message sent</div>\n<div class=\"n-usage n-usage-dont\">Message Sent</div>\n\nAvoid unnecessary words and articles in the toast content, such as “the”, “an” or “a”:\n\n<div class=\"n-usage n-usage-do\">Changes saved</div>\n<div class=\"n-usage n-usage-dont\">The changes were saved</div>\n\nNever end in punctuation:\n\n<div class=\"n-usage n-usage-do\">Message sent</div>\n<div class=\"n-usage n-usage-dont\">Message sent.</div>\n\n---\n\n## Additional considerations\n\n- Toasts are complicated from an accessibility perspective. Whilst they are a convenient UI pattern for messaging, they present difficulties for keyboard or screen reader users. Therefore careful consideration should be given as to whether a toast is the correct choice.\n- If the message cannot be conveyed in 3 words or less, consider re-wording. If the message cannot be shortened any further, consider choosing a different pattern than toast.\n",
+          "examples": [],
+          "dependencies": [
+            "icon"
+          ],
+          "tagName": "nord-toast",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Toast",
+            "module": "src/toast/Toast.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "nord-toast",
+          "declaration": {
+            "name": "Toast",
+            "module": "src/toast/Toast.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/toggle/Toggle.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Toggle switch gives control over a feature or option that can be\nturned on or off. If a physical switch would work for the action, a\ntoggle is probably the best component to use.",
+          "name": "Toggle",
+          "cssProperties": [
+            {
+              "description": "Controls the text color of the label, using our [color tokens](/tokens/#color).",
+              "name": "--n-label-color",
+              "default": "var(--n-color-text)"
+            }
           ],
           "slots": [
             {
@@ -18772,20 +18772,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/top-bar/TopBar.ts",
+      "path": "src/visually-hidden/VisuallyHidden.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Top bar is a header component that is always visible at the top of the interface. Top bar allows functionality such as search and contextual menus to be placed at the top of the interface.",
-          "name": "TopBar",
+          "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": "Used for the main content of the top bar. We recommend placing your application’s global search functionality into this slot.",
+              "description": "The visually hidden content.",
               "name": ""
-            },
-            {
-              "description": "Optional slot for menus, buttons, toggles, etc.",
-              "name": "end"
             }
           ],
           "members": [],
@@ -18795,11 +18791,11 @@
           },
           "localization": [],
           "status": "ready",
-          "category": "structure",
-          "readme": "## Usage\n\nThis section includes guidelines for designers and developers about the usage of this component in different contexts.\n\n<div class=\"n-usage n-usage-do\">\n\n### Do\n\n- Applications that utilize the top bar can allow users to customize the color of the top bar to match their preference. [View an example](/components/top-bar/?example=color).\n- If your application allows it, include search to help users find resources and navigate.\n- Include a user menu in the end slot of the top bar.\n- Use the [layout component](/components/layout/?example=top-bar) to provide structure for the top bar component. We’ve also created [an example which shows full theming capabilities](/components/layout/?example=theming).\n\n</div>\n<div class=\"n-usage n-usage-dont\">\n\n### Don’t\n\n- Don’t use for global navigation. Use the [navigation component](/components/navigation/) instead.\n- Don’t allow the user to set a top bar color that doesn’t provide enough contrast with the content.\n- Don’t allow the user to freely pick a hex code as the top bar color. Instead, offer a choice from a predefined palette of colors which provides sufficient contrast with the content. [View an example](/components/top-bar/?example=color).\n\n</div>\n\n---\n\n## Theming\n\nPlease see the [Top Bar theming](/themes/#top-bar-theming) section in our theming documentation for detailed guidelines.\n\n<nord-button variant=\"primary\" href=\"/themes/#top-bar-theming\">Theming Guidelines</nord-button>\n",
+          "category": "text",
+          "readme": "## Usage\n\nThis section includes guidelines for designers and developers about the usage of this component in different contexts.\n\n<div class=\"n-usage n-usage-do\">\n\n### Do\n\n- Use to hide text visually from the screen, but keep it available to assistive technologies, such as screen readers.\n\n</div>\n<div class=\"n-usage n-usage-dont\">\n\n### Don’t\n\n- Don’t use for hiding interactive content.\n\n</div>\n",
           "examples": [],
           "dependencies": [],
-          "tagName": "nord-top-bar",
+          "tagName": "nord-visually-hidden",
           "customElement": true
         }
       ],
@@ -18808,32 +18804,36 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "TopBar",
-            "module": "src/top-bar/TopBar.ts"
+            "name": "VisuallyHidden",
+            "module": "src/visually-hidden/VisuallyHidden.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "nord-top-bar",
+          "name": "nord-visually-hidden",
           "declaration": {
-            "name": "TopBar",
-            "module": "src/top-bar/TopBar.ts"
+            "name": "VisuallyHidden",
+            "module": "src/visually-hidden/VisuallyHidden.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/visually-hidden/VisuallyHidden.ts",
+      "path": "src/top-bar/TopBar.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": "Top bar is a header component that is always visible at the top of the interface. Top bar allows functionality such as search and contextual menus to be placed at the top of the interface.",
+          "name": "TopBar",
           "slots": [
             {
-              "description": "The visually hidden content.",
+              "description": "Used for the main content of the top bar. We recommend placing your application’s global search functionality into this slot.",
               "name": ""
+            },
+            {
+              "description": "Optional slot for menus, buttons, toggles, etc.",
+              "name": "end"
             }
           ],
           "members": [],
@@ -18843,11 +18843,11 @@
           },
           "localization": [],
           "status": "ready",
-          "category": "text",
-          "readme": "## Usage\n\nThis section includes guidelines for designers and developers about the usage of this component in different contexts.\n\n<div class=\"n-usage n-usage-do\">\n\n### Do\n\n- Use to hide text visually from the screen, but keep it available to assistive technologies, such as screen readers.\n\n</div>\n<div class=\"n-usage n-usage-dont\">\n\n### Don’t\n\n- Don’t use for hiding interactive content.\n\n</div>\n",
+          "category": "structure",
+          "readme": "## Usage\n\nThis section includes guidelines for designers and developers about the usage of this component in different contexts.\n\n<div class=\"n-usage n-usage-do\">\n\n### Do\n\n- Applications that utilize the top bar can allow users to customize the color of the top bar to match their preference. [View an example](/components/top-bar/?example=color).\n- If your application allows it, include search to help users find resources and navigate.\n- Include a user menu in the end slot of the top bar.\n- Use the [layout component](/components/layout/?example=top-bar) to provide structure for the top bar component. We’ve also created [an example which shows full theming capabilities](/components/layout/?example=theming).\n\n</div>\n<div class=\"n-usage n-usage-dont\">\n\n### Don’t\n\n- Don’t use for global navigation. Use the [navigation component](/components/navigation/) instead.\n- Don’t allow the user to set a top bar color that doesn’t provide enough contrast with the content.\n- Don’t allow the user to freely pick a hex code as the top bar color. Instead, offer a choice from a predefined palette of colors which provides sufficient contrast with the content. [View an example](/components/top-bar/?example=color).\n\n</div>\n\n---\n\n## Theming\n\nPlease see the [Top Bar theming](/themes/#top-bar-theming) section in our theming documentation for detailed guidelines.\n\n<nord-button variant=\"primary\" href=\"/themes/#top-bar-theming\">Theming Guidelines</nord-button>\n",
           "examples": [],
           "dependencies": [],
-          "tagName": "nord-visually-hidden",
+          "tagName": "nord-top-bar",
           "customElement": true
         }
       ],
@@ -18856,42 +18856,476 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "VisuallyHidden",
-            "module": "src/visually-hidden/VisuallyHidden.ts"
+            "name": "TopBar",
+            "module": "src/top-bar/TopBar.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "nord-visually-hidden",
+          "name": "nord-top-bar",
           "declaration": {
-            "name": "VisuallyHidden",
-            "module": "src/visually-hidden/VisuallyHidden.ts"
+            "name": "TopBar",
+            "module": "src/top-bar/TopBar.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/common/controllers/BroadcastChannelController.ts",
+      "path": "src/common/directives/cond.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "BroadcastChannelController",
-          "members": [
+          "kind": "function",
+          "name": "cond",
+          "return": {
+            "type": {
+              "text": "typeof value | typeof nothing"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "channel",
+              "name": "value",
               "type": {
-                "text": "BroadcastChannel | undefined"
-              },
-              "privacy": "private"
-            },
+                "text": "any"
+              }
+            }
+          ],
+          "description": "if value is truthy, return it, otherwise return nothing"
+        },
+        {
+          "kind": "function",
+          "name": "cond",
+          "return": {
+            "type": {
+              "text": "typeof trueCase | typeof nothing"
+            }
+          },
+          "parameters": [
             {
-              "kind": "field",
-              "name": "options",
+              "name": "condition",
               "type": {
-                "text": "Required<Options<T>>"
+                "text": "unknown"
+              }
+            },
+            {
+              "name": "trueCase",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "description": "if condition is truthy, return trueCase, otherwise return nothing"
+        },
+        {
+          "kind": "function",
+          "name": "cond",
+          "return": {
+            "type": {
+              "text": "typeof trueCase"
+            }
+          },
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "true"
+              }
+            },
+            {
+              "name": "trueCase",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "description": "condition is true, so always return trueCase"
+        },
+        {
+          "kind": "function",
+          "name": "cond",
+          "return": {
+            "type": {
+              "text": "typeof nothing"
+            }
+          },
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "false"
+              }
+            },
+            {
+              "name": "trueCase",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "description": "condition is false, to will always return nothing"
+        },
+        {
+          "kind": "function",
+          "name": "cond",
+          "return": {
+            "type": {
+              "text": "typeof trueCase | typeof falseCase"
+            }
+          },
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "unknown"
+              }
+            },
+            {
+              "name": "trueCase",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "name": "falseCase",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "description": "if condition is truthy, return trueCase, otherwise return falseCase"
+        },
+        {
+          "kind": "function",
+          "name": "cond",
+          "return": {
+            "type": {
+              "text": "typeof trueCase"
+            }
+          },
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "true"
+              }
+            },
+            {
+              "name": "trueCase",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "name": "falseCase",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "description": "condition is true, so always return trueCase"
+        },
+        {
+          "kind": "function",
+          "name": "cond",
+          "return": {
+            "type": {
+              "text": "typeof falseCase"
+            }
+          },
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "false"
+              }
+            },
+            {
+              "name": "trueCase",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "name": "falseCase",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "description": "condition is false, so always return falseCase"
+        },
+        {
+          "kind": "function",
+          "name": "cond",
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "unknown"
+              }
+            },
+            {
+              "name": "trueCase",
+              "default": "condition",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "name": "falseCase",
+              "default": "nothing",
+              "type": {
+                "text": "any"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "cond",
+          "declaration": {
+            "name": "cond",
+            "module": "src/common/directives/cond.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "cond",
+          "declaration": {
+            "name": "cond",
+            "module": "src/common/directives/cond.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "cond",
+          "declaration": {
+            "name": "cond",
+            "module": "src/common/directives/cond.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "cond",
+          "declaration": {
+            "name": "cond",
+            "module": "src/common/directives/cond.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "cond",
+          "declaration": {
+            "name": "cond",
+            "module": "src/common/directives/cond.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "cond",
+          "declaration": {
+            "name": "cond",
+            "module": "src/common/directives/cond.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "cond",
+          "declaration": {
+            "name": "cond",
+            "module": "src/common/directives/cond.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "cond",
+          "declaration": {
+            "name": "cond",
+            "module": "src/common/directives/cond.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/directives/wrapIf.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "wrapIf",
+          "return": {
+            "type": {
+              "text": "TInner"
+            }
+          },
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "false"
+              }
+            },
+            {
+              "name": "inner",
+              "type": {
+                "text": "() => TInner"
+              }
+            },
+            {
+              "name": "wrapper",
+              "type": {
+                "text": "(inner: TInner) => TWrapper"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "wrapIf",
+          "return": {
+            "type": {
+              "text": "TWrapper"
+            }
+          },
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "true"
+              }
+            },
+            {
+              "name": "inner",
+              "type": {
+                "text": "() => TInner"
+              }
+            },
+            {
+              "name": "wrapper",
+              "type": {
+                "text": "(inner: TInner) => TWrapper"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "wrapIf",
+          "return": {
+            "type": {
+              "text": "TInner | TWrapper"
+            }
+          },
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "unknown"
+              }
+            },
+            {
+              "name": "inner",
+              "type": {
+                "text": "() => TInner"
+              }
+            },
+            {
+              "name": "wrapper",
+              "type": {
+                "text": "(inner: TInner) => TWrapper"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "wrapIf",
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "name": "inner",
+              "type": {
+                "text": "() => TInner"
+              }
+            },
+            {
+              "name": "wrapper",
+              "type": {
+                "text": "(innards: TInner) => TWrapper"
+              }
+            }
+          ],
+          "return": {
+            "type": {
+              "text": ""
+            }
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "wrapIf",
+          "declaration": {
+            "name": "wrapIf",
+            "module": "src/common/directives/wrapIf.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "wrapIf",
+          "declaration": {
+            "name": "wrapIf",
+            "module": "src/common/directives/wrapIf.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "wrapIf",
+          "declaration": {
+            "name": "wrapIf",
+            "module": "src/common/directives/wrapIf.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "wrapIf",
+          "declaration": {
+            "name": "wrapIf",
+            "module": "src/common/directives/wrapIf.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/controllers/BroadcastChannelController.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "BroadcastChannelController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "channel",
+              "type": {
+                "text": "BroadcastChannel | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "Required<Options<T>>"
               },
               "privacy": "private",
               "default": "{ enabled: defaultEnabled, ...options }"
@@ -19247,266 +19681,50 @@
                   }
                 },
                 {
-                  "name": "listener",
-                  "type": {
-                    "text": "(this: EventTarget, ev: Event) => void"
-                  }
-                },
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean | AddEventListenerOptions"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "listen",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "EventTarget"
-                  }
-                },
-                {
-                  "name": "type",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "listener",
-                  "type": {
-                    "text": "(this: EventTarget, ev: Event) => void"
-                  }
-                },
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean | AddEventListenerOptions"
-                  }
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "EventController",
-          "declaration": {
-            "name": "EventController",
-            "module": "src/common/controllers/EventController.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/controllers/FocusTrapController.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FocusTrapController",
-          "members": [
-            {
-              "kind": "field",
-              "name": "inertElements",
-              "type": {
-                "text": "Element[]"
-              },
-              "privacy": "private",
-              "default": "[]"
-            },
-            {
-              "kind": "method",
-              "name": "hostDisconnected"
-            },
-            {
-              "kind": "method",
-              "name": "trap"
-            },
-            {
-              "kind": "method",
-              "name": "release"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FocusTrapController",
-          "declaration": {
-            "name": "FocusTrapController",
-            "module": "src/common/controllers/FocusTrapController.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/controllers/FormDataController.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FormDataController",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "hostConnected"
-            },
-            {
-              "kind": "method",
-              "name": "hostUpdated"
-            },
-            {
-              "kind": "method",
-              "name": "hostDisconnected"
-            },
-            {
-              "kind": "method",
-              "name": "listen",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "form",
-                  "type": {
-                    "text": "HTMLFormElement | null"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "cleanup",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleFormData",
-              "privacy": "private"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FormDataController",
-          "declaration": {
-            "name": "FormDataController",
-            "module": "src/common/controllers/FormDataController.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/controllers/LightDismissController.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LightDismissController",
-          "members": [
-            {
-              "kind": "field",
-              "name": "shortcut",
-              "type": {
-                "text": "ShortcutController"
-              },
-              "privacy": "private",
-              "default": "new ShortcutController(host, { Escape: this.handleEsc })"
-            },
-            {
-              "kind": "field",
-              "name": "events",
-              "type": {
-                "text": "EventController"
-              },
-              "privacy": "private",
-              "default": "new EventController(host)"
-            },
-            {
-              "kind": "field",
-              "name": "isMouseDownOutside",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "hostConnected"
-            },
-            {
-              "kind": "field",
-              "name": "handleEsc",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleClick",
-              "privacy": "private"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LightDismissController",
-          "declaration": {
-            "name": "LightDismissController",
-            "module": "src/common/controllers/LightDismissController.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/controllers/LightDomController.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LightDomController",
-          "members": [
-            {
-              "kind": "field",
-              "name": "container",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private",
-              "readonly": true
+                  "name": "listener",
+                  "type": {
+                    "text": "(this: EventTarget, ev: Event) => void"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean | AddEventListenerOptions"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "hostUpdated"
+              "name": "listen",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "EventTarget"
+                  }
+                },
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "listener",
+                  "type": {
+                    "text": "(this: EventTarget, ev: Event) => void"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean | AddEventListenerOptions"
+                  }
+                }
+              ]
             }
           ]
         }
@@ -19514,183 +19732,75 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LightDomController",
+          "name": "EventController",
           "declaration": {
-            "name": "LightDomController",
-            "module": "src/common/controllers/LightDomController.ts"
+            "name": "EventController",
+            "module": "src/common/controllers/EventController.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/common/controllers/LightSlotController.ts",
+      "path": "src/common/controllers/FocusTrapController.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Handles cases where a component needs to render to light DOM,\nand potentially sync component properties to user-supplied content.",
-          "name": "LightSlotController",
+          "description": "",
+          "name": "FocusTrapController",
           "members": [
             {
               "kind": "field",
-              "name": "renderHook",
-              "type": {
-                "text": "Comment | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "lightDom",
+              "name": "inertElements",
               "type": {
-                "text": "LightDomController | undefined"
+                "text": "Element[]"
               },
               "privacy": "private",
-              "default": "new LightDomController(host, { render: () => (this.hasContent ? nothing : this.options.render()), renderOptions: { renderBefore: this.renderHook }, })"
+              "default": "[]"
             },
             {
               "kind": "method",
-              "name": "hostConnected",
-              "inheritedFrom": {
-                "name": "SlotController",
-                "module": "src/common/controllers/SlotController.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "onChange",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "_e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SlotController",
-                "module": "src/common/controllers/SlotController.ts"
-              }
+              "name": "hostDisconnected"
             },
             {
               "kind": "method",
-              "name": "syncLightDom",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "events",
-              "type": {
-                "text": "EventController"
-              },
-              "privacy": "private",
-              "default": "new EventController(host)",
-              "inheritedFrom": {
-                "name": "SlotController",
-                "module": "src/common/controllers/SlotController.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "selector",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SlotController",
-                "module": "src/common/controllers/SlotController.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hasContent",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SlotController",
-                "module": "src/common/controllers/SlotController.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isEmpty",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SlotController",
-                "module": "src/common/controllers/SlotController.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "content",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SlotController",
-                "module": "src/common/controllers/SlotController.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "assigned",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SlotController",
-                "module": "src/common/controllers/SlotController.ts"
-              }
+              "name": "trap"
             },
             {
-              "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SlotController",
-                "module": "src/common/controllers/SlotController.ts"
-              }
+              "kind": "method",
+              "name": "release"
             }
-          ],
-          "superclass": {
-            "name": "SlotController",
-            "module": "/src/common/controllers/SlotController.js"
-          }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LightSlotController",
+          "name": "FocusTrapController",
           "declaration": {
-            "name": "LightSlotController",
-            "module": "src/common/controllers/LightSlotController.ts"
+            "name": "FocusTrapController",
+            "module": "src/common/controllers/FocusTrapController.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/common/controllers/PortalController.ts",
+      "path": "src/common/controllers/FormDataController.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "PortalController",
+          "name": "FormDataController",
           "members": [
             {
               "kind": "field",
-              "name": "renderHook",
-              "type": {
-                "text": "Comment"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "lightDom",
+              "name": "_form",
               "type": {
-                "text": "LightDomController"
+                "text": "HTMLFormElement | null"
               },
               "privacy": "private",
-              "default": "new LightDomController(host, { render: () => this.options.render.call(host), container: options.outlet, renderOptions: { renderBefore: this.renderHook, host, }, })"
+              "default": "null"
             },
             {
               "kind": "method",
@@ -19703,6 +19813,29 @@
             {
               "kind": "method",
               "name": "hostDisconnected"
+            },
+            {
+              "kind": "method",
+              "name": "listen",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "form",
+                  "type": {
+                    "text": "HTMLFormElement | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "cleanup",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleFormData",
+              "privacy": "private"
             }
           ]
         }
@@ -19710,69 +19843,68 @@
       "exports": [
         {
           "kind": "js",
-          "name": "PortalController",
+          "name": "FormDataController",
           "declaration": {
-            "name": "PortalController",
-            "module": "src/common/controllers/PortalController.ts"
+            "name": "FormDataController",
+            "module": "src/common/controllers/FormDataController.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/common/controllers/ResizeController.ts",
+      "path": "src/common/controllers/LightDismissController.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ResizeController",
+          "name": "LightDismissController",
           "members": [
             {
               "kind": "field",
-              "name": "observer",
+              "name": "shortcut",
               "type": {
-                "text": "ResizeObserver | undefined"
+                "text": "ShortcutController"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "new ShortcutController(host, { Escape: this.handleEsc })"
             },
             {
               "kind": "field",
-              "name": "hadFirstUpdate",
+              "name": "events",
               "type": {
-                "text": "boolean"
+                "text": "EventController"
               },
               "privacy": "private",
-              "default": "false"
+              "default": "new EventController(host)"
             },
             {
               "kind": "field",
-              "name": "borderBoxSize",
+              "name": "isMouseDownOutside",
               "type": {
-                "text": "ResizeObserverSize | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "inlineSize",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "blockSize",
-              "readonly": true
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "method",
-              "name": "hostUpdated"
+              "name": "hostConnected"
             },
             {
-              "kind": "method",
-              "name": "hostConnected"
+              "kind": "field",
+              "name": "handleEsc",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "hostDisconnected"
+              "kind": "field",
+              "name": "handleMouseDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleClick",
+              "privacy": "private"
             }
           ]
         }
@@ -19780,71 +19912,35 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ResizeController",
+          "name": "LightDismissController",
           "declaration": {
-            "name": "ResizeController",
-            "module": "src/common/controllers/ResizeController.ts"
+            "name": "LightDismissController",
+            "module": "src/common/controllers/LightDismissController.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/common/controllers/ScrollbarController.ts",
+      "path": "src/common/controllers/LightDomController.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "We can have any number of components open at a time, all of which lock scroll.\nConsider multiple modals being open, plus some popouts, etc.\n\nSo we need some bookkeeping to know when to unlock scroll...\n\nBut we can't simply keep a count of how many components are open,\nsince a misbehaving component may call lockScroll() multiple times.\n\nNor can we rely on the first component to call lockScroll() to be the last to unlockScroll(),\nsince we cannot guarantee order of operations.\n\nTherefore, we track instances of ScrollbarController in a Set,\nand only unlock scroll when the set is empty.\n\nWe also need to be careful to restore any styles that were there\nbefore we locked scroll.",
-          "name": "ScrollbarController",
+          "description": "",
+          "name": "LightDomController",
           "members": [
             {
               "kind": "field",
-              "name": "locks",
-              "privacy": "private",
-              "static": true,
-              "default": "new Set<ScrollbarController>()"
-            },
-            {
-              "kind": "field",
-              "name": "resets",
+              "name": "container",
               "type": {
-                "text": "Array<() => void>"
+                "text": "HTMLElement"
               },
               "privacy": "private",
-              "static": true,
-              "default": "[]"
-            },
-            {
-              "kind": "method",
-              "name": "hostDisconnected"
-            },
-            {
-              "kind": "method",
-              "name": "lockScroll"
-            },
-            {
-              "kind": "method",
-              "name": "unlockScroll"
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "setStyle",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "property",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "name": "hostUpdated"
             }
           ]
         }
@@ -19852,86 +19948,70 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ScrollbarController",
+          "name": "LightDomController",
           "declaration": {
-            "name": "ScrollbarController",
-            "module": "src/common/controllers/ScrollbarController.ts"
+            "name": "LightDomController",
+            "module": "src/common/controllers/LightDomController.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/common/controllers/ShortcutController.ts",
+      "path": "src/common/controllers/LightSlotController.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "ShortcutController",
+          "description": "Handles cases where a component needs to render to light DOM,\nand potentially sync component properties to user-supplied content.",
+          "name": "LightSlotController",
           "members": [
             {
               "kind": "field",
-              "name": "unregister",
+              "name": "renderHook",
               "type": {
-                "text": "ReturnType<typeof tinykeys> | undefined"
+                "text": "Comment | undefined"
               },
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "hostConnected"
-            },
-            {
-              "kind": "method",
-              "name": "hostDisconnected"
+              "kind": "field",
+              "name": "lightDom",
+              "type": {
+                "text": "LightDomController | undefined"
+              },
+              "privacy": "private",
+              "default": "new LightDomController(host, { render: () => (this.hasContent ? nothing : this.options.render()), renderOptions: { renderBefore: this.renderHook }, })"
             },
             {
               "kind": "method",
-              "name": "unbind"
+              "name": "hostConnected",
+              "inheritedFrom": {
+                "name": "SlotController",
+                "module": "src/common/controllers/SlotController.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "bind",
+              "kind": "field",
+              "name": "onChange",
+              "privacy": "protected",
               "parameters": [
                 {
-                  "name": "shortcuts",
+                  "name": "_e",
                   "type": {
-                    "text": "KeyBindingMap"
+                    "text": "Event"
                   }
                 }
-              ]
-            }
-          ]
-        }
-      ],
-      "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": [
+              ],
+              "inheritedFrom": {
+                "name": "SlotController",
+                "module": "src/common/controllers/SlotController.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "syncLightDom",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "events",
@@ -19939,7 +20019,11 @@
                 "text": "EventController"
               },
               "privacy": "private",
-              "default": "new EventController(host)"
+              "default": "new EventController(host)",
+              "inheritedFrom": {
+                "name": "SlotController",
+                "module": "src/common/controllers/SlotController.ts"
+              }
             },
             {
               "kind": "field",
@@ -19947,49 +20031,112 @@
               "type": {
                 "text": "string"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "hostConnected"
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SlotController",
+                "module": "src/common/controllers/SlotController.ts"
+              }
             },
             {
               "kind": "field",
               "name": "hasContent",
-              "readonly": true
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SlotController",
+                "module": "src/common/controllers/SlotController.ts"
+              }
             },
             {
               "kind": "field",
               "name": "isEmpty",
-              "readonly": true
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SlotController",
+                "module": "src/common/controllers/SlotController.ts"
+              }
             },
             {
               "kind": "field",
               "name": "content",
-              "readonly": true
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SlotController",
+                "module": "src/common/controllers/SlotController.ts"
+              }
             },
             {
               "kind": "field",
               "name": "assigned",
-              "readonly": true
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SlotController",
+                "module": "src/common/controllers/SlotController.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SlotController",
+                "module": "src/common/controllers/SlotController.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SlotController",
+            "module": "/src/common/controllers/SlotController.js"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LightSlotController",
+          "declaration": {
+            "name": "LightSlotController",
+            "module": "src/common/controllers/LightSlotController.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/controllers/PortalController.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "PortalController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "renderHook",
+              "type": {
+                "text": "Comment"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "lightDom",
+              "type": {
+                "text": "LightDomController"
+              },
+              "privacy": "private",
+              "default": "new LightDomController(host, { render: () => this.options.render.call(host), container: options.outlet, renderOptions: { renderBefore: this.renderHook, host, }, })"
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected"
             },
             {
-              "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
+              "kind": "method",
+              "name": "hostUpdated"
             },
             {
               "kind": "method",
-              "name": "onChange",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "_e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "hostDisconnected"
             }
           ]
         }
@@ -19997,31 +20144,30 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SlotController",
+          "name": "PortalController",
           "declaration": {
-            "name": "SlotController",
-            "module": "src/common/controllers/SlotController.ts"
+            "name": "PortalController",
+            "module": "src/common/controllers/PortalController.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/common/controllers/SwipeController.ts",
+      "path": "src/common/controllers/ResizeController.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SwipeController",
+          "name": "ResizeController",
           "members": [
             {
               "kind": "field",
-              "name": "events",
+              "name": "observer",
               "type": {
-                "text": "EventController"
+                "text": "ResizeObserver | undefined"
               },
-              "privacy": "private",
-              "default": "new EventController(host)"
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -20034,30 +20180,21 @@
             },
             {
               "kind": "field",
-              "name": "initialTouchX",
+              "name": "borderBoxSize",
               "type": {
-                "text": "number"
+                "text": "ResizeObserverSize | undefined"
               },
-              "privacy": "private",
-              "default": "0"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "initialTouchY",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
+              "name": "inlineSize",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "options",
-              "type": {
-                "text": "SetRequired<SwipeControllerOptions, 'target'>"
-              },
-              "privacy": "private",
-              "default": "{ target: () => host, ...options, }"
+              "name": "blockSize",
+              "readonly": true
             },
             {
               "kind": "method",
@@ -20065,100 +20202,11 @@
             },
             {
               "kind": "method",
-              "name": "hostDisconnected"
-            },
-            {
-              "kind": "field",
-              "name": "handleTouchStart",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleTouchEnd",
-              "privacy": "private"
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "distX"
-        },
-        {
-          "kind": "variable",
-          "name": "distY"
-        },
-        {
-          "kind": "function",
-          "name": "isHorizontalSwipe",
-          "parameters": [
-            {
-              "name": "{ distX, distY }",
-              "type": {
-                "text": "SwipeDetails"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "isDownwardsSwipe",
-          "parameters": [
-            {
-              "name": "{ distX, distY }",
-              "type": {
-                "text": "SwipeDetails"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SwipeController",
-          "declaration": {
-            "name": "SwipeController",
-            "module": "src/common/controllers/SwipeController.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "isHorizontalSwipe",
-          "declaration": {
-            "name": "isHorizontalSwipe",
-            "module": "src/common/controllers/SwipeController.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "isDownwardsSwipe",
-          "declaration": {
-            "name": "isDownwardsSwipe",
-            "module": "src/common/controllers/SwipeController.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/decorators/observe.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "observe",
-          "parameters": [
-            {
-              "name": "propertyName",
-              "type": {
-                "text": "string"
-              }
+              "name": "hostConnected"
             },
             {
-              "name": "lifecycle",
-              "default": "'update'",
-              "type": {
-                "text": "ObserveLifecycle"
-              }
+              "kind": "method",
+              "name": "hostDisconnected"
             }
           ]
         }
@@ -20166,221 +20214,126 @@
       "exports": [
         {
           "kind": "js",
-          "name": "observe",
+          "name": "ResizeController",
           "declaration": {
-            "name": "observe",
-            "module": "src/common/decorators/observe.ts"
+            "name": "ResizeController",
+            "module": "src/common/controllers/ResizeController.ts"
           }
         }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/common/directives/cond.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "cond",
-          "return": {
-            "type": {
-              "text": "typeof value | typeof nothing"
-            }
-          },
-          "parameters": [
-            {
-              "name": "value",
-              "type": {
-                "text": "any"
-              }
-            }
-          ],
-          "description": "if value is truthy, return it, otherwise return nothing"
-        },
-        {
-          "kind": "function",
-          "name": "cond",
-          "return": {
-            "type": {
-              "text": "typeof trueCase | typeof nothing"
-            }
-          },
-          "parameters": [
-            {
-              "name": "condition",
-              "type": {
-                "text": "unknown"
-              }
-            },
-            {
-              "name": "trueCase",
-              "type": {
-                "text": "any"
-              }
-            }
-          ],
-          "description": "if condition is truthy, return trueCase, otherwise return nothing"
-        },
-        {
-          "kind": "function",
-          "name": "cond",
-          "return": {
-            "type": {
-              "text": "typeof trueCase"
-            }
-          },
-          "parameters": [
-            {
-              "name": "condition",
-              "type": {
-                "text": "true"
-              }
-            },
-            {
-              "name": "trueCase",
-              "type": {
-                "text": "any"
-              }
-            }
-          ],
-          "description": "condition is true, so always return trueCase"
-        },
-        {
-          "kind": "function",
-          "name": "cond",
-          "return": {
-            "type": {
-              "text": "typeof nothing"
-            }
-          },
-          "parameters": [
-            {
-              "name": "condition",
-              "type": {
-                "text": "false"
-              }
-            },
-            {
-              "name": "trueCase",
-              "type": {
-                "text": "any"
-              }
-            }
-          ],
-          "description": "condition is false, to will always return nothing"
-        },
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/controllers/ScrollbarController.ts",
+      "declarations": [
         {
-          "kind": "function",
-          "name": "cond",
-          "return": {
-            "type": {
-              "text": "typeof trueCase | typeof falseCase"
-            }
-          },
-          "parameters": [
+          "kind": "class",
+          "description": "We can have any number of components open at a time, all of which lock scroll.\nConsider multiple modals being open, plus some popouts, etc.\n\nSo we need some bookkeeping to know when to unlock scroll...\n\nBut we can't simply keep a count of how many components are open,\nsince a misbehaving component may call lockScroll() multiple times.\n\nNor can we rely on the first component to call lockScroll() to be the last to unlockScroll(),\nsince we cannot guarantee order of operations.\n\nTherefore, we track instances of ScrollbarController in a Set,\nand only unlock scroll when the set is empty.\n\nWe also need to be careful to restore any styles that were there\nbefore we locked scroll.",
+          "name": "ScrollbarController",
+          "members": [
             {
-              "name": "condition",
-              "type": {
-                "text": "unknown"
-              }
+              "kind": "field",
+              "name": "locks",
+              "privacy": "private",
+              "static": true,
+              "default": "new Set<ScrollbarController>()"
             },
             {
-              "name": "trueCase",
+              "kind": "field",
+              "name": "resets",
               "type": {
-                "text": "any"
-              }
+                "text": "Array<() => void>"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "[]"
             },
             {
-              "name": "falseCase",
-              "type": {
-                "text": "any"
-              }
-            }
-          ],
-          "description": "if condition is truthy, return trueCase, otherwise return falseCase"
-        },
-        {
-          "kind": "function",
-          "name": "cond",
-          "return": {
-            "type": {
-              "text": "typeof trueCase"
-            }
-          },
-          "parameters": [
+              "kind": "method",
+              "name": "hostDisconnected"
+            },
             {
-              "name": "condition",
-              "type": {
-                "text": "true"
-              }
+              "kind": "method",
+              "name": "lockScroll"
             },
             {
-              "name": "trueCase",
-              "type": {
-                "text": "any"
-              }
+              "kind": "method",
+              "name": "unlockScroll"
             },
             {
-              "name": "falseCase",
-              "type": {
-                "text": "any"
-              }
+              "kind": "method",
+              "name": "setStyle",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "property",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             }
-          ],
-          "description": "condition is true, so always return trueCase"
-        },
+          ]
+        }
+      ],
+      "exports": [
         {
-          "kind": "function",
-          "name": "cond",
-          "return": {
-            "type": {
-              "text": "typeof falseCase"
-            }
-          },
-          "parameters": [
+          "kind": "js",
+          "name": "ScrollbarController",
+          "declaration": {
+            "name": "ScrollbarController",
+            "module": "src/common/controllers/ScrollbarController.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/controllers/ShortcutController.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ShortcutController",
+          "members": [
             {
-              "name": "condition",
+              "kind": "field",
+              "name": "unregister",
               "type": {
-                "text": "false"
-              }
+                "text": "ReturnType<typeof tinykeys> | undefined"
+              },
+              "privacy": "private"
             },
             {
-              "name": "trueCase",
-              "type": {
-                "text": "any"
-              }
+              "kind": "method",
+              "name": "hostConnected"
             },
             {
-              "name": "falseCase",
-              "type": {
-                "text": "any"
-              }
-            }
-          ],
-          "description": "condition is false, so always return falseCase"
-        },
-        {
-          "kind": "function",
-          "name": "cond",
-          "parameters": [
-            {
-              "name": "condition",
-              "type": {
-                "text": "unknown"
-              }
+              "kind": "method",
+              "name": "hostDisconnected"
             },
             {
-              "name": "trueCase",
-              "default": "condition",
-              "type": {
-                "text": "any"
-              }
+              "kind": "method",
+              "name": "unbind"
             },
             {
-              "name": "falseCase",
-              "default": "nothing",
-              "type": {
-                "text": "any"
-              }
+              "kind": "method",
+              "name": "bind",
+              "parameters": [
+                {
+                  "name": "shortcuts",
+                  "type": {
+                    "text": "KeyBindingMap"
+                  }
+                }
+              ]
             }
           ]
         }
@@ -20388,222 +20341,269 @@
       "exports": [
         {
           "kind": "js",
-          "name": "cond",
-          "declaration": {
-            "name": "cond",
-            "module": "src/common/directives/cond.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "cond",
-          "declaration": {
-            "name": "cond",
-            "module": "src/common/directives/cond.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "cond",
-          "declaration": {
-            "name": "cond",
-            "module": "src/common/directives/cond.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "cond",
-          "declaration": {
-            "name": "cond",
-            "module": "src/common/directives/cond.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "cond",
+          "name": "ShortcutController",
           "declaration": {
-            "name": "cond",
-            "module": "src/common/directives/cond.ts"
+            "name": "ShortcutController",
+            "module": "src/common/controllers/ShortcutController.ts"
           }
         },
         {
           "kind": "js",
-          "name": "cond",
+          "name": "ShortcutMap",
           "declaration": {
-            "name": "cond",
-            "module": "src/common/directives/cond.ts"
+            "name": "KeyBindingMap",
+            "module": "src/common/controllers/ShortcutController.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/controllers/SlotController.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "cond",
-          "declaration": {
-            "name": "cond",
-            "module": "src/common/directives/cond.ts"
-          }
-        },
+          "kind": "class",
+          "description": "",
+          "name": "SlotController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "events",
+              "type": {
+                "text": "EventController"
+              },
+              "privacy": "private",
+              "default": "new EventController(host)"
+            },
+            {
+              "kind": "field",
+              "name": "selector",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected"
+            },
+            {
+              "kind": "field",
+              "name": "hasContent",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "isEmpty",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "content",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "assigned",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "onChange",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "_e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "cond",
+          "name": "SlotController",
           "declaration": {
-            "name": "cond",
-            "module": "src/common/directives/cond.ts"
+            "name": "SlotController",
+            "module": "src/common/controllers/SlotController.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/common/directives/wrapIf.ts",
+      "path": "src/common/controllers/SwipeController.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "wrapIf",
-          "return": {
-            "type": {
-              "text": "TInner"
-            }
-          },
-          "parameters": [
+          "kind": "class",
+          "description": "",
+          "name": "SwipeController",
+          "members": [
             {
-              "name": "condition",
+              "kind": "field",
+              "name": "events",
               "type": {
-                "text": "false"
-              }
+                "text": "EventController"
+              },
+              "privacy": "private",
+              "default": "new EventController(host)"
             },
             {
-              "name": "inner",
+              "kind": "field",
+              "name": "hadFirstUpdate",
               "type": {
-                "text": "() => TInner"
-              }
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "wrapper",
+              "kind": "field",
+              "name": "initialTouchX",
               "type": {
-                "text": "(inner: TInner) => TWrapper"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "wrapIf",
-          "return": {
-            "type": {
-              "text": "TWrapper"
-            }
-          },
-          "parameters": [
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
             {
-              "name": "condition",
+              "kind": "field",
+              "name": "initialTouchY",
               "type": {
-                "text": "true"
-              }
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "inner",
+              "kind": "field",
+              "name": "options",
               "type": {
-                "text": "() => TInner"
-              }
+                "text": "SetRequired<SwipeControllerOptions, 'target'>"
+              },
+              "privacy": "private",
+              "default": "{ target: () => host, ...options, }"
             },
             {
-              "name": "wrapper",
-              "type": {
-                "text": "(inner: TInner) => TWrapper"
-              }
+              "kind": "method",
+              "name": "hostUpdated"
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected"
+            },
+            {
+              "kind": "field",
+              "name": "handleTouchStart",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleTouchEnd",
+              "privacy": "private"
             }
           ]
         },
+        {
+          "kind": "variable",
+          "name": "distX"
+        },
+        {
+          "kind": "variable",
+          "name": "distY"
+        },
         {
           "kind": "function",
-          "name": "wrapIf",
-          "return": {
-            "type": {
-              "text": "TInner | TWrapper"
-            }
-          },
+          "name": "isHorizontalSwipe",
           "parameters": [
             {
-              "name": "condition",
-              "type": {
-                "text": "unknown"
-              }
-            },
-            {
-              "name": "inner",
-              "type": {
-                "text": "() => TInner"
-              }
-            },
-            {
-              "name": "wrapper",
+              "name": "{ distX, distY }",
               "type": {
-                "text": "(inner: TInner) => TWrapper"
+                "text": "SwipeDetails"
               }
             }
           ]
         },
         {
           "kind": "function",
-          "name": "wrapIf",
+          "name": "isDownwardsSwipe",
           "parameters": [
             {
-              "name": "condition",
-              "type": {
-                "text": "any"
-              }
-            },
-            {
-              "name": "inner",
-              "type": {
-                "text": "() => TInner"
-              }
-            },
-            {
-              "name": "wrapper",
+              "name": "{ distX, distY }",
               "type": {
-                "text": "(innards: TInner) => TWrapper"
+                "text": "SwipeDetails"
               }
             }
-          ],
-          "return": {
-            "type": {
-              "text": ""
-            }
-          }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "wrapIf",
+          "name": "SwipeController",
           "declaration": {
-            "name": "wrapIf",
-            "module": "src/common/directives/wrapIf.ts"
+            "name": "SwipeController",
+            "module": "src/common/controllers/SwipeController.ts"
           }
         },
         {
           "kind": "js",
-          "name": "wrapIf",
+          "name": "isHorizontalSwipe",
           "declaration": {
-            "name": "wrapIf",
-            "module": "src/common/directives/wrapIf.ts"
+            "name": "isHorizontalSwipe",
+            "module": "src/common/controllers/SwipeController.ts"
           }
         },
         {
           "kind": "js",
-          "name": "wrapIf",
+          "name": "isDownwardsSwipe",
           "declaration": {
-            "name": "wrapIf",
-            "module": "src/common/directives/wrapIf.ts"
+            "name": "isDownwardsSwipe",
+            "module": "src/common/controllers/SwipeController.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/decorators/observe.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "observe",
+          "parameters": [
+            {
+              "name": "propertyName",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "lifecycle",
+              "default": "'update'",
+              "type": {
+                "text": "ObserveLifecycle"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "wrapIf",
+          "name": "observe",
           "declaration": {
-            "name": "wrapIf",
-            "module": "src/common/directives/wrapIf.ts"
+            "name": "observe",
+            "module": "src/common/decorators/observe.ts"
           }
         }
       ]