@nldd/design-system 0.8.82 → 0.8.84

package/dist/components/navigation/pagination/pagination.d.ts

@@ -7,11 +7,11 @@
  * @attr {number} current - Currently active page (1-based)
  * @attr {number} total - Total number of pages (recommended max: 200 for compact select performance)
  * @attr {boolean} disabled - Disabled state
- * @attr {boolean} centered - Centreert de pagination in de container (host fills row, items grouped in the middle)
- * @attr {string} href-pattern - URL patroon met {page} placeholder, rendert links in plaats van buttons
- * @attr {object} translations - Vertalingen; niet opgegeven sleutels vallen terug op het Nederlands
+ * @attr {boolean} centered - Centers the pagination in the container (host fills row, items grouped in the middle)
+ * @attr {string} href-pattern - URL pattern with a {page} placeholder, renders links instead of buttons
+ * @attr {object} translations - Translations; unspecified keys fall back to Dutch
  *
- * @fires page-change - Bij paginawisseling (detail: { page: number, href?: string }). Alleen cancelable in href-mode: preventDefault() voorkomt navigatie (SPA).
+ * @fires page-change - On a page change (detail: { page: number, href?: string }). Only cancelable in href mode: preventDefault() blocks navigation (SPA).
  */
 import { LitElement } from 'lit';
 import type { PropertyValues } from 'lit';

package/dist/components/navigation/pagination/pagination.js

@@ -7,11 +7,11 @@
  * @attr {number} current - Currently active page (1-based)
  * @attr {number} total - Total number of pages (recommended max: 200 for compact select performance)
  * @attr {boolean} disabled - Disabled state
- * @attr {boolean} centered - Centreert de pagination in de container (host fills row, items grouped in the middle)
- * @attr {string} href-pattern - URL patroon met {page} placeholder, rendert links in plaats van buttons
- * @attr {object} translations - Vertalingen; niet opgegeven sleutels vallen terug op het Nederlands
+ * @attr {boolean} centered - Centers the pagination in the container (host fills row, items grouped in the middle)
+ * @attr {string} href-pattern - URL pattern with a {page} placeholder, renders links instead of buttons
+ * @attr {object} translations - Translations; unspecified keys fall back to Dutch
  *
- * @fires page-change - Bij paginawisseling (detail: { page: number, href?: string }). Alleen cancelable in href-mode: preventDefault() voorkomt navigatie (SPA).
+ * @fires page-change - On a page change (detail: { page: number, href?: string }). Only cancelable in href mode: preventDefault() blocks navigation (SPA).
  */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/components/navigation/skip-link/skip-link.d.ts

@@ -1,16 +1,16 @@
 /**
  * Nederlandse Digitale Dienst Skip Link Component (Lit + TypeScript)
  *
- * Accessibility-patroon dat keyboard-gebruikers toestaat om content over te slaan.
- * Wraps content in een default slot — zonder href focust het het eerste element
- * na de skip-link in het DOM (nextElementSibling). Zorg dat er een focusbaar
- * element na het component staat, anders heeft de skip-link geen effect.
+ * Accessibility pattern that lets keyboard users skip past content. Wraps
+ * content in a default slot. Without href it focuses the first element after
+ * the skip link in the DOM (nextElementSibling). Make sure a focusable element
+ * follows the component, otherwise the skip link has no effect.
  *
  * @element nldd-skip-link
- * @attr {string} text - Tekst van de skip-link. Fallback naar i18n default.
- * @attr {string} href - Optioneel extern doel-ID. Zonder href springt naar eind van eigen content.
+ * @attr {string} text - Text of the skip link. Falls back to the i18n default.
+ * @attr {string} href - Optional external target id. Without href it jumps to the end of its own content.
  *
- * @slot - Content die overgeslagen kan worden
+ * @slot - Content that can be skipped
  */
 import { LitElement } from 'lit';
 declare const NLDDSkipLink_base: (abstract new (...args: any[]) => LitElement & {

package/dist/components/navigation/skip-link/skip-link.js

@@ -1,16 +1,16 @@
 /**
  * Nederlandse Digitale Dienst Skip Link Component (Lit + TypeScript)
  *
- * Accessibility-patroon dat keyboard-gebruikers toestaat om content over te slaan.
- * Wraps content in een default slot — zonder href focust het het eerste element
- * na de skip-link in het DOM (nextElementSibling). Zorg dat er een focusbaar
- * element na het component staat, anders heeft de skip-link geen effect.
+ * Accessibility pattern that lets keyboard users skip past content. Wraps
+ * content in a default slot. Without href it focuses the first element after
+ * the skip link in the DOM (nextElementSibling). Make sure a focusable element
+ * follows the component, otherwise the skip link has no effect.
  *
  * @element nldd-skip-link
- * @attr {string} text - Tekst van de skip-link. Fallback naar i18n default.
- * @attr {string} href - Optioneel extern doel-ID. Zonder href springt naar eind van eigen content.
+ * @attr {string} text - Text of the skip link. Falls back to the i18n default.
+ * @attr {string} href - Optional external target id. Without href it jumps to the end of its own content.
  *
- * @slot - Content die overgeslagen kan worden
+ * @slot - Content that can be skipped
  */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/components/navigation/tab-bar/tab-bar.d.ts

@@ -19,7 +19,7 @@
  * ---
  *
  * @element nldd-tab-bar-item
- * @attr {boolean} selected - Selected state (managed by nldd-tab-bar)
+ * @attr {boolean} current - The item you are on. A tab bar switching content manages it itself and renders it as `aria-selected`; a `navigation` bar leaves it to the consumer, since it follows the route, and renders it as `aria-current="page"`. Unlike a list row, which separates `current` from `selected` because it can be both at once, a tab bar has exactly one active item.
  * @attr {string} text - Tab text; also used as accessible name for icon-only items
  * @attr {string} href - Optional link URL; renders an anchor instead of a button
  * @attr {string} icon - Icon name for nldd-icon; an alternative to the icon slot. The icon and icon-and-text variants fall back to a placeholder icon when neither is provided.
@@ -32,7 +32,9 @@
 import { LitElement } from 'lit';
 export declare class NLDDTabBarItem extends LitElement {
     static styles: import("lit").CSSResult;
-    selected: boolean;
+    /** The item you are on. `aria-selected` in a tab bar that switches content,
+     *  `aria-current="page"` in a `navigation` bar. */
+    current: boolean;
     href: string;
     /** Set by nldd-tab-bar. Not part of the public API. */
     _groupVariant: 'icon-and-text' | 'text' | 'icon' | '';
@@ -47,7 +49,7 @@ export declare class NLDDTabBarItem extends LitElement {
     _hasIconSlot: boolean;
     /** Set by nldd-tab-bar. Not part of the public API. */
     _navigation: boolean;
-    /** Set by nldd-tab-bar. Marks this item as the keyboard entry point when no tab is selected. */
+    /** Set by nldd-tab-bar. Marks this item as the keyboard entry point when no tab is current. */
     _isFallbackFocusable: boolean;
     /** Set by nldd-tab-bar. True when the whole bar is disabled; drops the tab out
      *  of the tab order and blocks activation. */

package/dist/components/navigation/tab-bar/tab-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAUjC,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAEV,uDAAuD;IAEvD,aAAa,EAAE,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,CAAM;IAK3D,OAAO,CAAC,cAAc,CAA8C;IAGpE,IAAI,SAAM;IAEV;yEACqE;IAErE,IAAI,SAAM;IAEV,0GAA0G;IAE1G,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEzB,IAAI,iBAAiB,IAAI,eAAe,GAAG,MAAM,GAAG,MAAM,CAOzD;IAGD,YAAY,UAAS;IAErB,uDAAuD;IAEvD,WAAW,UAAS;IAEpB,gGAAgG;IAEhG,oBAAoB,UAAS;IAE7B;kDAC8C;IAE9C,cAAc,UAAS;IAEd,iBAAiB,IAAI,IAAI;IAUzB,OAAO,IAAI,IAAI;IAIf,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAI5C,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKjC,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAiBvB,MAAM;CAGf;AAKD,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAEtC,wFAAwF;IAExF,QAAQ,UAAS;IAGjB,OAAO,EAAE,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,CAAM;IAErD,yGAAyG;IAEzG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAGzB,UAAU,UAAS;IAEnB;sFACkF;IAElF,QAAQ,UAAS;IAGjB,eAAe,SAAM;IAGrB,OAAO,CAAC,eAAe,CAAS;IAEvB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,YAAY,IAAI,IAAI;IAOpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAW/D,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,UAAU;IAkBlB,aAAa,IAAI,IAAI;IAIrB,OAAO,CAAC,iBAAiB,CAmBvB;IAEF,OAAO,CAAC,cAAc,CA2CpB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,UAAU,CAAC;QAC3B,mBAAmB,EAAE,cAAc,CAAC;KACpC;CACD"}
+{"version":3,"file":"tab-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAUjC,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAE1C;uDACmD;IAEnD,OAAO,UAAS;IAGhB,IAAI,SAAM;IAEV,uDAAuD;IAEvD,aAAa,EAAE,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,CAAM;IAK3D,OAAO,CAAC,cAAc,CAA8C;IAGpE,IAAI,SAAM;IAEV;yEACqE;IAErE,IAAI,SAAM;IAEV,0GAA0G;IAE1G,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEzB,IAAI,iBAAiB,IAAI,eAAe,GAAG,MAAM,GAAG,MAAM,CAOzD;IAGD,YAAY,UAAS;IAErB,uDAAuD;IAEvD,WAAW,UAAS;IAEpB,+FAA+F;IAE/F,oBAAoB,UAAS;IAE7B;kDAC8C;IAE9C,cAAc,UAAS;IAEd,iBAAiB,IAAI,IAAI;IAazB,OAAO,IAAI,IAAI;IAIf,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAI5C,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKjC,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAiBvB,MAAM;CAGf;AAKD,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAEtC,wFAAwF;IAExF,QAAQ,UAAS;IAGjB,OAAO,EAAE,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,CAAM;IAErD,yGAAyG;IAEzG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAGzB,UAAU,UAAS;IAEnB;sFACkF;IAElF,QAAQ,UAAS;IAGjB,eAAe,SAAM;IAGrB,OAAO,CAAC,eAAe,CAAS;IAEvB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,YAAY,IAAI,IAAI;IAOpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAW/D,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,UAAU;IAkBlB,aAAa,IAAI,IAAI;IAIrB,OAAO,CAAC,iBAAiB,CAmBvB;IAEF,OAAO,CAAC,cAAc,CA2CpB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,UAAU,CAAC;QAC3B,mBAAmB,EAAE,cAAc,CAAC;KACpC;CACD"}

package/dist/components/navigation/tab-bar/tab-bar.js

@@ -25,7 +25,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * ---
  *
  * @element nldd-tab-bar-item
- * @attr {boolean} selected - Selected state (managed by nldd-tab-bar)
+ * @attr {boolean} current - The item you are on. A tab bar switching content manages it itself and renders it as `aria-selected`; a `navigation` bar leaves it to the consumer, since it follows the route, and renders it as `aria-current="page"`. Unlike a list row, which separates `current` from `selected` because it can be both at once, a tab bar has exactly one active item.
  * @attr {string} text - Tab text; also used as accessible name for icon-only items
  * @attr {string} href - Optional link URL; renders an anchor instead of a button
  * @attr {string} icon - Icon name for nldd-icon; an alternative to the icon slot. The icon and icon-and-text variants fall back to a placeholder icon when neither is provided.
@@ -45,7 +45,9 @@ import { sanitizeUrl } from '../../../utilities/sanitize-url.js';
 let NLDDTabBarItem = class NLDDTabBarItem extends LitElement {
     constructor() {
         super(...arguments);
-        this.selected = false;
+        /** The item you are on. `aria-selected` in a tab bar that switches content,
+         *  `aria-current="page"` in a `navigation` bar. */
+        this.current = false;
         this.href = '';
         /** Set by nldd-tab-bar. Not part of the public API. */
         this._groupVariant = '';
@@ -62,7 +64,7 @@ let NLDDTabBarItem = class NLDDTabBarItem extends LitElement {
         this._hasIconSlot = false;
         /** Set by nldd-tab-bar. Not part of the public API. */
         this._navigation = false;
-        /** Set by nldd-tab-bar. Marks this item as the keyboard entry point when no tab is selected. */
+        /** Set by nldd-tab-bar. Marks this item as the keyboard entry point when no tab is current. */
         this._isFallbackFocusable = false;
         /** Set by nldd-tab-bar. True when the whole bar is disabled; drops the tab out
          *  of the tab order and blocks activation. */
@@ -88,6 +90,9 @@ let NLDDTabBarItem = class NLDDTabBarItem extends LitElement {
         if (attr === 'text' || attr === 'icon' || attr === 'icon-and-text') {
             this._authorVariant = attr;
         }
+        if (import.meta.env?.DEV && this.hasAttribute('selected')) {
+            console.warn('nldd-tab-bar-item: `selected` is now `current` and the old attribute does nothing; rename it.');
+        }
     }
     updated() {
         this.setAttribute('variant', this._effectiveVariant);
@@ -101,7 +106,7 @@ let NLDDTabBarItem = class NLDDTabBarItem extends LitElement {
     }
     _handleClick(event) {
         // A disabled bar is inert: swallow the activation and fire no `select`, so a
-        // clicked link never navigates and no tab flips selected.
+        // clicked link never navigates and no tab becomes the current one.
         if (this._groupDisabled) {
             event.preventDefault();
             return;
@@ -122,7 +127,7 @@ let NLDDTabBarItem = class NLDDTabBarItem extends LitElement {
 NLDDTabBarItem.styles = tabBarItemStyles;
 __decorate([
     property({ type: Boolean, reflect: true })
-], NLDDTabBarItem.prototype, "selected", void 0);
+], NLDDTabBarItem.prototype, "current", void 0);
 __decorate([
     property({ type: String })
 ], NLDDTabBarItem.prototype, "href", void 0);
@@ -174,15 +179,15 @@ let NLDDTabBar = class NLDDTabBar extends LitElement {
             event.stopPropagation();
             if (this.disabled)
                 return;
-            // Navigation tabs are controlled by the consumer (selection follows the
-            // route), so don't self-select on click — matching the keyboard path, which
+            // Navigation tabs are controlled by the consumer (the current tab follows
+            // the route), so don't mark one on click — matching the keyboard path, which
             // already skips auto-activation for navigation tabs. A click that doesn't
-            // actually navigate (e.g. blocked by a guard) must not leave the tab
-            // looking selected. Content-switching tabs still self-manage.
+            // actually navigate (e.g. blocked by a guard) must not leave the tab looking
+            // current. Content-switching tabs still self-manage.
             if (!this.navigation) {
                 const items = this._getItems();
                 items.forEach(item => {
-                    item.selected = item === event.detail.item;
+                    item.current = item === event.detail.item;
                 });
             }
             this.dispatchEvent(new CustomEvent('tabchange', {
@@ -223,7 +228,7 @@ let NLDDTabBar = class NLDDTabBar extends LitElement {
                 items[newIndex].focus();
                 // Auto-activate only for content-switching tabs, not navigation tabs
                 if (!this.navigation) {
-                    items.forEach(item => { item.selected = item === items[newIndex]; });
+                    items.forEach(item => { item.current = item === items[newIndex]; });
                     this.dispatchEvent(new CustomEvent('tabchange', {
                         bubbles: true,
                         composed: true,
@@ -274,10 +279,10 @@ let NLDDTabBar = class NLDDTabBar extends LitElement {
             item._groupDisabled = this.disabled;
         });
         // Ensure keyboard entry point
-        const hasSelected = items.some(item => item.selected);
+        const hasCurrent = items.some(item => item.current);
         const firstItem = items[0] ?? null;
         items.forEach(item => {
-            item._isFallbackFocusable = !hasSelected && item === firstItem;
+            item._isFallbackFocusable = !hasCurrent && item === firstItem;
         });
     }
     _onSlotChange() {

package/dist/components/navigation/tab-bar/tab-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tab-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.ts"],"names":[],"mappings":"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"}

package/dist/components/navigation/tab-bar/tab-bar.styles.js

@@ -11,7 +11,7 @@ export const tabBarStyles = css `
 	:host {
 		--_corner-radius: var(--semantics-controls-md-corner-radius);
 		--_gap: var(--primitives-space-1);
-		--_selected-z-index: 1;
+		--_current-z-index: 1;
 		--_focus-z-index: 2;
 
 		${inheritedTextReset}
@@ -79,9 +79,9 @@ export const tabBarStyles = css `
 
 	/* # Focus */
 
-	::slotted(nldd-tab-bar-item[selected]) {
+	::slotted(nldd-tab-bar-item[current]) {
 		position: relative;
-		z-index: var(--_selected-z-index);
+		z-index: var(--_current-z-index);
 	}
 
 	::slotted(nldd-tab-bar-item:focus-within) {
@@ -202,7 +202,7 @@ export const tabBarItemStyles = css `
 		color: var(--semantics-buttons-neutral-tinted-is-active-content-color);
 	}
 
-	:host([selected]) .tab-bar__item {
+	:host([current]) .tab-bar__item {
 		--_highlight-border-color: var(--semantics-buttons-neutral-tinted-is-selected-highlight-border-color);
 
 		background-color: var(--semantics-buttons-neutral-tinted-is-selected-background-color);
@@ -210,7 +210,7 @@ export const tabBarItemStyles = css `
 	}
 
 	@media (hover: hover) {
-		:host([selected]) .tab-bar__item:hover {
+		:host([current]) .tab-bar__item:hover {
 			--_highlight-border-color: var(--semantics-buttons-neutral-tinted-is-selected-is-hovered-highlight-border-color);
 
 			background-color: var(--semantics-buttons-neutral-tinted-is-selected-is-hovered-background-color);
@@ -218,7 +218,7 @@ export const tabBarItemStyles = css `
 		}
 	}
 
-	:host([selected]) .tab-bar__item:active {
+	:host([current]) .tab-bar__item:active {
 		--_highlight-border-color: var(--semantics-buttons-neutral-tinted-is-selected-is-active-highlight-border-color);
 
 		background-color: var(--semantics-buttons-neutral-tinted-is-selected-is-active-background-color);
@@ -226,7 +226,7 @@ export const tabBarItemStyles = css `
 	}
 
 	@media (forced-colors: active) {
-		:host([selected]) .tab-bar__item {
+		:host([current]) .tab-bar__item {
 			background-color: Highlight;
 		}
 	}
@@ -237,7 +237,7 @@ export const tabBarItemStyles = css `
 		box-shadow: var(--semantics-focus-ring-box-shadow);
 	}
 
-	:host([selected]) .tab-bar__item:focus-visible {
+	:host([current]) .tab-bar__item:focus-visible {
 		box-shadow: var(--semantics-focus-ring-box-shadow), inset 0 0 0 var(--primitives-border-width-thin) var(--_highlight-border-color);
 	}
 

package/dist/components/navigation/tab-bar/tab-bar.template.js

@@ -34,10 +34,10 @@ export function tabBarItemTemplate(component) {
     const isNavigation = component._navigation;
     const isDisabled = component._groupDisabled;
     // A disabled bar takes every tab out of the tab order; otherwise the roving
-    // tabindex keeps the selected (or fallback) tab as the single entry point.
+    // tabindex keeps the current (or fallback) tab as the single entry point.
     const tabindex = isDisabled
         ? '-1'
-        : component.selected || component._isFallbackFocusable ? '0' : '-1';
+        : component.current || component._isFallbackFocusable ? '0' : '-1';
     const isIconVariant = component._effectiveVariant === 'icon';
     const iconLabel = isIconVariant ? component.text || nothing : nothing;
     /* The icon and icon-and-text variants reserve an icon area; fill it with a
@@ -61,8 +61,8 @@ export function tabBarItemTemplate(component) {
 			<a class="tab-bar__item"
 				href=${safeHref}
 				role=${isNavigation ? nothing : 'tab'}
-				aria-current=${isNavigation && component.selected ? 'page' : nothing}
-				aria-selected=${!isNavigation ? (component.selected ? 'true' : 'false') : nothing}
+				aria-current=${isNavigation && component.current ? 'page' : nothing}
+				aria-selected=${!isNavigation ? (component.current ? 'true' : 'false') : nothing}
 				aria-disabled=${isDisabled ? 'true' : nothing}
 				aria-label=${iconLabel}
 				tabindex=${tabindex}
@@ -75,7 +75,7 @@ export function tabBarItemTemplate(component) {
 			<button class="tab-bar__item"
 				type="button"
 				role="tab"
-				aria-selected=${component.selected ? 'true' : 'false'}
+				aria-selected=${component.current ? 'true' : 'false'}
 				aria-disabled=${isDisabled ? 'true' : nothing}
 				aria-label=${iconLabel}
 				tabindex=${tabindex}

package/dist/components/navigation/tab-bar/tab-bar.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.template.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tab-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.template.ts"],"names":[],"mappings":"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"}

package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts

@@ -1,24 +1,24 @@
 /**
  * Nederlandse Digitale Dienst Top Navigation Bar Component (Lit + TypeScript)
  *
- * De bovenste balk van een pagina: een logobalk met het Rijkslogo en een
- * optioneel woordmerk, en daaronder de hoofdbalk met de websitetitel, een
- * terugknop, de globale navigatie en de utility-navigatie. Op smalle breedtes
- * verhuist de globale navigatie naar een menusheet achter de menuknop.
+ * The top bar of a page: a logo bar with the Rijkslogo and an optional
+ * wordmark, and below it the main bar with the website title, a back button,
+ * the global navigation and the utility navigation. On narrow widths the global
+ * navigation moves into a menu sheet behind the menu button.
  *
  * @element nldd-top-navigation-bar
  *
- * @attr {boolean} no-logo - Verbergt de hele logobalk, inclusief woordmerk.
- * @attr {string} logo-title - Titel van het woordmerk naast het logo. Zonder deze waarde staat het logo er alleen.
- * @attr {string} logo-subtitle - Subtitel onder de woordmerktitel. Alleen zichtbaar als er een woordmerk is.
- * @attr {string} logo-supporting-text-1 - Eerste ondersteunende regel onder de woordmerktitel. Alleen zichtbaar als er een woordmerk is.
- * @attr {string} logo-supporting-text-2 - Tweede ondersteunende regel onder de woordmerktitel. Alleen zichtbaar als er een woordmerk is.
- * @attr {string} logo-href - URL voor logo en woordmerk. Zonder deze waarde zijn ze geen link, maar een afbeelding met een toegankelijk label.
- * @attr {string} website-title - Naam van de website of applicatie, boven de menubalk. Leeg laat de titelregel weg.
- * @attr {string} website-href - URL voor de websitetitel. Zonder deze waarde blijft de titel gewone tekst.
- * @attr {string} back-href - URL van de terugknop. Zonder deze waarde vuurt een klik het `back-click`-event, zodat de consument zelf navigeert.
- * @attr {string} back-text - Tekst van de terugknop. De knop verschijnt zodra back-text of back-href is gezet; zonder tekst valt hij terug op de vertaling ("Terug").
- * @attr {string} width - Begrenst de bar-content tot een max-width zodat die uitlijnt met de page-sections. 'full' vult de volle breedte, of geef een eigen CSS-lengte.
+ * @attr {boolean} no-logo - Hides the whole logo bar, wordmark included.
+ * @attr {string} logo-title - Title of the wordmark next to the logo. Without it the logo stands alone.
+ * @attr {string} logo-subtitle - Subtitle under the wordmark title. Only visible when there is a wordmark.
+ * @attr {string} logo-supporting-text-1 - First supporting line under the wordmark title. Only visible when there is a wordmark.
+ * @attr {string} logo-supporting-text-2 - Second supporting line under the wordmark title. Only visible when there is a wordmark.
+ * @attr {string} logo-href - URL for the logo and wordmark. Without it they are not a link but an image with an accessible label.
+ * @attr {string} website-title - Name of the website or application, above the menu bar. Empty leaves the title line out.
+ * @attr {string} website-href - URL for the website title. Without it the title stays plain text.
+ * @attr {string} back-href - URL of the back button. Without it a click fires the `back-click` event, so the consumer navigates itself.
+ * @attr {string} back-text - Text of the back button. The button appears as soon as back-text or back-href is set; without text it falls back to the translation ("Terug").
+ * @attr {string} width - Limits the bar content to a max-width so it lines up with the page sections. 'full' fills the entire width, or pass your own CSS length.
  */
 import { LitElement, type PropertyValues } from 'lit';
 import '../menu-bar-item/menu-bar-item.js';

package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js

@@ -1,24 +1,24 @@
 /**
  * Nederlandse Digitale Dienst Top Navigation Bar Component (Lit + TypeScript)
  *
- * De bovenste balk van een pagina: een logobalk met het Rijkslogo en een
- * optioneel woordmerk, en daaronder de hoofdbalk met de websitetitel, een
- * terugknop, de globale navigatie en de utility-navigatie. Op smalle breedtes
- * verhuist de globale navigatie naar een menusheet achter de menuknop.
+ * The top bar of a page: a logo bar with the Rijkslogo and an optional
+ * wordmark, and below it the main bar with the website title, a back button,
+ * the global navigation and the utility navigation. On narrow widths the global
+ * navigation moves into a menu sheet behind the menu button.
  *
  * @element nldd-top-navigation-bar
  *
- * @attr {boolean} no-logo - Verbergt de hele logobalk, inclusief woordmerk.
- * @attr {string} logo-title - Titel van het woordmerk naast het logo. Zonder deze waarde staat het logo er alleen.
- * @attr {string} logo-subtitle - Subtitel onder de woordmerktitel. Alleen zichtbaar als er een woordmerk is.
- * @attr {string} logo-supporting-text-1 - Eerste ondersteunende regel onder de woordmerktitel. Alleen zichtbaar als er een woordmerk is.
- * @attr {string} logo-supporting-text-2 - Tweede ondersteunende regel onder de woordmerktitel. Alleen zichtbaar als er een woordmerk is.
- * @attr {string} logo-href - URL voor logo en woordmerk. Zonder deze waarde zijn ze geen link, maar een afbeelding met een toegankelijk label.
- * @attr {string} website-title - Naam van de website of applicatie, boven de menubalk. Leeg laat de titelregel weg.
- * @attr {string} website-href - URL voor de websitetitel. Zonder deze waarde blijft de titel gewone tekst.
- * @attr {string} back-href - URL van de terugknop. Zonder deze waarde vuurt een klik het `back-click`-event, zodat de consument zelf navigeert.
- * @attr {string} back-text - Tekst van de terugknop. De knop verschijnt zodra back-text of back-href is gezet; zonder tekst valt hij terug op de vertaling ("Terug").
- * @attr {string} width - Begrenst de bar-content tot een max-width zodat die uitlijnt met de page-sections. 'full' vult de volle breedte, of geef een eigen CSS-lengte.
+ * @attr {boolean} no-logo - Hides the whole logo bar, wordmark included.
+ * @attr {string} logo-title - Title of the wordmark next to the logo. Without it the logo stands alone.
+ * @attr {string} logo-subtitle - Subtitle under the wordmark title. Only visible when there is a wordmark.
+ * @attr {string} logo-supporting-text-1 - First supporting line under the wordmark title. Only visible when there is a wordmark.
+ * @attr {string} logo-supporting-text-2 - Second supporting line under the wordmark title. Only visible when there is a wordmark.
+ * @attr {string} logo-href - URL for the logo and wordmark. Without it they are not a link but an image with an accessible label.
+ * @attr {string} website-title - Name of the website or application, above the menu bar. Empty leaves the title line out.
+ * @attr {string} website-href - URL for the website title. Without it the title stays plain text.
+ * @attr {string} back-href - URL of the back button. Without it a click fires the `back-click` event, so the consumer navigates itself.
+ * @attr {string} back-text - Text of the back button. The button appears as soon as back-text or back-href is set; without text it falls back to the translation ("Terug").
+ * @attr {string} width - Limits the bar content to a max-width so it lines up with the page sections. 'full' fills the entire width, or pass your own CSS length.
  */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"top-navigation-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,sBAAsB,yBAuVlC,CAAC"}
+{"version":3,"file":"top-navigation-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,sBAAsB,yBAmWlC,CAAC"}

package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js

@@ -217,7 +217,6 @@ export const topNavigationBarStyles = css `
 		align-items: center;
 
 		@container (max-width: ${smMax}) {
-			padding-top: var(--primitives-space-4);
 			justify-content: center;
 		}
 
@@ -227,19 +226,32 @@ export const topNavigationBarStyles = css `
 		}
 	}
 
+	/* Without a logo above it the title is the first thing in the bar, so its
+	   focus ring has nothing to sit in. Six is what that ring needs: two of
+	   offset, two of outline, and the halo that follows it. */
+
 	:host([no-logo]) .top-navigation-bar__website-title-bar {
 		@container (max-width: ${smMax}) {
-			padding-top: var(--primitives-space-8);
+			padding-top: var(--primitives-space-6);
 		}
 	}
 
 	/* ## Title */
 
 	.top-navigation-bar__website-title {
+		box-sizing: border-box;
+		display: inline-flex;
+		align-items: center;
+		min-width: var(--semantics-controls-xs-min-size);
+		min-height: var(--semantics-controls-xs-min-size);
 		font: var(--components-top-navigation-bar-title-sm-font);
 		color: var(--semantics-content-color);
 		white-space: nowrap;
 
+		@container (max-width: ${smMax}) {
+			padding-top: var(--primitives-space-4);
+		}
+
 		@container (min-width: ${mdMin}) {
 			font: var(--components-top-navigation-bar-title-md-font);
 		}

package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-navigation-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;IAcrC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;2BAuBK,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAgCL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAuGL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;;2BAKL,KAAK;;;;;;;2BAOL,KAAK;;;;;;;;;;;;2BAYL,KAAK;;;;2BAIL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAoCL,KAAK;;;;;2BAKL,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;;2BAKL,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;;;;;;;;;2BAYL,KAAK;;;;;;;;;;;;;;;;;;;;CAoB/B,CAAC"}
+{"version":3,"file":"top-navigation-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;IAcrC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;2BAuBK,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAgCL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAuGL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;;;2BAM/B,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;2BAIL,KAAK;;;;;;;;;;;2BAWL,KAAK;;;;;;;;;;;;;;;;;2BAiBL,KAAK;;;;2BAIL,KAAK;;;;2BAIL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAoCL,KAAK;;;;;2BAKL,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;;2BAKL,KAAK;;;;;;;;;;;;;2BAaL,KAAK;;;;;;;;;;;;2BAYL,KAAK;;;;;;;;;;;;;;;;;;;;CAoB/B,CAAC"}

package/dist/components/navigation/top-title-bar/top-title-bar.d.ts

@@ -36,8 +36,8 @@
  *
  * @slot toolbar - Optional buttons to the left of the dismiss button
  *
- * @fires back - Fired when the back button is clicked (not fired when back-href is set)
- * @fires dismiss - Fired when the dismiss button is clicked
+ * @fires back - Fired when the back button is clicked (not fired when back-href is set). It bubbles and is composed, so an ancestor hears it too, which is how nldd-navigation-split-view lets a consumer catch the back of any pane in one place. Listen in one place then: bound to both this bar and an ancestor, a single press runs the handler twice.
+ * @fires dismiss - Fired when the dismiss button is clicked. Bubbles and is composed, with the same caveat as `back`.
  */
 import { LitElement } from 'lit';
 export declare class NLDDTopTitleBar extends LitElement {

package/dist/components/navigation/top-title-bar/top-title-bar.js

@@ -36,8 +36,8 @@
  *
  * @slot toolbar - Optional buttons to the left of the dismiss button
  *
- * @fires back - Fired when the back button is clicked (not fired when back-href is set)
- * @fires dismiss - Fired when the dismiss button is clicked
+ * @fires back - Fired when the back button is clicked (not fired when back-href is set). It bubbles and is composed, so an ancestor hears it too, which is how nldd-navigation-split-view lets a consumer catch the back of any pane in one place. Listen in one place then: bound to both this bar and an ancestor, a single press runs the handler twice.
+ * @fires dismiss - Fired when the dismiss button is clicked. Bubbles and is composed, with the same caveat as `back`.
  */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/components/navigation/top-title-bar/top-title-bar.styles.js

@@ -114,13 +114,13 @@ export const topTitleBarStyles = css `
 		margin: 0;
 		overflow: hidden;
 		color: var(--semantics-content-color);
-		font: var(--primitives-font-body-lg-medium-flat);
+		font: var(--primitives-font-body-lg-semi-bold-flat);
 		text-overflow: ellipsis;
 		white-space: nowrap;
 	}
 
 	.top-title-bar__title:has(+ .top-title-bar__subtitle) {
-		font: var(--primitives-font-body-md-medium-flat);
+		font: var(--primitives-font-body-md-semi-bold-flat);
 	}
 
 	@media (forced-colors: active) {