@cordwainer/cw-elements 1.3.0-alpha.1 → 1.3.0-alpha.3

package/dist/custom-elements.json

@@ -6009,206 +6009,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/data-table/data-table-column.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "CwDataTableColumn",
-          "slots": [
-            {
-              "description": "This element has no rendered output; it is a configuration element only.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The key in each row data object that this column displays. Required.",
-              "attribute": "name",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The column header label. Falls back to `name` if not set.",
-              "attribute": "label",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "sortable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the column header clickable for sorting.",
-              "attribute": "sortable",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "width",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A CSS width value for this column, e.g. \"200px\" or \"20%\".",
-              "attribute": "width",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "minWidth",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A CSS min-width value for this column.",
-              "attribute": "min-width",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "align",
-              "type": {
-                "text": "'start' | 'center' | 'end'"
-              },
-              "default": "'start'",
-              "description": "Alignment of cell content within the column.",
-              "attribute": "align",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "hidden",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hides the column without removing it from the DOM.",
-              "attribute": "hidden",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "renderCell",
-              "description": "A custom cell renderer. Called once per row with the cell value, the full row object,\nand this column element. Return a Lit `TemplateResult` or a plain string."
-            },
-            {
-              "kind": "field",
-              "name": "_renderCell",
-              "type": {
-                "text": "(\n    value: unknown,\n    row: Record<string, unknown>,\n    column: CwDataTableColumn\n  ) => TemplateResult | string | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handlePropertyChange"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The key in each row data object that this column displays. Required.",
-              "fieldName": "name"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The column header label. Falls back to `name` if not set.",
-              "fieldName": "label"
-            },
-            {
-              "name": "sortable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the column header clickable for sorting.",
-              "fieldName": "sortable"
-            },
-            {
-              "name": "width",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A CSS width value for this column, e.g. \"200px\" or \"20%\".",
-              "fieldName": "width"
-            },
-            {
-              "name": "min-width",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A CSS min-width value for this column.",
-              "fieldName": "minWidth"
-            },
-            {
-              "name": "align",
-              "type": {
-                "text": "'start' | 'center' | 'end'"
-              },
-              "default": "'start'",
-              "description": "Alignment of cell content within the column.",
-              "fieldName": "align"
-            },
-            {
-              "name": "hidden",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hides the column without removing it from the DOM.",
-              "fieldName": "hidden"
-            }
-          ],
-          "superclass": {
-            "name": "CwElement",
-            "module": "/src/internal/cw-element.js"
-          },
-          "summary": "Data table columns define the columns of a [data table](/components/data-table).",
-          "tagNameWithoutPrefix": "data-table-column",
-          "tagName": "cw-data-table-column",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Data table columns define the columns of a [data table](/components/data-table).\n * @documentation https://cordwainer.dev/components/data-table\n * @status experimental\n * @since 1.2\n *\n * @slot - This element has no rendered output; it is a configuration element only.\n */",
-          "documentation": "https://cordwainer.dev/components/data-table",
-          "status": "experimental",
-          "since": "1.2"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "CwDataTableColumn",
-            "module": "components/data-table/data-table-column.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/data-table/data-table.js",
@@ -6788,36 +6588,236 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/date-picker/date-picker.js",
+      "path": "components/data-table-column/data-table-column.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CwDatePicker",
-          "cssParts": [
+          "name": "CwDataTableColumn",
+          "slots": [
             {
-              "description": "The form control that wraps the label, input, and help text.",
-              "name": "form-control"
-            },
+              "description": "This element has no rendered output; it is a configuration element only.",
+              "name": ""
+            }
+          ],
+          "members": [
             {
-              "description": "The label's wrapper.",
-              "name": "form-control-label"
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The key in each row data object that this column displays. Required.",
+              "attribute": "name",
+              "reflects": true
             },
             {
-              "description": "The date picker's wrapper.",
-              "name": "form-control-input"
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The column header label. Falls back to `name` if not set.",
+              "attribute": "label",
+              "reflects": true
             },
             {
-              "description": "The help text's wrapper.",
-              "name": "form-control-help-text"
+              "kind": "field",
+              "name": "sortable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the column header clickable for sorting.",
+              "attribute": "sortable",
+              "reflects": true
             },
             {
-              "description": "The container the wraps the prefix, suffix, display input, clear icon, and expand icon.",
-              "name": "combobox"
+              "kind": "field",
+              "name": "width",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A CSS width value for this column, e.g. \"200px\" or \"20%\".",
+              "attribute": "width",
+              "reflects": true
             },
             {
-              "description": "The container that wraps the prefix slot.",
-              "name": "prefix"
+              "kind": "field",
+              "name": "minWidth",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A CSS min-width value for this column.",
+              "attribute": "min-width",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "align",
+              "type": {
+                "text": "'start' | 'center' | 'end'"
+              },
+              "default": "'start'",
+              "description": "Alignment of cell content within the column.",
+              "attribute": "align",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides the column without removing it from the DOM.",
+              "attribute": "hidden",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "renderCell",
+              "description": "A custom cell renderer. Called once per row with the cell value, the full row object,\nand this column element. Return a Lit `TemplateResult` or a plain string."
+            },
+            {
+              "kind": "field",
+              "name": "_renderCell",
+              "type": {
+                "text": "(\n    value: unknown,\n    row: Record<string, unknown>,\n    column: CwDataTableColumn\n  ) => TemplateResult | string | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handlePropertyChange"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The key in each row data object that this column displays. Required.",
+              "fieldName": "name"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The column header label. Falls back to `name` if not set.",
+              "fieldName": "label"
+            },
+            {
+              "name": "sortable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the column header clickable for sorting.",
+              "fieldName": "sortable"
+            },
+            {
+              "name": "width",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A CSS width value for this column, e.g. \"200px\" or \"20%\".",
+              "fieldName": "width"
+            },
+            {
+              "name": "min-width",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A CSS min-width value for this column.",
+              "fieldName": "minWidth"
+            },
+            {
+              "name": "align",
+              "type": {
+                "text": "'start' | 'center' | 'end'"
+              },
+              "default": "'start'",
+              "description": "Alignment of cell content within the column.",
+              "fieldName": "align"
+            },
+            {
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides the column without removing it from the DOM.",
+              "fieldName": "hidden"
+            }
+          ],
+          "superclass": {
+            "name": "CwElement",
+            "module": "/src/internal/cw-element.js"
+          },
+          "summary": "Data table columns define the columns of a [data table](/components/data-table).",
+          "tagNameWithoutPrefix": "data-table-column",
+          "tagName": "cw-data-table-column",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Data table columns define the columns of a [data table](/components/data-table).\n * @documentation https://cordwainer.dev/components/data-table-column\n * @status experimental\n * @since 1.2\n *\n * @slot - This element has no rendered output; it is a configuration element only.\n */",
+          "documentation": "https://cordwainer.dev/components/data-table-column",
+          "status": "experimental",
+          "since": "1.2"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "CwDataTableColumn",
+            "module": "components/data-table-column/data-table-column.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/date-picker/date-picker.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CwDatePicker",
+          "cssParts": [
+            {
+              "description": "The form control that wraps the label, input, and help text.",
+              "name": "form-control"
+            },
+            {
+              "description": "The label's wrapper.",
+              "name": "form-control-label"
+            },
+            {
+              "description": "The date picker's wrapper.",
+              "name": "form-control-input"
+            },
+            {
+              "description": "The help text's wrapper.",
+              "name": "form-control-help-text"
+            },
+            {
+              "description": "The container the wraps the prefix, suffix, display input, clear icon, and expand icon.",
+              "name": "combobox"
+            },
+            {
+              "description": "The container that wraps the prefix slot.",
+              "name": "prefix"
             },
             {
               "description": "The container that wraps the suffix slot.",
@@ -9984,213 +9984,108 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/icon/icon.js",
+      "path": "components/header/header.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CwIcon",
+          "name": "CwHeader",
+          "cssProperties": [
+            {
+              "description": "The width of an open action panel above `mobile-breakpoint`. Below it, panels are always full width. Defaults to `50%`.",
+              "name": "--panel-width"
+            }
+          ],
           "cssParts": [
             {
-              "description": "The internal SVG element.",
-              "name": "svg"
+              "description": "The component's base wrapper, a `<header>` landmark element.",
+              "name": "base"
             },
             {
-              "description": "The <use> element generated when using `spriteSheet: true`",
-              "name": "use"
-            }
-          ],
-          "members": [
+              "description": "The container that wraps the slotted logo.",
+              "name": "logo"
+            },
             {
-              "kind": "field",
-              "name": "initialRender",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "description": "The container that wraps the slotted primary navigation.",
+              "name": "primary-navigation"
             },
             {
-              "kind": "method",
-              "name": "resolveIcon",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<SVGResult>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "url",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "library",
-                  "optional": true,
-                  "type": {
-                    "text": "IconLibrary"
-                  }
-                }
-              ],
-              "description": "Given a URL, this function returns the resulting SVG element or an appropriate error symbol."
+              "description": "The container that wraps the action triggers.",
+              "name": "actions"
             },
             {
-              "kind": "field",
-              "name": "svg",
-              "type": {
-                "text": "SVGElement | HTMLTemplateResult | null"
-              },
-              "privacy": "private",
-              "default": "null"
+              "description": "Each action trigger, a `<cw-icon-button>`.",
+              "name": "trigger"
             },
             {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
-              "attribute": "name",
-              "reflects": true
+              "description": "The utility action trigger.",
+              "name": "trigger--utility"
             },
             {
-              "kind": "field",
-              "name": "src",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
-              "attribute": "src"
+              "description": "The search action trigger.",
+              "name": "trigger--search"
             },
             {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
-              "attribute": "label"
+              "description": "The notification action trigger.",
+              "name": "trigger--notification"
             },
             {
-              "kind": "field",
-              "name": "library",
-              "type": {
-                "text": "string"
-              },
-              "default": "'default'",
-              "description": "The name of a registered custom icon library.",
-              "attribute": "library",
-              "reflects": true
+              "description": "The user action trigger.",
+              "name": "trigger--user"
             },
             {
-              "kind": "method",
-              "name": "getIconSource",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "IconSource"
-                }
-              }
+              "description": "The cart action trigger.",
+              "name": "trigger--cart"
             },
             {
-              "kind": "method",
-              "name": "handleLabelChange"
+              "description": "A trigger's exported `base` part.",
+              "name": "trigger__base"
             },
             {
-              "kind": "method",
-              "name": "setIcon"
-            }
-          ],
-          "events": [
+              "description": "The line that highlights the currently open action trigger.",
+              "name": "indicator"
+            },
             {
-              "description": "Emitted when the icon has loaded. When using `spriteSheet: true` this will not emit.",
-              "name": "cw-load",
-              "reactName": "onCwLoad",
-              "eventName": "CwLoadEvent"
+              "description": "The panel shown below the header when an action trigger is open.",
+              "name": "panel"
             },
             {
-              "description": "Emitted when the icon fails to load due to an error. When using `spriteSheet: true` this will not emit.",
-              "name": "cw-error",
-              "reactName": "onCwError",
-              "eventName": "CwErrorEvent"
+              "description": "The container that wraps the slotted secondary navigation.",
+              "name": "secondary-navigation"
             }
           ],
-          "attributes": [
+          "slots": [
             {
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
-              "fieldName": "name"
+              "description": "A `<cw-logo>`.",
+              "name": "logo"
             },
             {
-              "name": "src",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
-              "fieldName": "src"
+              "description": "A `<cw-primary-navigation>`.",
+              "name": "primary-navigation"
             },
             {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
-              "fieldName": "label"
+              "description": "Content for the utility action panel, opened via a gear icon trigger.",
+              "name": "utility"
             },
             {
-              "name": "library",
-              "type": {
-                "text": "string"
-              },
-              "default": "'default'",
-              "description": "The name of a registered custom icon library.",
-              "fieldName": "library"
-            }
-          ],
-          "superclass": {
-            "name": "CwElement",
-            "module": "/src/internal/cw-element.js"
-          },
-          "summary": "Icons are symbols that can be used to represent various options within an application.",
-          "tagNameWithoutPrefix": "icon",
-          "tagName": "cw-icon",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Icons are symbols that can be used to represent various options within an application.\n * @documentation https://cordwainer.dev/components/icon\n * @status stable\n * @since 1.0\n *\n * @event cw-load - Emitted when the icon has loaded. When using `spriteSheet: true` this will not emit.\n * @event cw-error - Emitted when the icon fails to load due to an error. When using `spriteSheet: true` this will not emit.\n *\n * @csspart svg - The internal SVG element.\n * @csspart use - The <use> element generated when using `spriteSheet: true`\n */",
-          "documentation": "https://cordwainer.dev/components/icon",
-          "status": "stable",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "CwIcon",
-            "module": "components/icon/icon.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/icon-button/icon-button.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "CwIconButton",
-          "cssParts": [
+              "description": "Content for the search action panel, opened via a search icon trigger.",
+              "name": "search"
+            },
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
+              "description": "Content for the notification action panel, opened via a bell icon trigger.",
+              "name": "notification"
+            },
+            {
+              "description": "Content for the user/account action panel, opened via a person icon trigger.",
+              "name": "user"
+            },
+            {
+              "description": "Content for the cart action panel, opened via a cart icon trigger.",
+              "name": "cart"
+            },
+            {
+              "description": "A `<cw-secondary-navigation>`, rendered on its own row below everything else.",
+              "name": "secondary-navigation"
             }
           ],
           "members": [
@@ -10201,243 +10096,282 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'cw-icon': CwIcon }"
+              "default": "{ 'cw-icon-button': CwIconButton }"
             },
             {
               "kind": "field",
-              "name": "button",
+              "name": "attrId",
               "type": {
-                "text": "HTMLButtonElement | HTMLLinkElement"
-              }
+                "text": "number"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "default": "++id"
             },
             {
               "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "componentId",
               "privacy": "private",
-              "default": "false"
+              "readonly": true,
+              "default": "`cw-header-${this.attrId}`"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController( this, 'logo', 'primary-navigation', 'utility', 'search', 'notification', 'user', 'cart', 'secondary-navigation' )"
+            },
+            {
+              "kind": "field",
+              "name": "mobileResizeObserver",
               "type": {
-                "text": "string | undefined"
+                "text": "ResizeObserver"
               },
-              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
-              "attribute": "name"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "library",
+              "name": "actionsResizeObserver",
               "type": {
-                "text": "string | undefined"
+                "text": "ResizeObserver"
               },
-              "description": "The name of a registered custom icon library.",
-              "attribute": "library"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "src",
+              "name": "panel",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
-              "attribute": "src"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "actionsRow",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "attribute": "href"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "indicator",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
-              },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "attribute": "target"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "download",
+              "name": "triggers",
               "type": {
-                "text": "string | undefined"
+                "text": "NodeListOf<CwIconButton>"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isMobile",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
-              "attribute": "download"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "activePanel",
               "type": {
-                "text": "string"
+                "text": "HeaderAction['name'] | null"
               },
-              "default": "''",
-              "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
-              "attribute": "label"
+              "default": "null",
+              "description": "The name of the currently open action panel, or `null` if none is open. Not reflected as an attribute — `null`\nis a legitimate, frequently-reached value here (no panel open), which doesn't play well with `CwElement`'s\nreflected-attribute \"morph fix\" (`src/internal/cw-element.ts`), designed around properties whose first non-null\nvalue is a permanent default rather than a value that legitimately toggles back to `null` at runtime."
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "mobileBreakpoint",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Disables the button.",
-              "attribute": "disabled",
-              "reflects": true
+              "default": "768",
+              "description": "The viewport width, in pixels, below which the header switches to its stacked mobile layout.",
+              "attribute": "mobile-breakpoint"
             },
             {
               "kind": "method",
-              "name": "handleBlur",
+              "name": "updateMobileState",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleFocus",
+              "name": "handleTriggerClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "HeaderAction['name']"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "handleDocumentKeyDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleDocumentMouseDown",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleClick",
+              "name": "addOpenListeners",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "removeOpenListeners",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "focusOnTrigger",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "name",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "HeaderAction['name']"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "click",
-              "description": "Simulates a click on the icon button."
+              "name": "updateAccessibleTriggers",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "focus",
+              "name": "repositionIndicator",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleActivePanelChange",
               "parameters": [
                 {
-                  "name": "options",
-                  "optional": true,
+                  "name": "oldValue",
                   "type": {
-                    "text": "FocusOptions"
+                    "text": "HeaderAction['name'] | null"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "HeaderAction['name'] | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "showPanel",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "HeaderAction['name']"
                   }
                 }
               ],
-              "description": "Sets focus on the icon button."
+              "description": "Opens the named action panel. No-op if that slot has no content."
             },
             {
               "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the icon button."
+              "name": "hidePanel",
+              "description": "Closes the currently open action panel, if any."
             }
           ],
           "events": [
             {
-              "description": "Emitted when the icon button loses focus.",
-              "name": "cw-blur",
-              "reactName": "onCwBlur",
-              "eventName": "CwBlurEvent"
-            },
-            {
-              "description": "Emitted when the icon button gains focus.",
-              "name": "cw-focus",
-              "reactName": "onCwFocus",
-              "eventName": "CwFocusEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
-              "fieldName": "name"
-            },
-            {
-              "name": "library",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The name of a registered custom icon library.",
-              "fieldName": "library"
-            },
-            {
-              "name": "src",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
-              "fieldName": "src"
-            },
-            {
-              "name": "href",
               "type": {
-                "text": "string | undefined"
+                "text": "{ name: String }"
               },
-              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
-              "fieldName": "href"
+              "description": "Emitted when an action panel opens.",
+              "name": "cw-panel-show",
+              "reactName": "onCwPanelShow",
+              "eventName": "CwPanelShowEvent"
             },
             {
-              "name": "target",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+                "text": "{ name: String }"
               },
-              "description": "Tells the browser where to open the link. Only used when `href` is set.",
-              "fieldName": "target"
+              "description": "Emitted after an action panel opens and all animations are complete.",
+              "name": "cw-panel-after-show",
+              "reactName": "onCwPanelAfterShow",
+              "eventName": "CwPanelAfterShowEvent"
             },
             {
-              "name": "download",
               "type": {
-                "text": "string | undefined"
+                "text": "{ name: String }"
               },
-              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
-              "fieldName": "download"
+              "description": "Emitted when an action panel closes.",
+              "name": "cw-panel-hide",
+              "reactName": "onCwPanelHide",
+              "eventName": "CwPanelHideEvent"
             },
             {
-              "name": "label",
               "type": {
-                "text": "string"
+                "text": "{ name: String }"
               },
-              "default": "''",
-              "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
-              "fieldName": "label"
-            },
+              "description": "Emitted after an action panel closes and all animations are complete.",
+              "name": "cw-panel-after-hide",
+              "reactName": "onCwPanelAfterHide",
+              "eventName": "CwPanelAfterHideEvent"
+            }
+          ],
+          "attributes": [
             {
-              "name": "disabled",
+              "name": "mobile-breakpoint",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Disables the button.",
-              "fieldName": "disabled"
+              "default": "768",
+              "description": "The viewport width, in pixels, below which the header switches to its stacked mobile layout.",
+              "fieldName": "mobileBreakpoint"
             }
           ],
           "superclass": {
             "name": "CwElement",
             "module": "/src/internal/cw-element.js"
           },
-          "summary": "Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.",
-          "tagNameWithoutPrefix": "icon-button",
-          "tagName": "cw-icon-button",
+          "summary": "Page header region composing branding, primary navigation, icon-triggered action panels, and secondary\nnavigation into one piece of chrome.",
+          "tagNameWithoutPrefix": "header",
+          "tagName": "cw-header",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.\n * @documentation https://cordwainer.dev/components/icon-button\n * @status stable\n * @since 1.0\n *\n * @dependency cw-icon\n *\n * @event cw-blur - Emitted when the icon button loses focus.\n * @event cw-focus - Emitted when the icon button gains focus.\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://cordwainer.dev/components/icon-button",
-          "status": "stable",
-          "since": "1.0",
+          "jsDoc": "/**\n * @summary Page header region composing branding, primary navigation, icon-triggered action panels, and secondary\n * navigation into one piece of chrome.\n * @documentation https://cordwainer.dev/components/header\n * @status experimental\n * @since 1.3\n *\n * @dependency cw-icon-button\n *\n * @slot logo - A `<cw-logo>`.\n * @slot primary-navigation - A `<cw-primary-navigation>`.\n * @slot utility - Content for the utility action panel, opened via a gear icon trigger.\n * @slot search - Content for the search action panel, opened via a search icon trigger.\n * @slot notification - Content for the notification action panel, opened via a bell icon trigger.\n * @slot user - Content for the user/account action panel, opened via a person icon trigger.\n * @slot cart - Content for the cart action panel, opened via a cart icon trigger.\n * @slot secondary-navigation - A `<cw-secondary-navigation>`, rendered on its own row below everything else.\n *\n * @event {{ name: String }} cw-panel-show - Emitted when an action panel opens.\n * @event {{ name: String }} cw-panel-after-show - Emitted after an action panel opens and all animations are\n * complete.\n * @event {{ name: String }} cw-panel-hide - Emitted when an action panel closes.\n * @event {{ name: String }} cw-panel-after-hide - Emitted after an action panel closes and all animations are\n * complete.\n *\n * @csspart base - The component's base wrapper, a `<header>` landmark element.\n * @csspart logo - The container that wraps the slotted logo.\n * @csspart primary-navigation - The container that wraps the slotted primary navigation.\n * @csspart actions - The container that wraps the action triggers.\n * @csspart trigger - Each action trigger, a `<cw-icon-button>`.\n * @csspart trigger--utility - The utility action trigger.\n * @csspart trigger--search - The search action trigger.\n * @csspart trigger--notification - The notification action trigger.\n * @csspart trigger--user - The user action trigger.\n * @csspart trigger--cart - The cart action trigger.\n * @csspart trigger__base - A trigger's exported `base` part.\n * @csspart indicator - The line that highlights the currently open action trigger.\n * @csspart panel - The panel shown below the header when an action trigger is open.\n * @csspart secondary-navigation - The container that wraps the slotted secondary navigation.\n *\n * @cssproperty --panel-width - The width of an open action panel above `mobile-breakpoint`. Below it, panels are\n * always full width. Defaults to `50%`.\n *\n * @animation header.show - The animation to use when an action panel opens.\n * @animation header.hide - The animation to use when an action panel closes.\n */",
+          "documentation": "https://cordwainer.dev/components/header",
+          "status": "experimental",
+          "since": "1.3",
           "dependencies": [
-            "cw-icon"
+            "cw-icon-button"
+          ],
+          "animations": [
+            {
+              "name": "header.show",
+              "description": "The animation to use when an action panel opens."
+            },
+            {
+              "name": "header.hide",
+              "description": "The animation to use when an action panel closes."
+            }
           ]
         }
       ],
@@ -10446,173 +10380,196 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "CwIconButton",
-            "module": "components/icon-button/icon-button.js"
+            "name": "CwHeader",
+            "module": "components/header/header.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/image-comparer/image-comparer.js",
+      "path": "components/icon/icon.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CwImageComparer",
-          "cssProperties": [
-            {
-              "description": "The width of the dividing line.",
-              "name": "--divider-width"
-            },
-            {
-              "description": "The size of the compare handle.",
-              "name": "--handle-size"
-            }
-          ],
+          "name": "CwIcon",
           "cssParts": [
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The container that wraps the before image.",
-              "name": "before"
-            },
-            {
-              "description": "The container that wraps the after image.",
-              "name": "after"
-            },
-            {
-              "description": "The divider that separates the images.",
-              "name": "divider"
+              "description": "The internal SVG element.",
+              "name": "svg"
             },
             {
-              "description": "The handle that the user drags to expose the after image.",
-              "name": "handle"
+              "description": "The <use> element generated when using `spriteSheet: true`",
+              "name": "use"
             }
           ],
-          "slots": [
+          "members": [
             {
-              "description": "The before image, an `<img>` or `<svg>` element.",
-              "name": "before"
+              "kind": "field",
+              "name": "initialRender",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "description": "The after image, an `<img>` or `<svg>` element.",
-              "name": "after"
+              "kind": "method",
+              "name": "resolveIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<SVGResult>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "url",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "library",
+                  "optional": true,
+                  "type": {
+                    "text": "IconLibrary"
+                  }
+                }
+              ],
+              "description": "Given a URL, this function returns the resulting SVG element or an appropriate error symbol."
             },
-            {
-              "description": "The icon used inside the handle.",
-              "name": "handle"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "scopedElement",
+              "name": "svg",
               "type": {
-                "text": "object"
+                "text": "SVGElement | HTMLTemplateResult | null"
               },
-              "static": true,
-              "default": "{ 'cw-icon': CwIcon }"
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "base",
+              "name": "src",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "string | undefined"
+              },
+              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
+              "attribute": "src"
             },
             {
               "kind": "field",
-              "name": "handle",
+              "name": "label",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "string"
+              },
+              "default": "''",
+              "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "position",
+              "name": "library",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "50",
-              "description": "The position of the divider as a percentage.",
-              "attribute": "position",
+              "default": "'default'",
+              "description": "The name of a registered custom icon library.",
+              "attribute": "library",
               "reflects": true
             },
             {
               "kind": "method",
-              "name": "handleDrag",
+              "name": "getIconSource",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
+              "return": {
+                "type": {
+                  "text": "IconSource"
                 }
-              ]
+              }
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "name": "handleLabelChange"
             },
             {
               "kind": "method",
-              "name": "handlePositionChange"
+              "name": "setIcon"
             }
           ],
           "events": [
             {
-              "description": "Emitted when the position changes.",
-              "name": "cw-change",
-              "reactName": "onCwChange",
-              "eventName": "CwChangeEvent"
+              "description": "Emitted when the icon has loaded. When using `spriteSheet: true` this will not emit.",
+              "name": "cw-load",
+              "reactName": "onCwLoad",
+              "eventName": "CwLoadEvent"
+            },
+            {
+              "description": "Emitted when the icon fails to load due to an error. When using `spriteSheet: true` this will not emit.",
+              "name": "cw-error",
+              "reactName": "onCwError",
+              "eventName": "CwErrorEvent"
             }
           ],
           "attributes": [
             {
-              "name": "position",
+              "name": "name",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "default": "50",
-              "description": "The position of the divider as a percentage.",
-              "fieldName": "position"
+              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+              "fieldName": "name"
+            },
+            {
+              "name": "src",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
+              "fieldName": "src"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
+              "fieldName": "label"
+            },
+            {
+              "name": "library",
+              "type": {
+                "text": "string"
+              },
+              "default": "'default'",
+              "description": "The name of a registered custom icon library.",
+              "fieldName": "library"
             }
           ],
           "superclass": {
             "name": "CwElement",
             "module": "/src/internal/cw-element.js"
           },
-          "summary": "Compare visual differences between similar photos with a sliding panel.",
-          "tagNameWithoutPrefix": "image-comparer",
-          "tagName": "cw-image-comparer",
+          "summary": "Icons are symbols that can be used to represent various options within an application.",
+          "tagNameWithoutPrefix": "icon",
+          "tagName": "cw-icon",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Compare visual differences between similar photos with a sliding panel.\n * @documentation https://cordwainer.dev/components/image-comparer\n * @status stable\n * @since 1.0\n *\n * @dependency cw-icon\n *\n * @slot before - The before image, an `<img>` or `<svg>` element.\n * @slot after - The after image, an `<img>` or `<svg>` element.\n * @slot handle - The icon used inside the handle.\n *\n * @event cw-change - Emitted when the position changes.\n *\n * @csspart base - The component's base wrapper.\n * @csspart before - The container that wraps the before image.\n * @csspart after - The container that wraps the after image.\n * @csspart divider - The divider that separates the images.\n * @csspart handle - The handle that the user drags to expose the after image.\n *\n * @cssproperty --divider-width - The width of the dividing line.\n * @cssproperty --handle-size - The size of the compare handle.\n */",
-          "documentation": "https://cordwainer.dev/components/image-comparer",
+          "jsDoc": "/**\n * @summary Icons are symbols that can be used to represent various options within an application.\n * @documentation https://cordwainer.dev/components/icon\n * @status stable\n * @since 1.0\n *\n * @event cw-load - Emitted when the icon has loaded. When using `spriteSheet: true` this will not emit.\n * @event cw-error - Emitted when the icon fails to load due to an error. When using `spriteSheet: true` this will not emit.\n *\n * @csspart svg - The internal SVG element.\n * @csspart use - The <use> element generated when using `spriteSheet: true`\n */",
+          "documentation": "https://cordwainer.dev/components/icon",
           "status": "stable",
-          "since": "1.0",
-          "dependencies": [
-            "cw-icon"
-          ]
+          "since": "1.0"
         }
       ],
       "exports": [
@@ -10620,125 +10577,272 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "CwImageComparer",
-            "module": "components/image-comparer/image-comparer.js"
+            "name": "CwIcon",
+            "module": "components/icon/icon.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/include/include.js",
+      "path": "components/icon-button/icon-button.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CwInclude",
+          "name": "CwIconButton",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
           "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'cw-icon': CwIcon }"
+            },
+            {
+              "kind": "field",
+              "name": "button",
+              "type": {
+                "text": "HTMLButtonElement | HTMLLinkElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "library",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The name of a registered custom icon library.",
+              "attribute": "library"
+            },
             {
               "kind": "field",
               "name": "src",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
+              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
               "attribute": "src"
             },
             {
               "kind": "field",
-              "name": "mode",
+              "name": "href",
               "type": {
-                "text": "'cors' | 'no-cors' | 'same-origin'"
+                "text": "string | undefined"
               },
-              "default": "'cors'",
-              "description": "The fetch mode to use.",
-              "attribute": "mode"
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "attribute": "href"
             },
             {
               "kind": "field",
-              "name": "allowScripts",
+              "name": "target",
+              "type": {
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              },
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "attribute": "target"
+            },
+            {
+              "kind": "field",
+              "name": "download",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
+              "attribute": "download"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
-              "attribute": "allow-scripts"
+              "description": "Disables the button.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "executeScript",
+              "name": "handleBlur",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "script",
+                  "name": "event",
                   "type": {
-                    "text": "HTMLScriptElement"
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleSrcChange"
+              "name": "click",
+              "description": "Simulates a click on the icon button."
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the icon button."
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the icon button."
             }
           ],
           "events": [
             {
-              "description": "Emitted when the included file is loaded.",
-              "name": "cw-load",
-              "reactName": "onCwLoad",
-              "eventName": "CwLoadEvent"
+              "description": "Emitted when the icon button loses focus.",
+              "name": "cw-blur",
+              "reactName": "onCwBlur",
+              "eventName": "CwBlurEvent"
             },
             {
-              "type": {
-                "text": "{ status: number }"
-              },
-              "description": "Emitted when the included file fails to load due to an error.",
-              "name": "cw-error",
-              "reactName": "onCwError",
-              "eventName": "CwErrorEvent"
+              "description": "Emitted when the icon button gains focus.",
+              "name": "cw-focus",
+              "reactName": "onCwFocus",
+              "eventName": "CwFocusEvent"
             }
           ],
           "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
+              "fieldName": "name"
+            },
+            {
+              "name": "library",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The name of a registered custom icon library.",
+              "fieldName": "library"
+            },
             {
               "name": "src",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "description": "The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
+              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
               "fieldName": "src"
             },
             {
-              "name": "mode",
+              "name": "href",
               "type": {
-                "text": "'cors' | 'no-cors' | 'same-origin'"
+                "text": "string | undefined"
               },
-              "default": "'cors'",
-              "description": "The fetch mode to use.",
-              "fieldName": "mode"
+              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
+              "fieldName": "href"
             },
             {
-              "name": "allow-scripts",
+              "name": "target",
               "type": {
-                "text": "boolean"
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
               },
-              "default": "false",
-              "description": "Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
-              "fieldName": "allowScripts"
-            }
-          ],
-          "superclass": {
-            "name": "CwElement",
-            "module": "/src/internal/cw-element.js"
-          },
-          "summary": "Includes give you the power to embed external HTML files into the page.",
-          "tagNameWithoutPrefix": "include",
-          "tagName": "cw-include",
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "fieldName": "target"
+            },
+            {
+              "name": "download",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
+              "fieldName": "download"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
+              "fieldName": "label"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the button.",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "CwElement",
+            "module": "/src/internal/cw-element.js"
+          },
+          "summary": "Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.",
+          "tagNameWithoutPrefix": "icon-button",
+          "tagName": "cw-icon-button",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Includes give you the power to embed external HTML files into the page.\n * @documentation https://cordwainer.dev/components/include\n * @status stable\n * @since 1.0\n *\n * @event cw-load - Emitted when the included file is loaded.\n * @event {{ status: number }} cw-error - Emitted when the included file fails to load due to an error.\n */",
-          "documentation": "https://cordwainer.dev/components/include",
+          "jsDoc": "/**\n * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.\n * @documentation https://cordwainer.dev/components/icon-button\n * @status stable\n * @since 1.0\n *\n * @dependency cw-icon\n *\n * @event cw-blur - Emitted when the icon button loses focus.\n * @event cw-focus - Emitted when the icon button gains focus.\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://cordwainer.dev/components/icon-button",
           "status": "stable",
-          "since": "1.0"
+          "since": "1.0",
+          "dependencies": [
+            "cw-icon"
+          ]
         }
       ],
       "exports": [
@@ -10746,116 +10850,76 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "CwInclude",
-            "module": "components/include/include.js"
+            "name": "CwIconButton",
+            "module": "components/icon-button/icon-button.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/input/input.js",
+      "path": "components/image-comparer/image-comparer.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CwInput",
-          "cssParts": [
-            {
-              "description": "The form control that wraps the label, input, and help text.",
-              "name": "form-control"
-            },
-            {
-              "description": "The label's wrapper.",
-              "name": "form-control-label"
-            },
+          "name": "CwImageComparer",
+          "cssProperties": [
             {
-              "description": "The input's wrapper.",
-              "name": "form-control-input"
+              "description": "The width of the dividing line.",
+              "name": "--divider-width"
             },
             {
-              "description": "The help text's wrapper.",
-              "name": "form-control-help-text"
-            },
+              "description": "The size of the compare handle.",
+              "name": "--handle-size"
+            }
+          ],
+          "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
             },
             {
-              "description": "The internal `<input>` control.",
-              "name": "input"
-            },
-            {
-              "description": "The container that wraps the prefix.",
-              "name": "prefix"
+              "description": "The container that wraps the before image.",
+              "name": "before"
             },
             {
-              "description": "The clear button.",
-              "name": "clear-button"
+              "description": "The container that wraps the after image.",
+              "name": "after"
             },
             {
-              "description": "The password toggle button.",
-              "name": "password-toggle-button"
+              "description": "The divider that separates the images.",
+              "name": "divider"
             },
             {
-              "description": "The container that wraps the suffix.",
-              "name": "suffix"
+              "description": "The handle that the user drags to expose the after image.",
+              "name": "handle"
             }
           ],
           "slots": [
             {
-              "description": "The input's label. Alternatively, you can use the `label` attribute.",
-              "name": "label"
-            },
-            {
-              "description": "Used to prepend a presentational icon or similar element to the input.",
-              "name": "prefix"
-            },
-            {
-              "description": "Used to append a presentational icon or similar element to the input.",
-              "name": "suffix"
-            },
-            {
-              "description": "An icon to use in lieu of the default clear icon.",
-              "name": "clear-icon"
-            },
-            {
-              "description": "An icon to use in lieu of the default show password icon.",
-              "name": "show-password-icon"
+              "description": "The before image, an `<img>` or `<svg>` element.",
+              "name": "before"
             },
             {
-              "description": "An icon to use in lieu of the default hide password icon.",
-              "name": "hide-password-icon"
+              "description": "The after image, an `<img>` or `<svg>` element.",
+              "name": "after"
             },
             {
-              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
-              "name": "help-text"
+              "description": "The icon used inside the handle.",
+              "name": "handle"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "scopedElement",
               "type": {
                 "text": "object"
               },
               "static": true,
               "default": "{ 'cw-icon': CwIcon }"
             },
-            {
-              "kind": "field",
-              "name": "formControlController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new FormControlController(this, { assumeInteractionOn: ['cw-blur', 'cw-input'] })"
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'help-text', 'label')"
-            },
             {
               "kind": "field",
               "name": "localize",
@@ -10865,98 +10929,438 @@
             },
             {
               "kind": "field",
-              "name": "input",
+              "name": "base",
               "type": {
-                "text": "HTMLInputElement"
+                "text": "HTMLElement"
               }
             },
             {
               "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "title",
+              "name": "handle",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "title"
-            },
-            {
-              "kind": "field",
-              "name": "__numberInput",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "__dateInput",
-              "privacy": "private"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "type",
+              "name": "position",
               "type": {
-                "text": "'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url'"
+                "text": "number"
               },
-              "default": "'text'",
-              "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
-              "attribute": "type",
+              "default": "50",
+              "description": "The position of the divider as a percentage.",
+              "attribute": "position",
               "reflects": true
             },
             {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The name of the input, submitted as a name/value pair with form data.",
-              "attribute": "name"
+              "kind": "method",
+              "name": "handleDrag",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The current value of the input, submitted as a name/value pair with form data.",
-              "attribute": "value"
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "defaultValue",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The default value of the form control. Primarily used for resetting the form control."
-            },
+              "kind": "method",
+              "name": "handlePositionChange"
+            }
+          ],
+          "events": [
             {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The input's size.",
-              "attribute": "size",
-              "reflects": true
-            },
+              "description": "Emitted when the position changes.",
+              "name": "cw-change",
+              "reactName": "onCwChange",
+              "eventName": "CwChangeEvent"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "filled",
+              "name": "position",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Draws a filled input.",
+              "default": "50",
+              "description": "The position of the divider as a percentage.",
+              "fieldName": "position"
+            }
+          ],
+          "superclass": {
+            "name": "CwElement",
+            "module": "/src/internal/cw-element.js"
+          },
+          "summary": "Compare visual differences between similar photos with a sliding panel.",
+          "tagNameWithoutPrefix": "image-comparer",
+          "tagName": "cw-image-comparer",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Compare visual differences between similar photos with a sliding panel.\n * @documentation https://cordwainer.dev/components/image-comparer\n * @status stable\n * @since 1.0\n *\n * @dependency cw-icon\n *\n * @slot before - The before image, an `<img>` or `<svg>` element.\n * @slot after - The after image, an `<img>` or `<svg>` element.\n * @slot handle - The icon used inside the handle.\n *\n * @event cw-change - Emitted when the position changes.\n *\n * @csspart base - The component's base wrapper.\n * @csspart before - The container that wraps the before image.\n * @csspart after - The container that wraps the after image.\n * @csspart divider - The divider that separates the images.\n * @csspart handle - The handle that the user drags to expose the after image.\n *\n * @cssproperty --divider-width - The width of the dividing line.\n * @cssproperty --handle-size - The size of the compare handle.\n */",
+          "documentation": "https://cordwainer.dev/components/image-comparer",
+          "status": "stable",
+          "since": "1.0",
+          "dependencies": [
+            "cw-icon"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "CwImageComparer",
+            "module": "components/image-comparer/image-comparer.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/include/include.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CwInclude",
+          "members": [
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "description": "The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
+              "attribute": "src"
+            },
+            {
+              "kind": "field",
+              "name": "mode",
+              "type": {
+                "text": "'cors' | 'no-cors' | 'same-origin'"
+              },
+              "default": "'cors'",
+              "description": "The fetch mode to use.",
+              "attribute": "mode"
+            },
+            {
+              "kind": "field",
+              "name": "allowScripts",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
+              "attribute": "allow-scripts"
+            },
+            {
+              "kind": "method",
+              "name": "executeScript",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "script",
+                  "type": {
+                    "text": "HTMLScriptElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleSrcChange"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the included file is loaded.",
+              "name": "cw-load",
+              "reactName": "onCwLoad",
+              "eventName": "CwLoadEvent"
+            },
+            {
+              "type": {
+                "text": "{ status: number }"
+              },
+              "description": "Emitted when the included file fails to load due to an error.",
+              "name": "cw-error",
+              "reactName": "onCwError",
+              "eventName": "CwErrorEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "description": "The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
+              "fieldName": "src"
+            },
+            {
+              "name": "mode",
+              "type": {
+                "text": "'cors' | 'no-cors' | 'same-origin'"
+              },
+              "default": "'cors'",
+              "description": "The fetch mode to use.",
+              "fieldName": "mode"
+            },
+            {
+              "name": "allow-scripts",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.",
+              "fieldName": "allowScripts"
+            }
+          ],
+          "superclass": {
+            "name": "CwElement",
+            "module": "/src/internal/cw-element.js"
+          },
+          "summary": "Includes give you the power to embed external HTML files into the page.",
+          "tagNameWithoutPrefix": "include",
+          "tagName": "cw-include",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Includes give you the power to embed external HTML files into the page.\n * @documentation https://cordwainer.dev/components/include\n * @status stable\n * @since 1.0\n *\n * @event cw-load - Emitted when the included file is loaded.\n * @event {{ status: number }} cw-error - Emitted when the included file fails to load due to an error.\n */",
+          "documentation": "https://cordwainer.dev/components/include",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "CwInclude",
+            "module": "components/include/include.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/input/input.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CwInput",
+          "cssParts": [
+            {
+              "description": "The form control that wraps the label, input, and help text.",
+              "name": "form-control"
+            },
+            {
+              "description": "The label's wrapper.",
+              "name": "form-control-label"
+            },
+            {
+              "description": "The input's wrapper.",
+              "name": "form-control-input"
+            },
+            {
+              "description": "The help text's wrapper.",
+              "name": "form-control-help-text"
+            },
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The internal `<input>` control.",
+              "name": "input"
+            },
+            {
+              "description": "The container that wraps the prefix.",
+              "name": "prefix"
+            },
+            {
+              "description": "The clear button.",
+              "name": "clear-button"
+            },
+            {
+              "description": "The password toggle button.",
+              "name": "password-toggle-button"
+            },
+            {
+              "description": "The container that wraps the suffix.",
+              "name": "suffix"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The input's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
+            },
+            {
+              "description": "Used to prepend a presentational icon or similar element to the input.",
+              "name": "prefix"
+            },
+            {
+              "description": "Used to append a presentational icon or similar element to the input.",
+              "name": "suffix"
+            },
+            {
+              "description": "An icon to use in lieu of the default clear icon.",
+              "name": "clear-icon"
+            },
+            {
+              "description": "An icon to use in lieu of the default show password icon.",
+              "name": "show-password-icon"
+            },
+            {
+              "description": "An icon to use in lieu of the default hide password icon.",
+              "name": "hide-password-icon"
+            },
+            {
+              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'cw-icon': CwIcon }"
+            },
+            {
+              "kind": "field",
+              "name": "formControlController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FormControlController(this, { assumeInteractionOn: ['cw-blur', 'cw-input'] })"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'help-text', 'label')"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "__numberInput",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "__dateInput",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url'"
+              },
+              "default": "'text'",
+              "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
+              "attribute": "type",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the input, submitted as a name/value pair with form data.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The current value of the input, submitted as a name/value pair with form data.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "defaultValue",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The default value of the form control. Primarily used for resetting the form control."
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The input's size.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "filled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a filled input.",
               "attribute": "filled",
               "reflects": true
             },
@@ -16441,125 +16845,381 @@
               "name": "handleHoverValueChange"
             },
             {
-              "kind": "method",
-              "name": "handleIsHoveringChange"
+              "kind": "method",
+              "name": "handleIsHoveringChange"
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the rating."
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the rating."
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the rating's value changes.",
+              "name": "cw-change",
+              "reactName": "onCwChange",
+              "eventName": "CwChangeEvent"
+            },
+            {
+              "type": {
+                "text": "{ phase: 'start' | 'move' | 'end', value: number }"
+              },
+              "description": "Emitted when the user hovers over a value. The `phase` property indicates when hovering starts, moves to a new value, or ends. The `value` property tells what the rating's value would be if the user were to commit to the hovered value.",
+              "name": "cw-hover",
+              "reactName": "onCwHover",
+              "eventName": "CwHoverEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A label that describes the rating to assistive devices.",
+              "fieldName": "label"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The current rating.",
+              "fieldName": "value"
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "5",
+              "description": "The highest rating to show.",
+              "fieldName": "max"
+            },
+            {
+              "name": "precision",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "The precision at which the rating will increase and decrease. For example, to allow half-star ratings, set this\nattribute to `0.5`.",
+              "fieldName": "precision"
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the rating readonly.",
+              "fieldName": "readonly"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the rating.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "getSymbol",
+              "type": {
+                "text": "(value: number) => string"
+              },
+              "description": "A function that customizes the symbol to be rendered. The first and only argument is the rating's current value.\nThe function should return a string containing trusted HTML of the symbol to render at the specified value. Works\nwell with `<cw-icon>` elements.",
+              "fieldName": "getSymbol"
+            }
+          ],
+          "superclass": {
+            "name": "CwElement",
+            "module": "/src/internal/cw-element.js"
+          },
+          "summary": "Ratings give users a way to quickly view and provide feedback.",
+          "tagNameWithoutPrefix": "rating",
+          "tagName": "cw-rating",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Ratings give users a way to quickly view and provide feedback.\n * @documentation https://cordwainer.dev/components/rating\n * @status stable\n * @since 1.0\n *\n * @dependency cw-icon\n *\n * @event cw-change - Emitted when the rating's value changes.\n * @event {{ phase: 'start' | 'move' | 'end', value: number }} cw-hover - Emitted when the user hovers over a value. The\n *  `phase` property indicates when hovering starts, moves to a new value, or ends. The `value` property tells what the\n *  rating's value would be if the user were to commit to the hovered value.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --symbol-color - The inactive color for symbols.\n * @cssproperty --symbol-color-active - The active color for symbols.\n * @cssproperty --symbol-size - The size of symbols.\n * @cssproperty --symbol-spacing - The spacing to use around symbols.\n */",
+          "documentation": "https://cordwainer.dev/components/rating",
+          "status": "stable",
+          "since": "1.0",
+          "dependencies": [
+            "cw-icon"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "CwRating",
+            "module": "components/rating/rating.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/relative-time/relative-time.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CwRelativeTime",
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "updateTimeout",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "isoTime",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "relativeTime",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "date",
+              "type": {
+                "text": "Date | string"
+              },
+              "default": "new Date()",
+              "description": "The date from which to calculate time from. If not set, the current date and time will be used. When passing a\nstring, it's strongly recommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert\na date to this format in JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).",
+              "attribute": "date"
             },
             {
-              "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the rating."
+              "kind": "field",
+              "name": "format",
+              "type": {
+                "text": "'long' | 'short' | 'narrow'"
+              },
+              "default": "'long'",
+              "description": "The formatting style to use.",
+              "attribute": "format"
             },
             {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the rating."
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the rating's value changes.",
-              "name": "cw-change",
-              "reactName": "onCwChange",
-              "eventName": "CwChangeEvent"
+              "kind": "field",
+              "name": "numeric",
+              "type": {
+                "text": "'always' | 'auto'"
+              },
+              "default": "'auto'",
+              "description": "When `auto`, values such as \"yesterday\" and \"tomorrow\" will be shown when possible. When `always`, values such as\n\"1 day ago\" and \"in 1 day\" will be shown.",
+              "attribute": "numeric"
             },
             {
+              "kind": "field",
+              "name": "sync",
               "type": {
-                "text": "{ phase: 'start' | 'move' | 'end', value: number }"
+                "text": "boolean"
               },
-              "description": "Emitted when the user hovers over a value. The `phase` property indicates when hovering starts, moves to a new value, or ends. The `value` property tells what the rating's value would be if the user were to commit to the hovered value.",
-              "name": "cw-hover",
-              "reactName": "onCwHover",
-              "eventName": "CwHoverEvent"
+              "default": "false",
+              "description": "Keep the displayed value up to date as time passes.",
+              "attribute": "sync"
             }
           ],
           "attributes": [
             {
-              "name": "label",
+              "name": "date",
               "type": {
-                "text": "string"
+                "text": "Date | string"
               },
-              "default": "''",
-              "description": "A label that describes the rating to assistive devices.",
-              "fieldName": "label"
+              "default": "new Date()",
+              "description": "The date from which to calculate time from. If not set, the current date and time will be used. When passing a\nstring, it's strongly recommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert\na date to this format in JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).",
+              "fieldName": "date"
             },
             {
-              "name": "value",
+              "name": "format",
               "type": {
-                "text": "number"
+                "text": "'long' | 'short' | 'narrow'"
               },
-              "default": "0",
-              "description": "The current rating.",
-              "fieldName": "value"
+              "default": "'long'",
+              "description": "The formatting style to use.",
+              "fieldName": "format"
             },
             {
-              "name": "max",
+              "name": "numeric",
               "type": {
-                "text": "number"
+                "text": "'always' | 'auto'"
               },
-              "default": "5",
-              "description": "The highest rating to show.",
-              "fieldName": "max"
+              "default": "'auto'",
+              "description": "When `auto`, values such as \"yesterday\" and \"tomorrow\" will be shown when possible. When `always`, values such as\n\"1 day ago\" and \"in 1 day\" will be shown.",
+              "fieldName": "numeric"
             },
             {
-              "name": "precision",
+              "name": "sync",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "1",
-              "description": "The precision at which the rating will increase and decrease. For example, to allow half-star ratings, set this\nattribute to `0.5`.",
-              "fieldName": "precision"
+              "default": "false",
+              "description": "Keep the displayed value up to date as time passes.",
+              "fieldName": "sync"
+            }
+          ],
+          "superclass": {
+            "name": "CwElement",
+            "module": "/src/internal/cw-element.js"
+          },
+          "summary": "Outputs a localized time phrase relative to the current date and time.",
+          "tagNameWithoutPrefix": "relative-time",
+          "tagName": "cw-relative-time",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Outputs a localized time phrase relative to the current date and time.\n * @documentation https://cordwainer.dev/components/relative-time\n * @status stable\n * @since 1.0\n */",
+          "documentation": "https://cordwainer.dev/components/relative-time",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "CwRelativeTime",
+            "module": "components/relative-time/relative-time.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/resize-observer/resize-observer.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CwResizeObserver",
+          "slots": [
+            {
+              "description": "One or more elements to watch for resizing.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "resizeObserver",
+              "type": {
+                "text": "ResizeObserver"
+              },
+              "privacy": "private"
             },
             {
-              "name": "readonly",
+              "kind": "field",
+              "name": "observedElements",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement[]"
               },
-              "default": "false",
-              "description": "Makes the rating readonly.",
-              "fieldName": "readonly"
+              "privacy": "private",
+              "default": "[]"
             },
             {
+              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the rating.",
-              "fieldName": "disabled"
+              "description": "Disables the observer.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "name": "getSymbol",
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "startObserver",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "stopObserver",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange"
+            }
+          ],
+          "events": [
+            {
               "type": {
-                "text": "(value: number) => string"
+                "text": "{ entries: ResizeObserverEntry[] }"
               },
-              "description": "A function that customizes the symbol to be rendered. The first and only argument is the rating's current value.\nThe function should return a string containing trusted HTML of the symbol to render at the specified value. Works\nwell with `<cw-icon>` elements.",
-              "fieldName": "getSymbol"
+              "description": "Emitted when the element is resized.",
+              "name": "cw-resize",
+              "reactName": "onCwResize",
+              "eventName": "CwResizeEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the observer.",
+              "fieldName": "disabled"
             }
           ],
           "superclass": {
             "name": "CwElement",
             "module": "/src/internal/cw-element.js"
           },
-          "summary": "Ratings give users a way to quickly view and provide feedback.",
-          "tagNameWithoutPrefix": "rating",
-          "tagName": "cw-rating",
+          "summary": "The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).",
+          "tagNameWithoutPrefix": "resize-observer",
+          "tagName": "cw-resize-observer",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Ratings give users a way to quickly view and provide feedback.\n * @documentation https://cordwainer.dev/components/rating\n * @status stable\n * @since 1.0\n *\n * @dependency cw-icon\n *\n * @event cw-change - Emitted when the rating's value changes.\n * @event {{ phase: 'start' | 'move' | 'end', value: number }} cw-hover - Emitted when the user hovers over a value. The\n *  `phase` property indicates when hovering starts, moves to a new value, or ends. The `value` property tells what the\n *  rating's value would be if the user were to commit to the hovered value.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --symbol-color - The inactive color for symbols.\n * @cssproperty --symbol-color-active - The active color for symbols.\n * @cssproperty --symbol-size - The size of symbols.\n * @cssproperty --symbol-spacing - The spacing to use around symbols.\n */",
-          "documentation": "https://cordwainer.dev/components/rating",
+          "jsDoc": "/**\n * @summary The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).\n * @documentation https://cordwainer.dev/components/resize-observer\n * @status stable\n * @since 1.0\n *\n * @slot - One or more elements to watch for resizing.\n *\n * @event {{ entries: ResizeObserverEntry[] }} cw-resize - Emitted when the element is resized.\n */",
+          "documentation": "https://cordwainer.dev/components/resize-observer",
           "status": "stable",
-          "since": "1.0",
-          "dependencies": [
-            "cw-icon"
-          ]
+          "since": "1.0"
         }
       ],
       "exports": [
@@ -16567,145 +17227,206 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "CwRating",
-            "module": "components/rating/rating.js"
+            "name": "CwResizeObserver",
+            "module": "components/resize-observer/resize-observer.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/relative-time/relative-time.js",
+      "path": "components/secondary-navigation/secondary-navigation.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CwRelativeTime",
+          "name": "CwSecondaryNavigation",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper, a `<nav>` landmark element.",
+              "name": "base"
+            },
+            {
+              "description": "The container that wraps the slotted navigation items and the scroll buttons.",
+              "name": "nav"
+            },
+            {
+              "description": "The previous/next scroll buttons that show when items overflow, an `<cw-icon-button>`.",
+              "name": "scroll-button"
+            },
+            {
+              "description": "The starting scroll button.",
+              "name": "scroll-button--start"
+            },
+            {
+              "description": "The ending scroll button.",
+              "name": "scroll-button--end"
+            },
+            {
+              "description": "The scroll button's exported `base` part.",
+              "name": "scroll-button__base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "One or more `<cw-secondary-navigation-item>` elements.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'cw-icon-button': CwIconButton }"
             },
             {
               "kind": "field",
-              "name": "updateTimeout",
+              "name": "resizeObserver",
               "type": {
-                "text": "number"
+                "text": "ResizeObserver"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "isoTime",
-              "type": {
-                "text": "string"
-              },
+              "name": "localize",
               "privacy": "private",
-              "default": "''"
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
-              "name": "relativeTime",
+              "name": "nav",
               "type": {
-                "text": "string"
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasScrollControls",
+              "type": {
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "''"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "date",
+              "name": "shouldHideScrollStartButton",
               "type": {
-                "text": "Date | string"
+                "text": "boolean"
               },
-              "default": "new Date()",
-              "description": "The date from which to calculate time from. If not set, the current date and time will be used. When passing a\nstring, it's strongly recommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert\na date to this format in JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).",
-              "attribute": "date"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "format",
+              "name": "shouldHideScrollEndButton",
               "type": {
-                "text": "'long' | 'short' | 'narrow'"
+                "text": "boolean"
               },
-              "default": "'long'",
-              "description": "The formatting style to use.",
-              "attribute": "format"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "numeric",
+              "name": "label",
               "type": {
-                "text": "'always' | 'auto'"
+                "text": "string"
               },
-              "default": "'auto'",
-              "description": "When `auto`, values such as \"yesterday\" and \"tomorrow\" will be shown when possible. When `always`, values such as\n\"1 day ago\" and \"in 1 day\" will be shown.",
-              "attribute": "numeric"
+              "default": "''",
+              "description": "The accessible label for the `<nav>` landmark. Defaults to a localized \"Secondary navigation\".",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "sync",
+              "name": "noScrollControls",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Keep the displayed value up to date as time passes.",
-              "attribute": "sync"
-            }
-          ],
-          "attributes": [
+              "description": "Disables the scroll arrows that appear when items overflow.",
+              "attribute": "no-scroll-controls"
+            },
             {
-              "name": "date",
-              "type": {
-                "text": "Date | string"
-              },
-              "default": "new Date()",
-              "description": "The date from which to calculate time from. If not set, the current date and time will be used. When passing a\nstring, it's strongly recommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert\na date to this format in JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).",
-              "fieldName": "date"
+              "kind": "method",
+              "name": "handleScrollToStart",
+              "privacy": "private"
             },
             {
-              "name": "format",
+              "kind": "method",
+              "name": "handleScrollToEnd",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "scrollOffset",
               "type": {
-                "text": "'long' | 'short' | 'narrow'"
+                "text": "number"
               },
-              "default": "'long'",
-              "description": "The formatting style to use.",
-              "fieldName": "format"
+              "privacy": "private",
+              "default": "1",
+              "description": "The reality of the browser means that we can't expect the scroll position to be exactly what we want it to be,\nso we add one pixel of wiggle room to our calculations."
             },
             {
-              "name": "numeric",
+              "kind": "method",
+              "name": "scrollFromStart",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "isScrolledToEnd",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "updateScrollButtons",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "updateScrollControls"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
               "type": {
-                "text": "'always' | 'auto'"
+                "text": "string"
               },
-              "default": "'auto'",
-              "description": "When `auto`, values such as \"yesterday\" and \"tomorrow\" will be shown when possible. When `always`, values such as\n\"1 day ago\" and \"in 1 day\" will be shown.",
-              "fieldName": "numeric"
+              "default": "''",
+              "description": "The accessible label for the `<nav>` landmark. Defaults to a localized \"Secondary navigation\".",
+              "fieldName": "label"
             },
             {
-              "name": "sync",
+              "name": "no-scroll-controls",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Keep the displayed value up to date as time passes.",
-              "fieldName": "sync"
+              "description": "Disables the scroll arrows that appear when items overflow.",
+              "fieldName": "noScrollControls"
             }
           ],
           "superclass": {
             "name": "CwElement",
             "module": "/src/internal/cw-element.js"
           },
-          "summary": "Outputs a localized time phrase relative to the current date and time.",
-          "tagNameWithoutPrefix": "relative-time",
-          "tagName": "cw-relative-time",
+          "summary": "Second-level site navigation for linking pages related to the current one, beneath a\n`<cw-primary-navigation>`. A flat, horizontal strip of links — unlike primary navigation, it has no\ndisclosure/dropdown items; overflow is handled with scroll buttons instead.",
+          "tagNameWithoutPrefix": "secondary-navigation",
+          "tagName": "cw-secondary-navigation",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Outputs a localized time phrase relative to the current date and time.\n * @documentation https://cordwainer.dev/components/relative-time\n * @status stable\n * @since 1.0\n */",
-          "documentation": "https://cordwainer.dev/components/relative-time",
-          "status": "stable",
-          "since": "1.0"
+          "jsDoc": "/**\n * @summary Second-level site navigation for linking pages related to the current one, beneath a\n * `<cw-primary-navigation>`. A flat, horizontal strip of links — unlike primary navigation, it has no\n * disclosure/dropdown items; overflow is handled with scroll buttons instead.\n * @documentation https://cordwainer.dev/components/secondary-navigation\n * @status experimental\n * @since 1.3\n *\n * @dependency cw-icon-button\n *\n * @slot - One or more `<cw-secondary-navigation-item>` elements.\n *\n * @csspart base - The component's base wrapper, a `<nav>` landmark element.\n * @csspart nav - The container that wraps the slotted navigation items and the scroll buttons.\n * @csspart scroll-button - The previous/next scroll buttons that show when items overflow, an `<cw-icon-button>`.\n * @csspart scroll-button--start - The starting scroll button.\n * @csspart scroll-button--end - The ending scroll button.\n * @csspart scroll-button__base - The scroll button's exported `base` part.\n */",
+          "documentation": "https://cordwainer.dev/components/secondary-navigation",
+          "status": "experimental",
+          "since": "1.3",
+          "dependencies": [
+            "cw-icon-button"
+          ]
         }
       ],
       "exports": [
@@ -16713,109 +17434,125 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "CwRelativeTime",
-            "module": "components/relative-time/relative-time.js"
+            "name": "CwSecondaryNavigation",
+            "module": "components/secondary-navigation/secondary-navigation.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/resize-observer/resize-observer.js",
+      "path": "components/secondary-navigation-item/secondary-navigation-item.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CwResizeObserver",
+          "name": "CwSecondaryNavigationItem",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The internal `<a>`, present only when `href` is set.",
+              "name": "link"
+            }
+          ],
           "slots": [
             {
-              "description": "One or more elements to watch for resizing.",
+              "description": "The item's label content (text, or an icon + text).",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "resizeObserver",
+              "name": "href",
               "type": {
-                "text": "ResizeObserver"
+                "text": "string | undefined"
               },
-              "privacy": "private"
+              "description": "The URL to navigate to.",
+              "attribute": "href"
             },
             {
               "kind": "field",
-              "name": "observedElements",
+              "name": "target",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
               },
-              "privacy": "private",
-              "default": "[]"
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "attribute": "target"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'noreferrer noopener'",
+              "description": "The `rel` attribute for the link. Only used when `href` is set.",
+              "attribute": "rel"
+            },
+            {
+              "kind": "field",
+              "name": "current",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the observer.",
-              "attribute": "disabled",
+              "description": "Indicates this item represents the current page. Reflects `aria-current=\"page\"` on the internal link. The\ncomponent has no router/URL awareness — consumers set this explicitly based on their own routing state.",
+              "attribute": "current",
               "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "method",
-              "name": "startObserver",
-              "privacy": "private"
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The URL to navigate to.",
+              "fieldName": "href"
             },
             {
-              "kind": "method",
-              "name": "stopObserver",
-              "privacy": "private"
+              "name": "target",
+              "type": {
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              },
+              "description": "Tells the browser where to open the link. Only used when `href` is set.",
+              "fieldName": "target"
             },
             {
-              "kind": "method",
-              "name": "handleDisabledChange"
-            }
-          ],
-          "events": [
-            {
+              "name": "rel",
               "type": {
-                "text": "{ entries: ResizeObserverEntry[] }"
+                "text": "string"
               },
-              "description": "Emitted when the element is resized.",
-              "name": "cw-resize",
-              "reactName": "onCwResize",
-              "eventName": "CwResizeEvent"
-            }
-          ],
-          "attributes": [
+              "default": "'noreferrer noopener'",
+              "description": "The `rel` attribute for the link. Only used when `href` is set.",
+              "fieldName": "rel"
+            },
             {
-              "name": "disabled",
+              "name": "current",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the observer.",
-              "fieldName": "disabled"
+              "description": "Indicates this item represents the current page. Reflects `aria-current=\"page\"` on the internal link. The\ncomponent has no router/URL awareness — consumers set this explicitly based on their own routing state.",
+              "fieldName": "current"
             }
           ],
           "superclass": {
             "name": "CwElement",
             "module": "/src/internal/cw-element.js"
           },
-          "summary": "The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).",
-          "tagNameWithoutPrefix": "resize-observer",
-          "tagName": "cw-resize-observer",
+          "summary": "A link in a `<cw-secondary-navigation>`, pointing to a page related to the current one.",
+          "tagNameWithoutPrefix": "secondary-navigation-item",
+          "tagName": "cw-secondary-navigation-item",
           "customElement": true,
-          "jsDoc": "/**\n * @summary The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).\n * @documentation https://cordwainer.dev/components/resize-observer\n * @status stable\n * @since 1.0\n *\n * @slot - One or more elements to watch for resizing.\n *\n * @event {{ entries: ResizeObserverEntry[] }} cw-resize - Emitted when the element is resized.\n */",
-          "documentation": "https://cordwainer.dev/components/resize-observer",
-          "status": "stable",
-          "since": "1.0"
+          "jsDoc": "/**\n * @summary A link in a `<cw-secondary-navigation>`, pointing to a page related to the current one.\n * @documentation https://cordwainer.dev/components/secondary-navigation-item\n * @status experimental\n * @since 1.3\n *\n * @slot - The item's label content (text, or an icon + text).\n *\n * @csspart base - The component's base wrapper.\n * @csspart link - The internal `<a>`, present only when `href` is set.\n */",
+          "documentation": "https://cordwainer.dev/components/secondary-navigation-item",
+          "status": "experimental",
+          "since": "1.3"
         }
       ],
       "exports": [
@@ -16823,8 +17560,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "CwResizeObserver",
-            "module": "components/resize-observer/resize-observer.js"
+            "name": "CwSecondaryNavigationItem",
+            "module": "components/secondary-navigation-item/secondary-navigation-item.js"
           }
         }
       ]
@@ -22759,7 +23496,7 @@
   "package": {
     "name": "@cordwainer/cw-elements",
     "description": "Cordwainer Elements — Web Component Library, a hard fork of Shoelace (@shoelace-style/shoelace).",
-    "version": "1.3.0-alpha.1",
+    "version": "1.3.0-alpha.3",
     "author": "Matt Hand",
     "homepage": "https://cordwainer.dev",
     "license": "MIT"