@cordwainer/cw-elements 1.3.0-alpha.3 → 1.3.0-beta.0

package/dist/react/switch/index.js

@@ -1,7 +1,7 @@
 import {
   switch_default
-} from "../../chunks/chunk.5LPGLWKR.js";
-import "../../chunks/chunk.LBRDDQFU.js";
+} from "../../chunks/chunk.ASR4BGBN.js";
+import "../../chunks/chunk.IEH4UMBE.js";
 import "../../chunks/chunk.THHNFW65.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.YBI2MSEM.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.PH2VNONO.js";
 import "../../chunks/chunk.BVGZUUCX.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.M3BUZZ7G.js";
+import "../../chunks/chunk.Z2HD6GN7.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   switch_default as default

package/dist/react/tab/index.js

@@ -1,20 +1,20 @@
 import {
   tab_default
-} from "../../chunks/chunk.6EDD3RFJ.js";
-import "../../chunks/chunk.ALD6RBOX.js";
+} from "../../chunks/chunk.CHWC45ZA.js";
+import "../../chunks/chunk.JQPFZCIQ.js";
 import "../../chunks/chunk.R3YIHCDD.js";
-import "../../chunks/chunk.LW2U6XJ2.js";
+import "../../chunks/chunk.4LYTQNWC.js";
 import "../../chunks/chunk.IRARCVGH.js";
 import "../../chunks/chunk.OFFCHZOX.js";
 import "../../chunks/chunk.CYBF35P2.js";
-import "../../chunks/chunk.QIEBJXU4.js";
-import "../../chunks/chunk.YYBORLW3.js";
-import "../../chunks/chunk.PLKIFY5H.js";
+import "../../chunks/chunk.4QFXWB46.js";
 import "../../chunks/chunk.QLXRCYS4.js";
+import "../../chunks/chunk.PCPD42MG.js";
 import "../../chunks/chunk.CJFFVBAI.js";
+import "../../chunks/chunk.TQETHWSG.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.M3BUZZ7G.js";
+import "../../chunks/chunk.Z2HD6GN7.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/react/tab-group/index.js

@@ -1,24 +1,24 @@
 import {
   tab_group_default
-} from "../../chunks/chunk.4KBIEY2C.js";
-import "../../chunks/chunk.2CMBTRNR.js";
+} from "../../chunks/chunk.GSAR4N5K.js";
+import "../../chunks/chunk.57UFUC4M.js";
 import "../../chunks/chunk.4WNB7WDT.js";
-import "../../chunks/chunk.SNZOFLHZ.js";
+import "../../chunks/chunk.T4LYVDWM.js";
 import "../../chunks/chunk.5VKIB4HA.js";
 import "../../chunks/chunk.PH2N3MLE.js";
 import "../../chunks/chunk.ZH2AND3P.js";
-import "../../chunks/chunk.LW2U6XJ2.js";
+import "../../chunks/chunk.4LYTQNWC.js";
 import "../../chunks/chunk.IRARCVGH.js";
 import "../../chunks/chunk.OFFCHZOX.js";
 import "../../chunks/chunk.CYBF35P2.js";
-import "../../chunks/chunk.QIEBJXU4.js";
-import "../../chunks/chunk.YYBORLW3.js";
-import "../../chunks/chunk.PLKIFY5H.js";
+import "../../chunks/chunk.4QFXWB46.js";
 import "../../chunks/chunk.QLXRCYS4.js";
+import "../../chunks/chunk.PCPD42MG.js";
 import "../../chunks/chunk.CJFFVBAI.js";
+import "../../chunks/chunk.TQETHWSG.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.M3BUZZ7G.js";
+import "../../chunks/chunk.Z2HD6GN7.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/react/tab-panel/index.js

@@ -1,11 +1,11 @@
 import {
   tab_panel_default
-} from "../../chunks/chunk.FBAK4VQV.js";
-import "../../chunks/chunk.AO3F26A2.js";
+} from "../../chunks/chunk.2R26XY33.js";
+import "../../chunks/chunk.K3SHQPTG.js";
 import "../../chunks/chunk.BQSEJD7X.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.M3BUZZ7G.js";
+import "../../chunks/chunk.Z2HD6GN7.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   tab_panel_default as default

package/dist/react/tag/index.js

@@ -1,20 +1,20 @@
 import {
   tag_default
-} from "../../chunks/chunk.W3ONTIWM.js";
-import "../../chunks/chunk.PARQ4IVI.js";
+} from "../../chunks/chunk.KV2LV2JY.js";
+import "../../chunks/chunk.VRUOM2SC.js";
 import "../../chunks/chunk.T4SZVEJD.js";
-import "../../chunks/chunk.LW2U6XJ2.js";
+import "../../chunks/chunk.4LYTQNWC.js";
 import "../../chunks/chunk.IRARCVGH.js";
 import "../../chunks/chunk.OFFCHZOX.js";
 import "../../chunks/chunk.CYBF35P2.js";
-import "../../chunks/chunk.QIEBJXU4.js";
-import "../../chunks/chunk.YYBORLW3.js";
-import "../../chunks/chunk.PLKIFY5H.js";
+import "../../chunks/chunk.4QFXWB46.js";
 import "../../chunks/chunk.QLXRCYS4.js";
+import "../../chunks/chunk.PCPD42MG.js";
 import "../../chunks/chunk.CJFFVBAI.js";
+import "../../chunks/chunk.TQETHWSG.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.M3BUZZ7G.js";
+import "../../chunks/chunk.Z2HD6GN7.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/react/textarea/index.js

@@ -1,7 +1,7 @@
 import {
   textarea_default
-} from "../../chunks/chunk.V4KVFK7K.js";
-import "../../chunks/chunk.ALDFJMXH.js";
+} from "../../chunks/chunk.CYYLRQFY.js";
+import "../../chunks/chunk.CVTEWSR6.js";
 import "../../chunks/chunk.NQ4WINHZ.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.YBI2MSEM.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.PH2VNONO.js";
 import "../../chunks/chunk.BVGZUUCX.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.M3BUZZ7G.js";
+import "../../chunks/chunk.Z2HD6GN7.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   textarea_default as default

package/dist/react/time-picker/index.js

@@ -1,12 +1,12 @@
 import {
   time_picker_default
-} from "../../chunks/chunk.BTMMJQC5.js";
-import "../../chunks/chunk.LZ7NMOAS.js";
+} from "../../chunks/chunk.2U54AED7.js";
+import "../../chunks/chunk.6NIJSKDX.js";
 import "../../chunks/chunk.EYA3B3XL.js";
-import "../../chunks/chunk.NGXVPPWO.js";
+import "../../chunks/chunk.OYL57UNR.js";
 import "../../chunks/chunk.HWLR3F4N.js";
 import "../../chunks/chunk.PH2N3MLE.js";
-import "../../chunks/chunk.FRSRALIA.js";
+import "../../chunks/chunk.KSZDSUZT.js";
 import "../../chunks/chunk.RZ7LFYD5.js";
 import "../../chunks/chunk.YBI2MSEM.js";
 import "../../chunks/chunk.PH2VNONO.js";
@@ -16,14 +16,14 @@ import "../../chunks/chunk.TJQYJP53.js";
 import "../../chunks/chunk.OFFCHZOX.js";
 import "../../chunks/chunk.CYBF35P2.js";
 import "../../chunks/chunk.BVGZUUCX.js";
-import "../../chunks/chunk.QIEBJXU4.js";
-import "../../chunks/chunk.YYBORLW3.js";
-import "../../chunks/chunk.PLKIFY5H.js";
+import "../../chunks/chunk.4QFXWB46.js";
 import "../../chunks/chunk.QLXRCYS4.js";
+import "../../chunks/chunk.PCPD42MG.js";
 import "../../chunks/chunk.CJFFVBAI.js";
+import "../../chunks/chunk.TQETHWSG.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.M3BUZZ7G.js";
+import "../../chunks/chunk.Z2HD6GN7.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/react/tooltip/index.js

@@ -1,9 +1,9 @@
 import {
   tooltip_default
-} from "../../chunks/chunk.YBXHAJCA.js";
-import "../../chunks/chunk.XAPSGUMU.js";
+} from "../../chunks/chunk.U4JDFUZB.js";
+import "../../chunks/chunk.DOEEWBFA.js";
 import "../../chunks/chunk.3WW7HIYN.js";
-import "../../chunks/chunk.FRSRALIA.js";
+import "../../chunks/chunk.KSZDSUZT.js";
 import "../../chunks/chunk.RZ7LFYD5.js";
 import "../../chunks/chunk.SPWJX47D.js";
 import "../../chunks/chunk.B4BZKR24.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.OFFCHZOX.js";
 import "../../chunks/chunk.CYBF35P2.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.M3BUZZ7G.js";
+import "../../chunks/chunk.Z2HD6GN7.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   tooltip_default as default

package/dist/react/tree/index.js

@@ -1,16 +1,16 @@
 import {
   tree_default
-} from "../../chunks/chunk.23I7DEOC.js";
-import "../../chunks/chunk.RBZLHMC6.js";
-import "../../chunks/chunk.U4A4EIV4.js";
-import "../../chunks/chunk.Q637H6KS.js";
+} from "../../chunks/chunk.CIKZOG2H.js";
+import "../../chunks/chunk.M3HHC5PE.js";
+import "../../chunks/chunk.OH3DGZBP.js";
 import "../../chunks/chunk.TNNIO5PL.js";
-import "../../chunks/chunk.YUHTLMJA.js";
+import "../../chunks/chunk.U4A4EIV4.js";
+import "../../chunks/chunk.X5E4USTY.js";
 import "../../chunks/chunk.V7YQP6NA.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.YBI2MSEM.js";
 import "../../chunks/chunk.HF7GESMZ.js";
-import "../../chunks/chunk.B3EHLRHY.js";
+import "../../chunks/chunk.PPUDAWUT.js";
 import "../../chunks/chunk.MT4VCX5G.js";
 import "../../chunks/chunk.PH2VNONO.js";
 import "../../chunks/chunk.SPWJX47D.js";
@@ -18,14 +18,14 @@ import "../../chunks/chunk.TJQYJP53.js";
 import "../../chunks/chunk.OFFCHZOX.js";
 import "../../chunks/chunk.CYBF35P2.js";
 import "../../chunks/chunk.BVGZUUCX.js";
-import "../../chunks/chunk.QIEBJXU4.js";
-import "../../chunks/chunk.YYBORLW3.js";
-import "../../chunks/chunk.PLKIFY5H.js";
+import "../../chunks/chunk.4QFXWB46.js";
 import "../../chunks/chunk.QLXRCYS4.js";
+import "../../chunks/chunk.PCPD42MG.js";
 import "../../chunks/chunk.CJFFVBAI.js";
+import "../../chunks/chunk.TQETHWSG.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.M3BUZZ7G.js";
+import "../../chunks/chunk.Z2HD6GN7.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/react/tree-item/index.js

@@ -1,13 +1,13 @@
 import {
   tree_item_default
-} from "../../chunks/chunk.NRFVY7RL.js";
-import "../../chunks/chunk.Q637H6KS.js";
+} from "../../chunks/chunk.2CZ6GUJ6.js";
+import "../../chunks/chunk.OH3DGZBP.js";
 import "../../chunks/chunk.TNNIO5PL.js";
-import "../../chunks/chunk.YUHTLMJA.js";
+import "../../chunks/chunk.X5E4USTY.js";
 import "../../chunks/chunk.V7YQP6NA.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.YBI2MSEM.js";
-import "../../chunks/chunk.B3EHLRHY.js";
+import "../../chunks/chunk.PPUDAWUT.js";
 import "../../chunks/chunk.MT4VCX5G.js";
 import "../../chunks/chunk.PH2VNONO.js";
 import "../../chunks/chunk.SPWJX47D.js";
@@ -15,14 +15,14 @@ import "../../chunks/chunk.TJQYJP53.js";
 import "../../chunks/chunk.OFFCHZOX.js";
 import "../../chunks/chunk.CYBF35P2.js";
 import "../../chunks/chunk.BVGZUUCX.js";
-import "../../chunks/chunk.QIEBJXU4.js";
-import "../../chunks/chunk.YYBORLW3.js";
-import "../../chunks/chunk.PLKIFY5H.js";
+import "../../chunks/chunk.4QFXWB46.js";
 import "../../chunks/chunk.QLXRCYS4.js";
+import "../../chunks/chunk.PCPD42MG.js";
 import "../../chunks/chunk.CJFFVBAI.js";
+import "../../chunks/chunk.TQETHWSG.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.M3BUZZ7G.js";
+import "../../chunks/chunk.Z2HD6GN7.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/react/visually-hidden/index.js

@@ -1,10 +1,10 @@
 import {
   visually_hidden_default
-} from "../../chunks/chunk.AVUGAM3Q.js";
-import "../../chunks/chunk.NE4EUIOT.js";
+} from "../../chunks/chunk.E7SUXXYY.js";
+import "../../chunks/chunk.OJIRLNES.js";
 import "../../chunks/chunk.YKKSQ2FG.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.M3BUZZ7G.js";
+import "../../chunks/chunk.Z2HD6GN7.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   visually_hidden_default as default

package/dist/types/vue/index.d.ts

@@ -29,6 +29,7 @@ import type { CwDialog } from "../../components/dialog/dialog.component.js";
 import type { CwDivider } from "../../components/divider/divider.component.js";
 import type { CwDrawer } from "../../components/drawer/drawer.component.js";
 import type { CwDropdown } from "../../components/dropdown/dropdown.component.js";
+import type { CwFooter } from "../../components/footer/footer.component.js";
 import type { CwFormatBytes } from "../../components/format-bytes/format-bytes.component.js";
 import type { CwFormatDate } from "../../components/format-date/format-date.component.js";
 import type { CwFormatNumber } from "../../components/format-number/format-number.component.js";
@@ -63,6 +64,7 @@ import type { CwSecondaryNavigation } from "../../components/secondary-navigatio
 import type { CwSecondaryNavigationItem } from "../../components/secondary-navigation-item/secondary-navigation-item.component.js";
 import type { CwSelect } from "../../components/select/select.component.js";
 import type { CwSkeleton } from "../../components/skeleton/skeleton.component.js";
+import type { CwSocialLink } from "../../components/social-link/social-link.component.js";
 import type { CwSpinner } from "../../components/spinner/spinner.component.js";
 import type { CwSplitPanel } from "../../components/split-panel/split-panel.component.js";
 import type { CwSwitch } from "../../components/switch/switch.component.js";
@@ -858,6 +860,11 @@ components that use a dropdown internally. */
   "oncw-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
+type CwFooterProps = {
+  /** The copyright owner's name. When set, the footer renders `© {currentYear} {owner}`. Renders nothing if unset. */
+  owner?: CwFooter["owner"];
+};
+
 type CwFormatBytesProps = {
   /** The number to format in bytes. */
   value?: CwFormatBytes["value"];
@@ -977,6 +984,9 @@ can result in XSS attacks. */
   target?: CwIconButton["target"];
   /** Tells the browser to download the linked file as this filename. Only used when `href` is set. */
   download?: CwIconButton["download"];
+  /** The `rel` attribute for the link. Only used when `href` is set. Defaults to `noreferrer noopener` when `target`
+is set and this is left unset — pass an explicit value (e.g. `me noreferrer noopener`) to override it. */
+  rel?: CwIconButton["rel"];
   /** A description that gets read by assistive devices. For optimal accessibility, you should always include a label
 that describes what the icon button does. */
   label?: CwIconButton["label"];
@@ -1322,10 +1332,16 @@ type CwPrimaryNavigationItemProps = {
   /** Indicates this item represents the current page. Reflects `aria-current="page"` on the internal link. The
 component has no router/URL awareness — consumers set this explicitly based on their own routing state. */
   current?: CwPrimaryNavigationItem["current"];
+  /** Set automatically by the parent `<cw-primary-navigation>` when it's in its mobile, hamburger-toggled layout —
+switches a dropdown menu from a floating panel to an inline, full-width disclosure. Not intended to be set
+directly. */
+  mobile?: CwPrimaryNavigationItem["mobile"];
   /**  */
   dropdown?: CwPrimaryNavigationItem["dropdown"];
   /**  */
   menuSlot?: CwPrimaryNavigationItem["menuSlot"];
+  /**  */
+  panel?: CwPrimaryNavigationItem["panel"];
   /** Whether the item's dropdown is currently open. Always `false` for link/plain items. */
   open?: CwPrimaryNavigationItem["open"];
   /** Emitted when the item's dropdown opens. */
@@ -1338,7 +1354,13 @@ component has no router/URL awareness — consumers set this explicitly based on
   "oncw-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
-type CwPrimaryNavigationMenuProps = {};
+type CwPrimaryNavigationMenuProps = {
+  /** Set automatically by the parent `<cw-primary-navigation-item>` when its own dropdown is rendered inline for a
+mobile hamburger menu rather than as a floating panel — swaps the card-like floating appearance (border,
+shadow, fixed minimum width) for a full-width, unbordered look that matches the rest of the mobile menu. Not
+intended to be set directly. */
+  mobile?: CwPrimaryNavigationMenu["mobile"];
+};
 
 type CwProgressBarProps = {
   /** The current progress as a percentage, 0 to 100. */
@@ -1666,6 +1688,27 @@ type CwSkeletonProps = {
   effect?: CwSkeleton["effect"];
 };
 
+type CwSocialLinkProps = {
+  /** The URL of the profile to link to. */
+  href?: CwSocialLink["href"];
+  /** Tells the browser where to open the link. Defaults to a new tab, since a social link always points off-site. */
+  target?: CwSocialLink["target"];
+  /** The `rel` attribute for the link. Defaults to `noreferrer noopener`. To mark this link as a verified profile
+reference — the IndieWeb `rel="me"` convention Mastodon and the wider fediverse use for identity verification —
+include `me` yourself, e.g. `rel="me noreferrer noopener"`. */
+  rel?: CwSocialLink["rel"];
+  /** One of the common social/fediverse platforms. When set, both the icon and the accessible `label` default to
+that platform's — set `name`/`library` and/or `label` explicitly to override either, or to support a platform
+not in this list. */
+  platform?: CwSocialLink["platform"];
+  /** The name of the icon to draw. Defaults to `platform`'s icon when set. */
+  name?: CwSocialLink["name"];
+  /** The name of a registered custom icon library. Defaults to `system` when `platform` is set. */
+  library?: CwSocialLink["library"];
+  /** A description that gets read by assistive devices. Defaults to `platform`'s name when set. */
+  label?: CwSocialLink["label"];
+};
+
 type CwSpinnerProps = {};
 
 type CwSplitPanelProps = {
@@ -2761,6 +2804,29 @@ export type CustomElements = {
    */
   "cw-dropdown": DefineComponent<CwDropdownProps>;
 
+  /**
+   * Site footer region composing branding, a flat link list, arbitrary "about" content, and a bottom bar
+   * with copyright and social links.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - **logo** - A `<cw-logo>`.
+   * - **menu** - Plain `<a>` links. Not a repeating item component — a flat list that reflows into columns (3 wide, 1 narrow) via CSS, no grouping or headings.
+   * - **about** - Arbitrary content, rendered full width.
+   * - **social** - Any number of `<cw-social-link>` elements.
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's base wrapper, a `<footer>` landmark element.
+   * - **logo** - The container that wraps the slotted logo.
+   * - **menu** - The container that wraps the slotted menu links.
+   * - **about** - The container that wraps the slotted about content.
+   * - **bottom** - The bottom bar that wraps the copyright text and social links.
+   * - **copyright** - The copyright text.
+   * - **social** - The container that wraps the slotted social links.
+   */
+  "cw-footer": DefineComponent<CwFooterProps>;
+
   /**
    * Formats a number as a human readable bytes value.
    * ---
@@ -3133,7 +3199,9 @@ export type CustomElements = {
 
   /**
    * A top-level entry in a `<cw-primary-navigation>`, rendered as a link or, when it has a
-   * `<cw-primary-navigation-menu>` slotted in, a disclosure trigger for a dropdown of sub-links.
+   * `<cw-primary-navigation-menu>` slotted in, a disclosure trigger for a dropdown of sub-links. Above the parent
+   * navigation's mobile breakpoint, the dropdown is a floating panel; below it, the menu expands inline, full width,
+   * in place — matching the rest of the mobile hamburger menu.
    * ---
    *
    *
@@ -3154,7 +3222,8 @@ export type CustomElements = {
    * ### **CSS Parts:**
    *  - **base** - The component's base wrapper.
    * - **link** - The internal `<a>`, present only when `href` is set.
-   * - **trigger** - The internal `<cw-dropdown>`, present only when a dropdown menu is slotted in.
+   * - **trigger** - The internal `<cw-dropdown>` above `mobile`, or the disclosure `<button>` below it — present only when a dropdown menu is slotted in.
+   * - **panel** - The inline menu panel shown below `mobile`, present only when a dropdown menu is slotted in.
    */
   "cw-primary-navigation-item": DefineComponent<CwPrimaryNavigationItemProps>;
 
@@ -3502,6 +3571,19 @@ export type CustomElements = {
    */
   "cw-skeleton": DefineComponent<CwSkeletonProps>;
 
+  /**
+   * A link to a social or fediverse profile, rendered as a single icon. Purpose-built for this domain rather
+   * than a generic icon-link: set `platform` for one of the common networks and both the icon and accessible label
+   * are filled in for you.
+   * ---
+   *
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The internal `<cw-icon-button>`'s exported `base` part.
+   * - **base__icon-button** - An alias of `base`, kept for consistency with other components that forward an icon-button's exported `base` part.
+   */
+  "cw-social-link": DefineComponent<CwSocialLinkProps>;
+
   /**
    * Spinners are used to show the progress of an indeterminate operation.
    * ---

package/dist/utilities/icon-library.js

@@ -2,9 +2,9 @@ import "../chunks/chunk.HAL7R4WT.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "../chunks/chunk.YYBORLW3.js";
-import "../chunks/chunk.PLKIFY5H.js";
+} from "../chunks/chunk.PCPD42MG.js";
 import "../chunks/chunk.CJFFVBAI.js";
+import "../chunks/chunk.TQETHWSG.js";
 import "../chunks/chunk.4EHT37C5.js";
 import "../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/vscode.html-custom-data.json

@@ -1246,6 +1246,23 @@
         }
       ]
     },
+    {
+      "name": "cw-footer",
+      "description": "Site footer region composing branding, a flat link list, arbitrary \"about\" content, and a bottom bar\nwith copyright and social links.\n---\n\n\n### **Slots:**\n - **logo** - A `<cw-logo>`.\n- **menu** - Plain `<a>` links. Not a repeating item component — a flat list that reflows into columns (3 wide, 1 narrow) via CSS, no grouping or headings.\n- **about** - Arbitrary content, rendered full width.\n- **social** - Any number of `<cw-social-link>` elements.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, a `<footer>` landmark element.\n- **logo** - The container that wraps the slotted logo.\n- **menu** - The container that wraps the slotted menu links.\n- **about** - The container that wraps the slotted about content.\n- **bottom** - The bottom bar that wraps the copyright text and social links.\n- **copyright** - The copyright text.\n- **social** - The container that wraps the slotted social links.",
+      "attributes": [
+        {
+          "name": "owner",
+          "description": "The copyright owner's name. When set, the footer renders `© {currentYear} {owner}`. Renders nothing if unset.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://cordwainer.dev/components/footer"
+        }
+      ]
+    },
     {
       "name": "cw-format-bytes",
       "description": "Formats a number as a human readable bytes value.\n---\n",
@@ -1522,6 +1539,11 @@
           "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
           "values": []
         },
+        {
+          "name": "rel",
+          "description": "The `rel` attribute for the link. Only used when `href` is set. Defaults to `noreferrer noopener` when `target`\nis set and this is left unset — pass an explicit value (e.g. `me noreferrer noopener`) to override it.",
+          "values": []
+        },
         {
           "name": "label",
           "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.",
@@ -2190,7 +2212,7 @@
     },
     {
       "name": "cw-primary-navigation-item",
-      "description": "A top-level entry in a `<cw-primary-navigation>`, rendered as a link or, when it has a\n`<cw-primary-navigation-menu>` slotted in, a disclosure trigger for a dropdown of sub-links.\n---\n\n\n### **Events:**\n - **cw-show** - Emitted when the item's dropdown opens.\n- **cw-after-show** - Emitted after the item's dropdown opens and all animations are complete.\n- **cw-hide** - Emitted when the item's dropdown closes.\n- **cw-after-hide** - Emitted after the item's dropdown closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Opens the item's dropdown, if it has one. No-op for link/plain items.\n- **hide()** - Closes the item's dropdown, if it has one. No-op for link/plain items.\n\n### **Slots:**\n - _default_ - The item's label content (text, or an icon + text).\n- **menu** - A `<cw-primary-navigation-menu>` with this item's dropdown links. Its presence switches the item from a link to a disclosure trigger. Ignored when `href` is also set.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **link** - The internal `<a>`, present only when `href` is set.\n- **trigger** - The internal `<cw-dropdown>`, present only when a dropdown menu is slotted in.",
+      "description": "A top-level entry in a `<cw-primary-navigation>`, rendered as a link or, when it has a\n`<cw-primary-navigation-menu>` slotted in, a disclosure trigger for a dropdown of sub-links. Above the parent\nnavigation's mobile breakpoint, the dropdown is a floating panel; below it, the menu expands inline, full width,\nin place — matching the rest of the mobile hamburger menu.\n---\n\n\n### **Events:**\n - **cw-show** - Emitted when the item's dropdown opens.\n- **cw-after-show** - Emitted after the item's dropdown opens and all animations are complete.\n- **cw-hide** - Emitted when the item's dropdown closes.\n- **cw-after-hide** - Emitted after the item's dropdown closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Opens the item's dropdown, if it has one. No-op for link/plain items.\n- **hide()** - Closes the item's dropdown, if it has one. No-op for link/plain items.\n\n### **Slots:**\n - _default_ - The item's label content (text, or an icon + text).\n- **menu** - A `<cw-primary-navigation-menu>` with this item's dropdown links. Its presence switches the item from a link to a disclosure trigger. Ignored when `href` is also set.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **link** - The internal `<a>`, present only when `href` is set.\n- **trigger** - The internal `<cw-dropdown>` above `mobile`, or the disclosure `<button>` below it — present only when a dropdown menu is slotted in.\n- **panel** - The inline menu panel shown below `mobile`, present only when a dropdown menu is slotted in.",
       "attributes": [
         {
           "name": "href",
@@ -2216,6 +2238,11 @@
           "name": "current",
           "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.",
           "values": []
+        },
+        {
+          "name": "mobile",
+          "description": "Set automatically by the parent `<cw-primary-navigation>` when it's in its mobile, hamburger-toggled layout —\nswitches a dropdown menu from a floating panel to an inline, full-width disclosure. Not intended to be set\ndirectly.",
+          "values": []
         }
       ],
       "references": [
@@ -2228,7 +2255,13 @@
     {
       "name": "cw-primary-navigation-menu",
       "description": "A simple flat list of links shown in a `<cw-primary-navigation-item>`'s dropdown. Deliberately\nminimal — no headings, grouping, multi-column layout, or promo slot; styles plain `<a>` elements only.\n---\n\n\n### **Slots:**\n - _default_ - One or more plain `<a>` elements.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [],
+      "attributes": [
+        {
+          "name": "mobile",
+          "description": "Set automatically by the parent `<cw-primary-navigation-item>` when its own dropdown is rendered inline for a\nmobile hamburger menu rather than as a floating panel — swaps the card-like floating appearance (border,\nshadow, fixed minimum width) for a full-width, unbordered look that matches the rest of the mobile menu. Not\nintended to be set directly.",
+          "values": []
+        }
+      ],
       "references": [
         {
           "name": "Documentation",
@@ -2807,6 +2840,58 @@
         }
       ]
     },
+    {
+      "name": "cw-social-link",
+      "description": "A link to a social or fediverse profile, rendered as a single icon. Purpose-built for this domain rather\nthan a generic icon-link: set `platform` for one of the common networks and both the icon and accessible label\nare filled in for you.\n---\n\n\n### **CSS Parts:**\n - **base** - The internal `<cw-icon-button>`'s exported `base` part.\n- **base__icon-button** - An alias of `base`, kept for consistency with other components that forward an icon-button's exported `base` part.",
+      "attributes": [
+        {
+          "name": "href",
+          "description": "The URL of the profile to link to.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Tells the browser where to open the link. Defaults to a new tab, since a social link always points off-site.",
+          "values": [
+            { "name": "_blank" },
+            { "name": "_parent" },
+            { "name": "_self" },
+            { "name": "_top" }
+          ]
+        },
+        {
+          "name": "rel",
+          "description": "The `rel` attribute for the link. Defaults to `noreferrer noopener`. To mark this link as a verified profile\nreference — the IndieWeb `rel=\"me\"` convention Mastodon and the wider fediverse use for identity verification —\ninclude `me` yourself, e.g. `rel=\"me noreferrer noopener\"`.",
+          "values": []
+        },
+        {
+          "name": "platform",
+          "description": "One of the common social/fediverse platforms. When set, both the icon and the accessible `label` default to\nthat platform's — set `name`/`library` and/or `label` explicitly to override either, or to support a platform\nnot in this list.",
+          "values": [{ "name": "Platform" }]
+        },
+        {
+          "name": "name",
+          "description": "The name of the icon to draw. Defaults to `platform`'s icon when set.",
+          "values": []
+        },
+        {
+          "name": "library",
+          "description": "The name of a registered custom icon library. Defaults to `system` when `platform` is set.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "A description that gets read by assistive devices. Defaults to `platform`'s name when set.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://cordwainer.dev/components/social-link"
+        }
+      ]
+    },
     {
       "name": "cw-spinner",
       "description": "Spinners are used to show the progress of an indeterminate operation.\n---\n\n\n### **CSS Properties:**\n - **--track-width** - The width of the track. _(default: undefined)_\n- **--track-color** - The color of the track. _(default: undefined)_\n- **--indicator-color** - The color of the spinner's indicator. _(default: undefined)_\n- **--speed** - The time it takes for the spinner to complete one animation cycle. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",