@nldd/design-system 0.8.70 → 0.8.71

package/dist/components/lists-and-tables/list-item-action/list-item-action.d.ts

@@ -0,0 +1,108 @@
+import { LitElement } from 'lit';
+import { type ListItemActionControl } from './list-item-action.template.js';
+export type ListItemActionWidth = 'fit-content' | 'full';
+/**
+ * A segmented action inside an `nldd-list-item`: it groups a run of cells
+ * and makes just that run clickable. Use it when a row needs more than one
+ * action — a tree row whose chevron expands while the label toggles a checkbox,
+ * or a row that navigates with a separate button beside it.
+ *
+ * Put it in the row where its cells would go: the item has one flat slot, and a
+ * segmented action takes the place of the cells it covers. Where the divider
+ * starts or stops is marked on the cells themselves (`divider-start` /
+ * `divider-end`), not by the slot an action sits in.
+ *
+ * A row is EITHER row-level interactive (`href` / `button` / `checkbox` on the
+ * `nldd-list-item`) OR segmented (one or more of these). Both at once nests
+ * a control inside a control, which is invalid HTML; the item DEV-warns.
+ *
+ * Unlike the row-wide action this does not bleed outward: a segmented action sits
+ * between siblings, so an outward inset would overlap them. It owns its inline
+ * padding and never drops below the row's control size, so an icon-only one still
+ * meets the WCAG 2.5.8 target size — do not add spacer cells inside it for room
+ * or hit area, that doubles the space.
+ *
+ * In a `type="listbox"` list the segmented action renders as a plain container (no
+ * control, not focusable) and DEV-warns: an `option` may not contain
+ * interactive descendants. The cells render unchanged, so nothing shifts.
+ *
+ * @element nldd-list-item-action
+ *
+ * @attr {boolean} button - Renders the segmented action as a `<button>`; ignored when `href` is set
+ * @attr {string} href - Renders the segmented action as an `<a>` with this URL; wins over `button` and `checkbox`
+ * @attr {string} target - Link target forwarded to the `<a>`; only applies with `href`
+ * @attr {string} rel - Link rel forwarded to the `<a>`; only applies with `href`
+ * @attr {boolean} checkbox - Makes the segmented action a `role="checkbox"` control; ignored when `href` is set
+ * @attr {boolean} checked - Checked state of a `checkbox` action; it toggles on activation
+ * @attr {boolean} expanded - Disclosure state, reflected as `aria-expanded` on the control. Set it on the segmented action that opens something (e.g. a tree row's chevron). Leave it off entirely when the segmented action discloses nothing — an absent attribute emits no aria-expanded.
+ * @attr {boolean} disclosure - Marks the segmented action as the row's disclosure control: `aria-expanded` comes from the parent item's `expanded`, so the state lives in one place. A slotted `nldd-icon-cell` rotates a quarter turn while the row is open
+ * @attr {boolean} current - Marks the segmented action as the current page (`aria-current="page"`)
+ * @attr {boolean} disabled - Disabled state; only applies to button and checkbox segmented actions
+ * @attr {'fit-content'|'full'} width - `full` lets the segmented action grow to fill the row (default: 'fit-content')
+ * @attr {string} accessible-label - Accessible name for the control. Set it when the segmented action holds only an icon, or when the cell text does not describe the action.
+ *
+ * @slot - The cells that belong to this action
+ *
+ * @fires change - On a `checkbox` action after it toggles; detail: { checked: boolean }
+ */
+export declare class NLDDListItemAction extends LitElement {
+    static styles: import("lit").CSSResult[];
+    button: boolean;
+    href?: string;
+    target?: string;
+    rel?: string;
+    checkbox: boolean;
+    checked: boolean;
+    /** Undefined (attribute absent) means "discloses nothing" — no aria-expanded is emitted. */
+    expanded?: boolean;
+    /**
+     * Marks this action as the row's disclosure control: it takes `aria-expanded`
+     * from the parent item's `expanded` instead of its own. Use it on a tree row's
+     * chevron, so the open/closed state is written once — on the row, where it also
+     * drives the children group — rather than kept in step in two places.
+     *
+     * A slotted `nldd-icon-cell` turns a quarter with that state, so a chevron
+     * points down while the row is open without any consumer CSS.
+     */
+    disclosure: boolean;
+    current: boolean;
+    disabled: boolean;
+    width: ListItemActionWidth;
+    accessibleLabel: string;
+    /** Set by the parent nldd-list-item, mirroring its list's type. */
+    _parentType: string;
+    /** Set by the parent row when the list runs roving-tabindex navigation:
+     *  true makes this action a tab stop within the current row, false keeps it
+     *  out of the tab order. Undefined leaves the native control alone. */
+    _tabbable?: boolean;
+    /** Set by the parent nldd-list-item on a `disclosure` action: the row's own
+     *  expanded state, which this action announces. */
+    _rowExpanded?: boolean;
+    private _control?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    /** Called by the parent nldd-list-item so a runtime type switch tracks. */
+    _applyParentType(type: string): void;
+    /** Whether the consumer asked for an interactive action at all. */
+    private get _wantsControl();
+    get _controlType(): ListItemActionControl;
+    private _handleClick;
+    private _handleFocusIn;
+    private _handleFocusOut;
+    private _onPointerDown;
+    private _clearPressed;
+    /** Delegates focus to the inner control so consumers needn't reach into shadow DOM. */
+    focus(options?: FocusOptions): void;
+    /** The open state has to reach the styles, and it lives in a property (the
+     *  row's, for a disclosure action) that CSS cannot see. A host class is the
+     *  hook — the same mechanism nldd-list already uses for .is-boxed / .is-first. */
+    updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-list-item-action': NLDDListItemAction;
+    }
+}
+//# sourceMappingURL=list-item-action.d.ts.map

package/dist/components/lists-and-tables/list-item-action/list-item-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-action.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item-action/list-item-action.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,EAAY,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAGtF,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG,MAAM,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IACjD,OAAgB,MAAM,4BAA0B;IAGhD,MAAM,UAAS;IAGf,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAEhB,4FAA4F;IAE5F,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;OAQG;IAEH,UAAU,UAAS;IAGnB,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,KAAK,EAAE,mBAAmB,CAAiB;IAG3C,eAAe,SAAM;IAErB,mEAAmE;IAEnE,WAAW,SAAU;IAErB;;2EAEuE;IAEvE,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;uDACmD;IAEnD,YAAY,CAAC,EAAE,OAAO,CAAC;IAGvB,OAAO,CAAC,QAAQ,CAAC,CAAc;IAEtB,iBAAiB;IAUjB,oBAAoB;IAUpB,YAAY;IAKrB,2EAA2E;IAC3E,gBAAgB,CAAC,IAAI,EAAE,MAAM;IAO7B,mEAAmE;IACnE,OAAO,KAAK,aAAa,GAExB;IAED,IAAI,YAAY,IAAI,qBAAqB,CAKxC;IAED,OAAO,CAAC,YAAY,CAalB;IAEF,OAAO,CAAC,cAAc,CAKpB;IAEF,OAAO,CAAC,eAAe,CAErB;IAEF,OAAO,CAAC,cAAc,CAGpB;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEF,uFAAuF;IAC9E,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAI5C;;sFAEkF;IACzE,OAAO;IAKP,MAAM;CAiBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,uBAAuB,EAAE,kBAAkB,CAAC;KAC5C;CACD"}

package/dist/components/lists-and-tables/list-item-action/list-item-action.js

@@ -0,0 +1,228 @@
+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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
+import { isPointerMode } from '../../../utilities/input-modality.js';
+import { listItemActionStyles } from './list-item-action.styles.js';
+import { template } from './list-item-action.template.js';
+/**
+ * A segmented action inside an `nldd-list-item`: it groups a run of cells
+ * and makes just that run clickable. Use it when a row needs more than one
+ * action — a tree row whose chevron expands while the label toggles a checkbox,
+ * or a row that navigates with a separate button beside it.
+ *
+ * Put it in the row where its cells would go: the item has one flat slot, and a
+ * segmented action takes the place of the cells it covers. Where the divider
+ * starts or stops is marked on the cells themselves (`divider-start` /
+ * `divider-end`), not by the slot an action sits in.
+ *
+ * A row is EITHER row-level interactive (`href` / `button` / `checkbox` on the
+ * `nldd-list-item`) OR segmented (one or more of these). Both at once nests
+ * a control inside a control, which is invalid HTML; the item DEV-warns.
+ *
+ * Unlike the row-wide action this does not bleed outward: a segmented action sits
+ * between siblings, so an outward inset would overlap them. It owns its inline
+ * padding and never drops below the row's control size, so an icon-only one still
+ * meets the WCAG 2.5.8 target size — do not add spacer cells inside it for room
+ * or hit area, that doubles the space.
+ *
+ * In a `type="listbox"` list the segmented action renders as a plain container (no
+ * control, not focusable) and DEV-warns: an `option` may not contain
+ * interactive descendants. The cells render unchanged, so nothing shifts.
+ *
+ * @element nldd-list-item-action
+ *
+ * @attr {boolean} button - Renders the segmented action as a `<button>`; ignored when `href` is set
+ * @attr {string} href - Renders the segmented action as an `<a>` with this URL; wins over `button` and `checkbox`
+ * @attr {string} target - Link target forwarded to the `<a>`; only applies with `href`
+ * @attr {string} rel - Link rel forwarded to the `<a>`; only applies with `href`
+ * @attr {boolean} checkbox - Makes the segmented action a `role="checkbox"` control; ignored when `href` is set
+ * @attr {boolean} checked - Checked state of a `checkbox` action; it toggles on activation
+ * @attr {boolean} expanded - Disclosure state, reflected as `aria-expanded` on the control. Set it on the segmented action that opens something (e.g. a tree row's chevron). Leave it off entirely when the segmented action discloses nothing — an absent attribute emits no aria-expanded.
+ * @attr {boolean} disclosure - Marks the segmented action as the row's disclosure control: `aria-expanded` comes from the parent item's `expanded`, so the state lives in one place. A slotted `nldd-icon-cell` rotates a quarter turn while the row is open
+ * @attr {boolean} current - Marks the segmented action as the current page (`aria-current="page"`)
+ * @attr {boolean} disabled - Disabled state; only applies to button and checkbox segmented actions
+ * @attr {'fit-content'|'full'} width - `full` lets the segmented action grow to fill the row (default: 'fit-content')
+ * @attr {string} accessible-label - Accessible name for the control. Set it when the segmented action holds only an icon, or when the cell text does not describe the action.
+ *
+ * @slot - The cells that belong to this action
+ *
+ * @fires change - On a `checkbox` action after it toggles; detail: { checked: boolean }
+ */
+let NLDDListItemAction = class NLDDListItemAction extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.button = false;
+        this.checkbox = false;
+        this.checked = false;
+        /**
+         * Marks this action as the row's disclosure control: it takes `aria-expanded`
+         * from the parent item's `expanded` instead of its own. Use it on a tree row's
+         * chevron, so the open/closed state is written once — on the row, where it also
+         * drives the children group — rather than kept in step in two places.
+         *
+         * A slotted `nldd-icon-cell` turns a quarter with that state, so a chevron
+         * points down while the row is open without any consumer CSS.
+         */
+        this.disclosure = false;
+        this.current = false;
+        this.disabled = false;
+        this.width = 'fit-content';
+        this.accessibleLabel = '';
+        /** Set by the parent nldd-list-item, mirroring its list's type. */
+        this._parentType = 'list';
+        this._handleClick = (e) => {
+            if (this.disabled)
+                return;
+            // Safari and Firefox on Mac don't focus buttons on click. Force focus so
+            // the :focus-visible styling below stays reliable.
+            this._control?.focus();
+            if (this._controlType !== 'checkbox')
+                return;
+            if (!e.composedPath().includes(this._control))
+                return;
+            this.checked = !this.checked;
+            this.dispatchEvent(new CustomEvent('change', {
+                detail: { checked: this.checked },
+                bubbles: true,
+                composed: true,
+            }));
+        };
+        this._handleFocusIn = () => {
+            // Safari treats the programmatic focus above as focus-visible. Mark
+            // pointer-originated focus so the CSS can suppress the ring; if JS fails
+            // the class is never set and the ring shows — accessible by default.
+            this._control?.classList.toggle('is-pointer-focus', isPointerMode());
+        };
+        this._handleFocusOut = () => {
+            this._control?.classList.remove('is-pointer-focus');
+        };
+        this._onPointerDown = (e) => {
+            if (e.button > 0 || this.disabled)
+                return;
+            this._control?.classList.add('is-pressed');
+        };
+        this._clearPressed = () => {
+            this._control?.classList.remove('is-pressed');
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('focusin', this._handleFocusIn);
+        this.addEventListener('focusout', this._handleFocusOut);
+        this.addEventListener('click', this._handleClick);
+        this.addEventListener('pointerdown', this._onPointerDown);
+        this.addEventListener('pointerup', this._clearPressed);
+        this.addEventListener('pointercancel', this._clearPressed);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('focusin', this._handleFocusIn);
+        this.removeEventListener('focusout', this._handleFocusOut);
+        this.removeEventListener('click', this._handleClick);
+        this.removeEventListener('pointerdown', this._onPointerDown);
+        this.removeEventListener('pointerup', this._clearPressed);
+        this.removeEventListener('pointercancel', this._clearPressed);
+    }
+    firstUpdated() {
+        const list = this.closest('nldd-list');
+        if (list)
+            this._applyParentType(list.type);
+    }
+    /** Called by the parent nldd-list-item so a runtime type switch tracks. */
+    _applyParentType(type) {
+        this._parentType = type;
+        if (import.meta.env?.DEV && type === 'listbox' && this._wantsControl) {
+            console.warn('nldd-list-item-action: rendered as a plain container because the parent nldd-list is type="listbox". An `option` may not contain interactive descendants — move the action out of the listbox, or drive selection from the option itself.');
+        }
+    }
+    /** Whether the consumer asked for an interactive action at all. */
+    get _wantsControl() {
+        return Boolean(this.href) || this.button || this.checkbox;
+    }
+    get _controlType() {
+        if (this._parentType === 'listbox' || !this._wantsControl)
+            return 'plain';
+        if (this.href)
+            return 'link';
+        if (this.checkbox)
+            return 'checkbox';
+        return 'button';
+    }
+    /** Delegates focus to the inner control so consumers needn't reach into shadow DOM. */
+    focus(options) {
+        this._control?.focus(options);
+    }
+    /** The open state has to reach the styles, and it lives in a property (the
+     *  row's, for a disclosure action) that CSS cannot see. A host class is the
+     *  hook — the same mechanism nldd-list already uses for .is-boxed / .is-first. */
+    updated() {
+        const expanded = this.disclosure ? this._rowExpanded : this.expanded;
+        this.classList.toggle('is-expanded', expanded === true);
+    }
+    render() {
+        if (import.meta.env?.DEV && this.disclosure && this.expanded !== undefined) {
+            console.warn('nldd-list-item-action: `disclosure` takes aria-expanded from the row, so the `expanded` on this action is ignored. Drop one of the two.');
+        }
+        return template(this._controlType, this.href, this.target, this.rel, this.checked, this.disclosure ? this._rowExpanded : this.expanded, this.current, this.disabled, this.accessibleLabel, this._tabbable === undefined ? undefined : (this._tabbable ? '0' : '-1'));
+    }
+};
+NLDDListItemAction.styles = [listItemActionStyles];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDListItemAction.prototype, "button", void 0);
+__decorate([
+    property({ reflect: true })
+], NLDDListItemAction.prototype, "href", void 0);
+__decorate([
+    property({ reflect: true })
+], NLDDListItemAction.prototype, "target", void 0);
+__decorate([
+    property({ reflect: true })
+], NLDDListItemAction.prototype, "rel", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDListItemAction.prototype, "checkbox", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDListItemAction.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDListItemAction.prototype, "expanded", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDListItemAction.prototype, "disclosure", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDListItemAction.prototype, "current", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDListItemAction.prototype, "disabled", void 0);
+__decorate([
+    property({ reflect: true, converter: reflectNonDefault('fit-content') })
+], NLDDListItemAction.prototype, "width", void 0);
+__decorate([
+    property({ attribute: 'accessible-label' })
+], NLDDListItemAction.prototype, "accessibleLabel", void 0);
+__decorate([
+    state()
+], NLDDListItemAction.prototype, "_parentType", void 0);
+__decorate([
+    state()
+], NLDDListItemAction.prototype, "_tabbable", void 0);
+__decorate([
+    state()
+], NLDDListItemAction.prototype, "_rowExpanded", void 0);
+__decorate([
+    query('.list-item-action')
+], NLDDListItemAction.prototype, "_control", void 0);
+NLDDListItemAction = __decorate([
+    customElement('nldd-list-item-action')
+], NLDDListItemAction);
+export { NLDDListItemAction };
+//# sourceMappingURL=list-item-action.js.map

package/dist/components/lists-and-tables/list-item-action/list-item-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-action.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item-action/list-item-action.ts"],"names":[],"mappings":"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"}

package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const listItemActionStyles: import("lit").CSSResult;
+//# sourceMappingURL=list-item-action.styles.d.ts.map

package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-action.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item-action/list-item-action.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBA8IhC,CAAC"}

package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.js

@@ -0,0 +1,145 @@
+import { css } from 'lit';
+export const listItemActionStyles = css `
+	:host {
+		box-sizing: border-box;
+	}
+
+	:host {
+		--_background-color: transparent;
+		--_min-size: var(--context-list-item-size, var(--semantics-controls-md-min-size));
+		--_expanded-rotation: 90deg;
+		--_fill-z-index: -1;
+
+		display: flex;
+		position: relative;
+		align-items: stretch;
+		/* The row's areas center their children; this must span instead, so its hit
+		   area and fill reach the row's top and bottom edges. */
+		align-self: stretch;
+		flex-grow: 0;
+		flex-shrink: 1;
+		/* Square floor from the row's control size, so an icon-only action is still
+		   a touch target. On the host, not the control: the host is the flex item,
+		   so a floor on the control would be measured against a host that had
+		   already shrunk to zero. */
+		min-width: var(--_min-size);
+		min-height: var(--_min-size);
+		-webkit-tap-highlight-color: transparent;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	/* A growing action needs no floor and needs min-width: 0, so its text can
+	   truncate instead of pushing its siblings out. */
+	:host([width="full"]) {
+		flex-grow: 1;
+		min-width: 0;
+	}
+
+	:host([width="full"]) .list-item-action {
+		justify-content: flex-start;
+	}
+
+	/* The cell rotates, not the icon — ::slotted reaches a direct child only, and
+	   rotating the cell turns the glyph in place. */
+	:host([disclosure]) ::slotted(nldd-icon-cell) {
+		rotate: 0deg;
+		transition: rotate var(--primitives-transition-duration-fast) var(--primitives-transition-easing-default);
+	}
+
+	:host([disclosure].is-expanded) ::slotted(nldd-icon-cell) {
+		rotate: var(--_expanded-rotation);
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		:host([disclosure]) ::slotted(nldd-icon-cell) {
+			transition: none;
+		}
+	}
+
+	/* The control is the whole action: hit area, fill and focus ring. Its inline
+	   padding is fixed at the indicator inset, the way a button owns its padding,
+	   so the fill always sits the same distance from the content. Do not add
+	   spacer cells for room or hit area — that doubles the space. */
+	.list-item-action {
+		box-sizing: border-box;
+		display: flex;
+		position: relative;
+		margin: 0;
+		outline: none;
+		border: none;
+		background: none;
+		width: 100%;
+		min-width: 0;
+		padding: 0;
+		padding-inline: var(--components-list-item-indicator-inline-inset);
+		flex-direction: row;
+		align-items: center;
+		/* Content narrower than the floor is centered in the leftover space, which
+		   is the floor's doing and not the author's. A growing action keeps its
+		   content leading: that is text, and text reads from the start. */
+		justify-content: center;
+		color: inherit;
+		text-align: start;
+		text-decoration: none;
+	}
+
+	a.list-item-action {
+		cursor: var(--semantics-controls-link-cursor);
+	}
+
+	button.list-item-action:disabled {
+		cursor: not-allowed;
+		opacity: var(--primitives-opacity-disabled);
+	}
+
+	.list-item-action::before {
+		content: '';
+		display: block;
+		position: absolute;
+		z-index: var(--_fill-z-index);
+		inset-block: 0;
+		inset-inline: 0;
+		border-radius: var(--components-list-item-indicator-corner-radius);
+		background-color: var(--_background-color);
+		pointer-events: none;
+	}
+
+	@media (hover: hover) {
+		a.list-item-action:hover,
+		button.list-item-action:not(:disabled):hover {
+			--_background-color: var(--components-list-item-is-hovered-background-color);
+			--context-content-color: var(--components-list-item-is-hovered-content-color);
+			--context-content-secondary-color: var(--components-list-item-is-hovered-content-color);
+		}
+	}
+
+	/* Press feedback — works on touch where :hover doesn't. JS-driven so a touch
+	   that turns into a scroll clears it (pointercancel) instead of flashing. */
+	.list-item-action.is-pressed {
+		--_background-color: var(--components-list-item-is-hovered-background-color);
+		--context-content-color: var(--components-list-item-is-hovered-content-color);
+		--context-content-secondary-color: var(--components-list-item-is-hovered-content-color);
+	}
+
+	:host([checked]) .list-item-action {
+		--_background-color: var(--components-list-item-is-selected-background-color);
+		--context-content-color: var(--components-list-item-is-selected-content-color);
+		--context-content-secondary-color: var(--components-list-item-is-selected-content-color);
+	}
+
+	.list-item-action:focus-visible:not(.is-pointer-focus)::after {
+		content: '';
+		display: block;
+		position: absolute;
+		inset: 0;
+		border-radius: var(--components-list-item-indicator-corner-radius);
+		outline: var(--semantics-focus-ring-outline);
+		outline-offset: var(--semantics-focus-ring-outline-offset);
+		box-shadow: var(--semantics-focus-ring-box-shadow);
+		pointer-events: none;
+	}
+`;
+//# sourceMappingURL=list-item-action.styles.js.map

package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-action.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item-action/list-item-action.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8ItC,CAAC"}

package/dist/components/lists-and-tables/list-item-action/list-item-action.template.d.ts

@@ -0,0 +1,3 @@
+export type ListItemActionControl = 'link' | 'button' | 'checkbox' | 'plain';
+export declare function template(control: ListItemActionControl, href: string | undefined, target: string | undefined, rel: string | undefined, checked: boolean, expanded: boolean | undefined, current: boolean, disabled: boolean, accessibleLabel: string, actionTabindex?: string): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=list-item-action.template.d.ts.map

package/dist/components/lists-and-tables/list-item-action/list-item-action.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-action.template.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item-action/list-item-action.template.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAE7E,wBAAgB,QAAQ,CACvB,OAAO,EAAE,qBAAqB,EAC9B,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,GAAG,SAAS,EAC7B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,EACjB,eAAe,EAAE,MAAM,EACvB,cAAc,CAAC,EAAE,MAAM,wCAoCvB"}

package/dist/components/lists-and-tables/list-item-action/list-item-action.template.js

@@ -0,0 +1,35 @@
+import { html, nothing } from 'lit';
+export function template(control, href, target, rel, checked, expanded, current, disabled, accessibleLabel, actionTabindex) {
+    const content = html `<slot></slot>`;
+    const ariaExpanded = expanded === undefined ? nothing : String(expanded);
+    const ariaCurrent = current ? 'page' : nothing;
+    const label = accessibleLabel || nothing;
+    if (control === 'link') {
+        return html `<a class="list-item-action"
+			href=${href ?? nothing}
+			target=${target ?? nothing}
+			rel=${rel ?? nothing}
+			aria-expanded=${ariaExpanded}
+			aria-current=${ariaCurrent}
+			aria-label=${label}
+			tabindex=${actionTabindex ?? nothing}
+		>${content}</a>`;
+    }
+    if (control === 'checkbox' || control === 'button') {
+        return html `<button class="list-item-action"
+			type="button"
+			role=${control === 'checkbox' ? 'checkbox' : nothing}
+			aria-checked=${control === 'checkbox' ? String(checked) : nothing}
+			aria-expanded=${ariaExpanded}
+			aria-current=${ariaCurrent}
+			aria-label=${label}
+			?disabled=${disabled}
+			tabindex=${actionTabindex ?? nothing}
+		>${content}</button>`;
+    }
+    // Plain: no control at all. Used in a listbox parent, where an `option` may
+    // not contain interactive descendants — the cells still render, so the row
+    // looks unchanged, it just isn't operable.
+    return html `<div class="list-item-action">${content}</div>`;
+}
+//# sourceMappingURL=list-item-action.template.js.map

package/dist/components/lists-and-tables/list-item-action/list-item-action.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-action.template.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list-item-action/list-item-action.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAIpC,MAAM,UAAU,QAAQ,CACvB,OAA8B,EAC9B,IAAwB,EACxB,MAA0B,EAC1B,GAAuB,EACvB,OAAgB,EAChB,QAA6B,EAC7B,OAAgB,EAChB,QAAiB,EACjB,eAAuB,EACvB,cAAuB;IAEvB,MAAM,OAAO,GAAG,IAAI,CAAA,eAAe,CAAC;IACpC,MAAM,YAAY,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACzE,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAC/C,MAAM,KAAK,GAAG,eAAe,IAAI,OAAO,CAAC;IAEzC,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;QACxB,OAAO,IAAI,CAAA;UACH,IAAI,IAAI,OAAO;YACb,MAAM,IAAI,OAAO;SACpB,GAAG,IAAI,OAAO;mBACJ,YAAY;kBACb,WAAW;gBACb,KAAK;cACP,cAAc,IAAI,OAAO;KAClC,OAAO,MAAM,CAAC;IAClB,CAAC;IAED,IAAI,OAAO,KAAK,UAAU,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACpD,OAAO,IAAI,CAAA;;UAEH,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;kBACrC,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO;mBACjD,YAAY;kBACb,WAAW;gBACb,KAAK;eACN,QAAQ;cACT,cAAc,IAAI,OAAO;KAClC,OAAO,WAAW,CAAC;IACvB,CAAC;IAED,4EAA4E;IAC5E,2EAA2E;IAC3E,2CAA2C;IAC3C,OAAO,IAAI,CAAA,iCAAiC,OAAO,QAAQ,CAAC;AAC7D,CAAC"}

package/dist/components/lists-and-tables/table/table.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,yBAmFvB,CAAC;AAEF,eAAO,MAAM,cAAc,yBA2C1B,CAAC"}
+{"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,yBAmFvB,CAAC;AAEF,eAAO,MAAM,cAAc,yBA6C1B,CAAC"}

package/dist/components/lists-and-tables/table/table.styles.js

@@ -87,7 +87,10 @@ export const tableStyles = css `
 export const tableRowStyles = css `
 	:host {
 		--_min-height: var(--semantics-tables-row-min-height);
-		--_padding-block: var(--semantics-tables-row-padding-block);
+		/* Block padding goes to the cells (same hook the list uses) so it belongs
+		   to the cell's box; inline padding stays here because it insets the row
+		   content from the frame without moving the full-bleed divider. */
+		--context-cell-padding-block: var(--semantics-tables-row-padding-block);
 		--_padding-inline: var(--semantics-tables-row-padding-inline);
 		--_divider-color: var(--semantics-tables-border-color);
 		--_divider-thickness: var(--semantics-tables-border-width);
@@ -99,7 +102,6 @@ export const tableRowStyles = css `
 		grid-template-columns: subgrid;
 		min-height: var(--_min-height);
 		border-bottom: var(--_divider-thickness) solid var(--_divider-color);
-		padding-block: var(--_padding-block);
 		padding-inline: var(--_padding-inline);
 		align-items: center;
 	}

package/dist/components/lists-and-tables/table/table.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;IAc1B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqErB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;IAQ7B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCrB,CAAC"}
+{"version":3,"file":"table.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/table/table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;IAc1B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqErB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;IAW7B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCrB,CAAC"}

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

@@ -10,10 +10,8 @@
  *
  * @element nldd-breadcrumbs
  *
- * @attr {string}  accessible-label - Override the nav's aria-label.
- *                                    Defaults to the i18n value (NL: "Kruimelpad").
- * @attr {object}  translations     - Override translation keys; unset keys
- *                                    fall back to the Dutch default.
+ * @attr {string} accessible-label - Override the nav's aria-label. Defaults to the i18n value (NL: "Kruimelpad").
+ * @attr {object} translations - Override translation keys; unset keys fall back to the Dutch default.
  *
  * @slot - `nldd-breadcrumbs-item` children.
  */
@@ -25,10 +23,10 @@ import { type NLDDBreadcrumbsTranslations } from './breadcrumbs.i18n.js';
  * is set, and as plain text otherwise. Each item renders its own trailing
  * `›` separator; the last item in the list hides it via `:host(:last-of-type)`.
  *
+ * @element nldd-breadcrumbs-item
+ *
  * @attr {string} href - Link target. Ignored when `current` is set.
- * @attr {boolean} current - Marks this item as the current page (renders as
- *                           plain text + `aria-current="page"`). Typical use
- *                           is on the last item.
+ * @attr {boolean} current - Marks this item as the current page (renders as plain text + `aria-current="page"`). Typical use is on the last item.
  * @attr {string} text - Item label. Falls back to the default slot.
  *
  * @slot - Item label (alternative to `text`).

package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,OAAO,EAA+B,KAAK,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAKtG;;;;;;;;;;;;;GAaG;AACH,qBAAa,mBAAoB,SAAQ,UAAU;IAClD,OAAgB,MAAM,0BAAyB;IAG/C,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,OAAO,UAAS;IAGhB,IAAI,SAAM;IAED,iBAAiB,IAAI,IAAI;IAYzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,MAAM;CAGf;AAcD,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,eAAe,SAAM;IAGrB,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAExD,OAAO,CAAC,mBAAmB,CAAmE;IAErF,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYlD,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAWzC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,eAAe,CAAC;QACpC,uBAAuB,EAAE,mBAAmB,CAAC;KAC7C;CACD"}
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,OAAO,EAA+B,KAAK,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAKtG;;;;;;;;;;;;;GAaG;AACH,qBAAa,mBAAoB,SAAQ,UAAU;IAClD,OAAgB,MAAM,0BAAyB;IAG/C,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,OAAO,UAAS;IAGhB,IAAI,SAAM;IAED,iBAAiB,IAAI,IAAI;IAYzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,MAAM;CAGf;AAcD,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,eAAe,SAAM;IAGrB,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAExD,OAAO,CAAC,mBAAmB,CAAmE;IAErF,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYlD,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAWzC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,eAAe,CAAC;QACpC,uBAAuB,EAAE,mBAAmB,CAAC;KAC7C;CACD"}