@nldd/design-system 0.8.74 → 0.8.75

package/dist/components/layout/card/card.styles.js

@@ -8,7 +8,9 @@ export const cardStyles = css `
 	/* # Host */
 
 	:host {
-		--_highlight-border: inset 0 0 0 var(--components-card-highlight-border-width) var(--components-card-highlight-border-color);
+		--_background-color: var(--components-card-background-color);
+		--_border-color: var(--components-card-highlight-border-color);
+		--_highlight-border: inset 0 0 0 var(--components-card-highlight-border-width) var(--_border-color);
 
 		display: flex;
 		/* Anchor for the focus ring, which hangs outside the card box. */
@@ -21,6 +23,14 @@ export const cardStyles = css `
 	}
 
 
+	/* ## Background variants */
+
+	:host([background="tinted"]) {
+		--_background-color: var(--components-card-tinted-background-color);
+		--_border-color: var(--components-card-tinted-highlight-border-color);
+	}
+
+
 	/* # Block */
 
 	.card {
@@ -28,7 +38,7 @@ export const cardStyles = css `
 		position: relative;
 		border-radius: var(--components-card-corner-radius);
 		box-shadow: var(--components-card-box-shadow);
-		background-color: var(--components-card-background-color);
+		background-color: var(--_background-color);
 		overflow: hidden;
 		flex-direction: column;
 		flex-grow: 1;

package/dist/components/layout/card/card.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/card/card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyH5B,CAAC"}
+{"version":3,"file":"card.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/card/card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmI5B,CAAC"}

package/dist/components/layout/collection/collection.d.ts

@@ -55,6 +55,7 @@ export declare class NLDDCollection extends LitElement {
     _onFooterSlotChange: (e: Event) => void;
     private _itemsEl;
     private _scrollListener;
+    private _handOffControlFocus;
     private _loadMoreBtn;
     private _intersectionObserver;
     private _resizeObserver;

package/dist/components/layout/collection/collection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/collection/collection.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,gCAAgC,CAAC;AACxC,OAAO,wCAAwC,CAAC;AAChD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,mBAAmB,CAAC;AAErD,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,MAAM,EAAE,MAAM,CAAU;IAGxB,YAAY,UAAS;IAGrB,QAAQ,SAAM;IAGd,QAAQ,UAAS;IAGjB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAE9B;2EACuE;IAEvE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAGxB,YAAY,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAM;IAIhD,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,GAAG,MAAM;IAKxD,aAAa,SAAK;IAGlB,WAAW,SAAK;IAGhB,QAAQ,UAAQ;IAGhB,MAAM,UAAS;IAGf,aAAa,UAAS;IAGtB,cAAc,UAAS;IAEvB,mBAAmB,GAAI,GAAG,KAAK,KAAG,IAAI,CAGpC;IAGF,OAAO,CAAC,QAAQ,CAAe;IAE/B,OAAO,CAAC,eAAe,CASrB;IAGF,OAAO,CAAC,YAAY,CAAsB;IAE1C,OAAO,CAAC,qBAAqB,CAAmC;IAChE,OAAO,CAAC,eAAe,CAA6B;IACpD,OAAO,CAAC,uBAAuB,CAAS;IAE/B,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAuC/D,OAAO,CAAC,qBAAqB;IAgB7B,OAAO,CAAC,wBAAwB;IAQhC,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAe7B,OAAO,CAAC,gBAAgB;IAQxB,SAAS,IAAI,IAAI;IAMjB,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,SAAS,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI;IAOzB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,cAAc,CAAC;KAClC;CACD"}
+{"version":3,"file":"collection.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/collection/collection.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,gCAAgC,CAAC;AACxC,OAAO,wCAAwC,CAAC;AAChD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,mBAAmB,CAAC;AAErD,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,MAAM,EAAE,MAAM,CAAU;IAGxB,YAAY,UAAS;IAGrB,QAAQ,SAAM;IAGd,QAAQ,UAAS;IAGjB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAE9B;2EACuE;IAEvE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAGxB,YAAY,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAM;IAIhD,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,GAAG,MAAM;IAKxD,aAAa,SAAK;IAGlB,WAAW,SAAK;IAGhB,QAAQ,UAAQ;IAGhB,MAAM,UAAS;IAGf,aAAa,UAAS;IAGtB,cAAc,UAAS;IAEvB,mBAAmB,GAAI,GAAG,KAAK,KAAG,IAAI,CAGpC;IAGF,OAAO,CAAC,QAAQ,CAAe;IAE/B,OAAO,CAAC,eAAe,CAcrB;IAOF,OAAO,CAAC,oBAAoB;IAgB5B,OAAO,CAAC,YAAY,CAAsB;IAE1C,OAAO,CAAC,qBAAqB,CAAmC;IAChE,OAAO,CAAC,eAAe,CAA6B;IACpD,OAAO,CAAC,uBAAuB,CAAS;IAE/B,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAuC/D,OAAO,CAAC,qBAAqB;IAgB7B,OAAO,CAAC,wBAAwB;IAQhC,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAe7B,OAAO,CAAC,gBAAgB;IAQxB,SAAS,IAAI,IAAI;IAMjB,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAOD,SAAS,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI;IA2BzB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,cAAc,CAAC;KAClC;CACD"}

package/dist/components/layout/collection/collection.js

@@ -65,12 +65,18 @@ let NLDDCollection = class NLDDCollection extends LitElement {
             const el = this._itemsEl;
             if (!el)
                 return;
+            const wasAtStart = this._atStart;
+            const wasAtEnd = this._atEnd;
             this._atStart = el.scrollLeft < 1;
             this._atEnd = el.scrollLeft + el.clientWidth >= el.scrollWidth - 1;
             /* Track overflow so the template can make the scroll container
              * keyboard-focusable. Without focus, arrow-key users can't scroll
              * a non-focusable region (WCAG 2.1.1). */
             this._isScrollable = el.scrollWidth > el.clientWidth;
+            if (!wasAtStart && this._atStart)
+                this._handOffControlFocus('previous');
+            if (!wasAtEnd && this._atEnd)
+                this._handOffControlFocus('next');
         };
         this._scrollListenerAttached = false;
     }
@@ -78,6 +84,27 @@ let NLDDCollection = class NLDDCollection extends LitElement {
     _t(key) {
         return this.translations[key] ?? nlddCollectionTranslations[key];
     }
+    /* A keyboard user who scrolls to an end disables the control they are
+     * standing on, and a disabled control cannot hold focus: the browser drops
+     * focus to the body and the next Tab restarts at the top of the page. Hand
+     * focus to the sibling control instead — it sits right next to the one
+     * being disabled and is by definition usable at that end. */
+    _handOffControlFocus(disabling) {
+        const controls = this.shadowRoot?.querySelectorAll('nldd-icon-button');
+        if (!controls || controls.length < 2)
+            return;
+        const [previous, next] = controls;
+        const losing = disabling === 'previous' ? previous : next;
+        if (this.shadowRoot?.activeElement !== losing)
+            return;
+        const target = disabling === 'previous' ? next : previous;
+        // Focus only lands once the disabled attribute has been rendered, and
+        // only if the sibling did not become disabled in the same update.
+        void this.updateComplete.then(() => {
+            if (!target.disabled)
+                target.focus();
+        });
+    }
     connectedCallback() {
         super.connectedCallback();
         this._visibleCount = this.maxItems;
@@ -173,11 +200,34 @@ let NLDDCollection = class NLDDCollection extends LitElement {
     get _hasMore() {
         return this._visibleCount < this._totalCount;
     }
+    /* Scroll to an item edge, not by a fixed distance. The last scroll position
+     * is wherever the content ends, which is rarely a whole number of items, so
+     * stepping by item + gap from there keeps that remainder forever and every
+     * item lands clipped. Snapping to the next edge in the given direction puts
+     * an item flush against the padded start again. */
     _scrollBy(direction) {
-        const slot = this._itemsEl?.querySelector('slot');
-        const firstItem = slot?.assignedElements()[0];
-        const itemWidth = firstItem?.offsetWidth ?? 280;
-        this._itemsEl?.scrollBy({ left: direction * (itemWidth + 16), behavior: 'smooth' });
+        const el = this._itemsEl;
+        if (!el)
+            return;
+        const slot = el.querySelector('slot');
+        const items = (slot?.assignedElements() ?? []);
+        if (items.length === 0)
+            return;
+        // Item starts in scroll coordinates, offset by the scroll padding so a
+        // target matches where scroll-snap parks the item.
+        const scrollerLeft = el.getBoundingClientRect().left;
+        const inset = parseFloat(getComputedStyle(el).scrollPaddingInlineStart) || 0;
+        const starts = items.map(item => Math.round(item.getBoundingClientRect().left - scrollerLeft + el.scrollLeft - inset));
+        // Sub-pixel layout means the current position is never exactly an item
+        // start, so ignore edges within a pixel of where we already are.
+        const epsilon = 2;
+        const current = el.scrollLeft;
+        const target = direction === 1
+            ? starts.find(start => start > current + epsilon)
+            : starts.filter(start => start < current - epsilon).pop();
+        if (target === undefined)
+            return;
+        el.scrollTo({ left: target, behavior: 'smooth' });
     }
     render() {
         return collectionTemplate(this);

package/dist/components/layout/collection/collection.js.map

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

package/dist/components/layout/container/container.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,yBA2Q3B,CAAC"}
+{"version":3,"file":"container.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,yBAyR3B,CAAC"}

package/dist/components/layout/container/container.styles.js

@@ -10,7 +10,8 @@ export const containerStyles = css `
 	}
 
 
-	/* # Host — outer chrome (padding + scheme + query container) */
+	/* # Host — external contract; padding and the query container live on
+	   .container in the shadow root, out of reach of consumer resets */
 
 	:host {
 		--_min-column-width: var(--primitives-area-280);
@@ -41,12 +42,37 @@ export const containerStyles = css `
 		--_slot-sm-order: var(--_slot-order);
 		--_slot-md-order: var(--_slot-order);
 		--_slot-lg-order: var(--_slot-order);
+		/* One resolved gap for every layout to read. Multicol splits the gap
+		   over two properties (column-gap plus a margin on the items), so a
+		   per-breakpoint declaration would have to be repeated in three
+		   rules; swapping the var keeps that in one place. */
+		--_resolved-gap: var(--_gap);
+
+		@media (max-width: ${smMax}) { --_resolved-gap: var(--_sm-gap); }
+		@media (min-width: ${mdMin}) and (max-width: ${mdMax}) { --_resolved-gap: var(--_md-gap); }
+		@media (min-width: ${lgMin}) { --_resolved-gap: var(--_lg-gap); }
+
+		@container layout-container (max-width: ${smMax}) { --_resolved-gap: var(--_sm-gap); }
+		@container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) { --_resolved-gap: var(--_md-gap); }
+		@container layout-container (min-width: ${lgMin}) { --_resolved-gap: var(--_lg-gap); }
 
-		container-type: inline-size;
 		display: block;
-		box-sizing: border-box;
 		width: 100%;
 		height: auto;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Outer chrome — padding + query container. Size queries measure the
+	   content box, so .container reports the same padded interior width the
+	   host reported when it carried the padding itself. */
+
+	.container {
+		container-type: inline-size;
+		box-sizing: border-box;
 		padding-top: var(--_padding-top);
 		padding-right: var(--_padding-right);
 		padding-bottom: var(--_padding-bottom);
@@ -95,41 +121,29 @@ export const containerStyles = css `
 		}
 	}
 
-	:host([hidden]) {
-		display: none;
-	}
-
 
 	/* # Inner — actual layout */
 
-	.container {
+	.container__inner {
 		display: flex;
 		flex-direction: column;
 		flex-wrap: nowrap;
 		justify-content: var(--_justify-content);
 		justify-items: var(--_justify-items);
 		align-items: var(--_align-items);
-		gap: var(--_gap);
-
-		@media (max-width: ${smMax}) { gap: var(--_sm-gap); }
-		@media (min-width: ${mdMin}) and (max-width: ${mdMax}) { gap: var(--_md-gap); }
-		@media (min-width: ${lgMin}) { gap: var(--_lg-gap); }
-
-		@container layout-container (max-width: ${smMax}) { gap: var(--_sm-gap); }
-		@container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) { gap: var(--_md-gap); }
-		@container layout-container (min-width: ${lgMin}) { gap: var(--_lg-gap); }
+		gap: var(--_resolved-gap);
 	}
 
-	:host([layout="row"]) .container {
+	:host([layout="row"]) .container__inner {
 		flex-direction: row;
 	}
 
-	:host([layout="wrap"]) .container {
+	:host([layout="wrap"]) .container__inner {
 		flex-direction: row;
 		flex-wrap: wrap;
 	}
 
-	:host([layout="grid"]) .container {
+	:host([layout="grid"]) .container__inner {
 		display: grid;
 		grid-template-columns: repeat(
 			var(--_column-count, auto-fit),
@@ -137,10 +151,10 @@ export const containerStyles = css `
 		);
 	}
 
-	:host([layout="columns"]) .container {
+	:host([layout="columns"]) .container__inner {
 		display: block;
 		columns: var(--_min-column-width);
-		column-gap: var(--_gap);
+		column-gap: var(--_resolved-gap);
 	}
 
 	:host([layout="columns"]) ::slotted(*) {
@@ -150,21 +164,21 @@ export const containerStyles = css `
 	/* Lanes — native CSS grid-lanes where supported, CSS multicol fallback
 	   otherwise. CSS-only (no JS). Fallback flows column-order; native lanes
 	   packs shortest-column (row-order). */
-	:host([layout="lanes"]) .container {
+	:host([layout="lanes"]) .container__inner {
 		display: block;
 		columns: var(--_min-column-width);
-		column-gap: var(--_gap);
+		column-gap: var(--_resolved-gap);
 	}
 
 	:host([layout="lanes"]) ::slotted(*) {
 		break-inside: avoid;
 		/* multicol has no row-gap; item margin supplies the vertical gap. The
 		   native branch resets this (grid-lanes gap covers both axes). */
-		margin-bottom: var(--_gap);
+		margin-bottom: var(--_resolved-gap);
 	}
 
 	@supports (display: grid-lanes) {
-		:host([layout="lanes"]) .container {
+		:host([layout="lanes"]) .container__inner {
 			display: grid-lanes;
 			grid-template-columns: repeat(
 				var(--_column-count, auto-fill),
@@ -177,14 +191,14 @@ export const containerStyles = css `
 		}
 	}
 
-	:host([layout="columns"][column-count]) .container,
-	:host([layout="columns"][sm-column-count]) .container,
-	:host([layout="columns"][md-column-count]) .container,
-	:host([layout="columns"][lg-column-count]) .container,
-	:host([layout="lanes"][column-count]) .container,
-	:host([layout="lanes"][sm-column-count]) .container,
-	:host([layout="lanes"][md-column-count]) .container,
-	:host([layout="lanes"][lg-column-count]) .container {
+	:host([layout="columns"][column-count]) .container__inner,
+	:host([layout="columns"][sm-column-count]) .container__inner,
+	:host([layout="columns"][md-column-count]) .container__inner,
+	:host([layout="columns"][lg-column-count]) .container__inner,
+	:host([layout="lanes"][column-count]) .container__inner,
+	:host([layout="lanes"][sm-column-count]) .container__inner,
+	:host([layout="lanes"][md-column-count]) .container__inner,
+	:host([layout="lanes"][lg-column-count]) .container__inner {
 		column-count: var(--_column-count);
 		column-width: auto;
 	}
@@ -192,59 +206,59 @@ export const containerStyles = css `
 
 	/* # Column count — base scope */
 
-	:host([column-count="1"]) .container { --_column-count: 1; }
-	:host([column-count="2"]) .container { --_column-count: 2; }
-	:host([column-count="3"]) .container { --_column-count: 3; }
-	:host([column-count="4"]) .container { --_column-count: 4; }
-	:host([column-count="5"]) .container { --_column-count: 5; }
-	:host([column-count="6"]) .container { --_column-count: 6; }
-	:host([column-count="7"]) .container { --_column-count: 7; }
-	:host([column-count="8"]) .container { --_column-count: 8; }
-	:host([column-count]) .container { --_track-min: 0; }
+	:host([column-count="1"]) .container__inner { --_column-count: 1; }
+	:host([column-count="2"]) .container__inner { --_column-count: 2; }
+	:host([column-count="3"]) .container__inner { --_column-count: 3; }
+	:host([column-count="4"]) .container__inner { --_column-count: 4; }
+	:host([column-count="5"]) .container__inner { --_column-count: 5; }
+	:host([column-count="6"]) .container__inner { --_column-count: 6; }
+	:host([column-count="7"]) .container__inner { --_column-count: 7; }
+	:host([column-count="8"]) .container__inner { --_column-count: 8; }
+	:host([column-count]) .container__inner { --_track-min: 0; }
 
 
 	/* # Column count — sm scope (queries :host own width) */
 
 	@container (max-width: ${smMax}) {
-		:host([sm-column-count="1"]) .container { --_column-count: 1; }
-		:host([sm-column-count="2"]) .container { --_column-count: 2; }
-		:host([sm-column-count="3"]) .container { --_column-count: 3; }
-		:host([sm-column-count="4"]) .container { --_column-count: 4; }
-		:host([sm-column-count="5"]) .container { --_column-count: 5; }
-		:host([sm-column-count="6"]) .container { --_column-count: 6; }
-		:host([sm-column-count="7"]) .container { --_column-count: 7; }
-		:host([sm-column-count="8"]) .container { --_column-count: 8; }
-		:host([sm-column-count]) .container { --_track-min: 0; }
+		:host([sm-column-count="1"]) .container__inner { --_column-count: 1; }
+		:host([sm-column-count="2"]) .container__inner { --_column-count: 2; }
+		:host([sm-column-count="3"]) .container__inner { --_column-count: 3; }
+		:host([sm-column-count="4"]) .container__inner { --_column-count: 4; }
+		:host([sm-column-count="5"]) .container__inner { --_column-count: 5; }
+		:host([sm-column-count="6"]) .container__inner { --_column-count: 6; }
+		:host([sm-column-count="7"]) .container__inner { --_column-count: 7; }
+		:host([sm-column-count="8"]) .container__inner { --_column-count: 8; }
+		:host([sm-column-count]) .container__inner { --_track-min: 0; }
 	}
 
 
 	/* # Column count — md scope */
 
 	@container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
-		:host([md-column-count="1"]) .container { --_column-count: 1; }
-		:host([md-column-count="2"]) .container { --_column-count: 2; }
-		:host([md-column-count="3"]) .container { --_column-count: 3; }
-		:host([md-column-count="4"]) .container { --_column-count: 4; }
-		:host([md-column-count="5"]) .container { --_column-count: 5; }
-		:host([md-column-count="6"]) .container { --_column-count: 6; }
-		:host([md-column-count="7"]) .container { --_column-count: 7; }
-		:host([md-column-count="8"]) .container { --_column-count: 8; }
-		:host([md-column-count]) .container { --_track-min: 0; }
+		:host([md-column-count="1"]) .container__inner { --_column-count: 1; }
+		:host([md-column-count="2"]) .container__inner { --_column-count: 2; }
+		:host([md-column-count="3"]) .container__inner { --_column-count: 3; }
+		:host([md-column-count="4"]) .container__inner { --_column-count: 4; }
+		:host([md-column-count="5"]) .container__inner { --_column-count: 5; }
+		:host([md-column-count="6"]) .container__inner { --_column-count: 6; }
+		:host([md-column-count="7"]) .container__inner { --_column-count: 7; }
+		:host([md-column-count="8"]) .container__inner { --_column-count: 8; }
+		:host([md-column-count]) .container__inner { --_track-min: 0; }
 	}
 
 
 	/* # Column count — lg scope */
 
 	@container (min-width: ${lgMin}) {
-		:host([lg-column-count="1"]) .container { --_column-count: 1; }
-		:host([lg-column-count="2"]) .container { --_column-count: 2; }
-		:host([lg-column-count="3"]) .container { --_column-count: 3; }
-		:host([lg-column-count="4"]) .container { --_column-count: 4; }
-		:host([lg-column-count="5"]) .container { --_column-count: 5; }
-		:host([lg-column-count="6"]) .container { --_column-count: 6; }
-		:host([lg-column-count="7"]) .container { --_column-count: 7; }
-		:host([lg-column-count="8"]) .container { --_column-count: 8; }
-		:host([lg-column-count]) .container { --_track-min: 0; }
+		:host([lg-column-count="1"]) .container__inner { --_column-count: 1; }
+		:host([lg-column-count="2"]) .container__inner { --_column-count: 2; }
+		:host([lg-column-count="3"]) .container__inner { --_column-count: 3; }
+		:host([lg-column-count="4"]) .container__inner { --_column-count: 4; }
+		:host([lg-column-count="5"]) .container__inner { --_column-count: 5; }
+		:host([lg-column-count="6"]) .container__inner { --_column-count: 6; }
+		:host([lg-column-count="7"]) .container__inner { --_column-count: 7; }
+		:host([lg-column-count="8"]) .container__inner { --_column-count: 8; }
+		:host([lg-column-count]) .container__inner { --_track-min: 0; }
 	}
 
 

package/dist/components/layout/container/container.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,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,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAgDX,KAAK;;;;;;;uBAOL,KAAK,qBAAqB,KAAK;;;;;;;uBAO/B,KAAK;;;;;;;4CAOgB,KAAK;;;;;;;4CAOL,KAAK,qBAAqB,KAAK;;;;;;;4CAO/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;uBAwB1B,KAAK;uBACL,KAAK,qBAAqB,KAAK;uBAC/B,KAAK;;4CAEgB,KAAK;4CACL,KAAK,qBAAqB,KAAK;4CAC/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAwFvB,KAAK;;;;;;;;;;;;;;;0BAeL,KAAK,qBAAqB,KAAK;;;;;;;;;;;;;;;0BAe/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;0BAyBL,KAAK;;;;0BAIL,KAAK,qBAAqB,KAAK;;;;0BAI/B,KAAK;;;CAG9B,CAAC"}
+{"version":3,"file":"container.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,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,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA4CX,KAAK;uBACL,KAAK,qBAAqB,KAAK;uBAC/B,KAAK;;4CAEgB,KAAK;4CACL,KAAK,qBAAqB,KAAK;4CAC/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;uBAwB1B,KAAK;;;;;;;uBAOL,KAAK,qBAAqB,KAAK;;;;;;;uBAO/B,KAAK;;;;;;;4CAOgB,KAAK;;;;;;;4CAOL,KAAK,qBAAqB,KAAK;;;;;;;4CAO/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA0GvB,KAAK;;;;;;;;;;;;;;;0BAeL,KAAK,qBAAqB,KAAK;;;;;;;;;;;;;;;0BAe/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;0BAyBL,KAAK;;;;0BAIL,KAAK,qBAAqB,KAAK;;;;0BAI/B,KAAK;;;CAG9B,CAAC"}

package/dist/components/layout/container/container.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,aAAa,GAAG,cAAc,CAM1E"}
+{"version":3,"file":"container.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,aAAa,GAAG,cAAc,CAc1E"}

package/dist/components/layout/container/container.template.js

@@ -1,9 +1,17 @@
 import { html } from 'lit';
 export function containerTemplate(component) {
-    // Inner .container holds the layout (display, grid, flex, columns). The
-    // :host stays the padding wrapper + the query container (container-type:
-    // inline-size). CSS spec forbids an element from matching its own
-    // container queries, so the layout rules live on a descendant of :host.
-    return html `<div class="container"><slot @slotchange=${component._onSlotChange}></slot></div>`;
+    // Three layers: the host is only the external contract (a consumer reset
+    // beats normal :host declarations per CSS Scoping, so no padding there),
+    // .container carries the padding and is the query container (container-type:
+    // inline-size), and .container__inner holds the layout (display, grid,
+    // flex, columns) — the CSS spec forbids an element from matching its own
+    // container queries, so the layout rules live on a descendant.
+    return html `
+		<div class="container">
+			<div class="container__inner">
+				<slot @slotchange=${component._onSlotChange}></slot>
+			</div>
+		</div>
+	`;
 }
 //# sourceMappingURL=container.template.js.map

package/dist/components/layout/container/container.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.template.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,iBAAiB,CAAC,SAAwB;IACzD,wEAAwE;IACxE,yEAAyE;IACzE,kEAAkE;IAClE,wEAAwE;IACxE,OAAO,IAAI,CAAA,4CAA4C,SAAS,CAAC,aAAa,gBAAgB,CAAC;AAChG,CAAC"}
+{"version":3,"file":"container.template.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,iBAAiB,CAAC,SAAwB;IACzD,yEAAyE;IACzE,yEAAyE;IACzE,6EAA6E;IAC7E,uEAAuE;IACvE,yEAAyE;IACzE,+DAA+D;IAC/D,OAAO,IAAI,CAAA;;;wBAGY,SAAS,CAAC,aAAa;;;EAG7C,CAAC;AACH,CAAC"}

package/dist/components/layout/page-footer/page-footer.styles.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 import { breakpoints } from '../../../assets/styles/breakpoints.js';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 const smMax = unsafeCSS(breakpoints.smMax);
 const mdMin = unsafeCSS(breakpoints.mdMin);
 const mdMax = unsafeCSS(breakpoints.mdMax);

package/dist/components/layout/page-footer/page-footer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-footer.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.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,wCAAwC,CAAC;AAE5E,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,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAyCR,KAAK;;;;;2BAKL,KAAK,qBAAqB,KAAK;;;;;2BAK/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAyCL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;2BAML,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC/B,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2C1C,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,CAAA;;IAE3C,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;CAyBrB,CAAC"}
+{"version":3,"file":"page-footer.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/page-footer/page-footer.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,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAyCR,KAAK;;;;;2BAKL,KAAK,qBAAqB,KAAK;;;;;2BAK/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAyCL,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;2BAML,KAAK;;;;2BAIL,KAAK,qBAAqB,KAAK;;;;2BAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC/B,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2C1C,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,CAAA;;IAE3C,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;CAyBrB,CAAC"}

package/dist/components/layout/page-sections/hero/hero.styles.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 import { breakpoints } from '../../../../assets/styles/breakpoints.js';
-import { inheritedTextReset, slottedReset } from '../../../../assets/styles/style-resets.js';
+import { inheritedTextReset, slottedReset } from '../../../../assets/styles/shadow-resets.js';
 const smMax = unsafeCSS(breakpoints.smMax);
 const mdMin = unsafeCSS(breakpoints.mdMin);
 const mdMax = unsafeCSS(breakpoints.mdMax);

package/dist/components/layout/page-sections/hero/hero.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"hero.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAE7F,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,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BzB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA8IK,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;;2BAO/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAuCL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4B5B,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAmFU,KAAK;;;;;;;;;;;;;;;;;;;0BAmBL,KAAK;;;;;;;;;;;;;;;;;;;;CAoB9B,CAAC"}
+{"version":3,"file":"hero.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/page-sections/hero/hero.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAE9F,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,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BzB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA8IK,KAAK;;;;;;2BAML,KAAK,qBAAqB,KAAK;;;;;;;2BAO/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAuCL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4B5B,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAmFU,KAAK;;;;;;;;;;;;;;;;;;;0BAmBL,KAAK;;;;;;;;;;;;;;;;;;;;CAoB9B,CAAC"}

package/dist/components/layout/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjD,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlG,OAAO,EAA2B,KAAK,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAI1F,qBACa,WAAY,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAiB;IAGvC,MAAM,SAAM;IAGZ,aAAa,EAAE,OAAO,GAAG,IAAI,CAAQ;IAGrC,SAAS,EAAE,SAAS,CAAkB;IAGtC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAO1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAGpC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAa;IAGtC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,QAAQ,UAAS;IAGjB,YAAY,UAAS;IAGrB,eAAe,SAAM;IAErB;;;OAGG;IAEH,YAAY,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAM;IAEpD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,6BAA6B,CAAS;IAC9C,gFAAgF;IAChF,OAAO,CAAC,kBAAkB,CAA6B;IACvD,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,iBAAiB,CAAwB;IAEjD,IAAI,IAAI,IAAI,OAAO,CAElB;IAEQ,iBAAiB,IAAI,IAAI;IA8BzB,oBAAoB,IAAI,IAAI;IAkC5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAoC/C,OAAO,CAAC,EAAE;IAIV,IAAI,wBAAwB,IAAI,MAAM,CAErC;IAID,IAAI,IAAI,IAAI;IAUZ,OAAO,CAAC,mBAAmB;IAQ3B,IAAI,IAAI,IAAI;IAKZ,MAAM,IAAI,IAAI;IAKd;;;;;;OAMG;IACH,OAAO,CAAC,kBAAkB;IAK1B,mFAAmF;IAC7E,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IA+FjC,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,iBAAiB;IA+CzB,OAAO,CAAC,qBAAqB,CAa3B;IAEF;;;;;;;;OAQG;IACH,OAAO,CAAC,iBAAiB,CAAS;IAElC,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,0BAA0B,CAiBhC;IAEF;8EAC0E;IAC1E,OAAO,CAAC,oBAAoB,CAE1B;IAEF;uCACmC;IACnC,OAAO,CAAC,2BAA2B,CAKjC;IAEF,OAAO,CAAC,oBAAoB,CA+B1B;IAOF,OAAO,CAAC,mBAAmB,CAEzB;IAEF,OAAO,CAAC,aAAa,CA+BnB;IAEF,OAAO,CAAC,cAAc,CA6BpB;IAIF,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,cAAc;IA0Db,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/popover/popover.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjD,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlG,OAAO,EAA2B,KAAK,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAI1F,qBACa,WAAY,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAiB;IAGvC,MAAM,SAAM;IAGZ,aAAa,EAAE,OAAO,GAAG,IAAI,CAAQ;IAGrC,SAAS,EAAE,SAAS,CAAkB;IAGtC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAO1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAGpC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAa;IAGtC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,QAAQ,UAAS;IAGjB,YAAY,UAAS;IAGrB,eAAe,SAAM;IAErB;;;OAGG;IAEH,YAAY,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAM;IAEpD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,6BAA6B,CAAS;IAC9C,gFAAgF;IAChF,OAAO,CAAC,kBAAkB,CAA6B;IACvD,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,iBAAiB,CAAwB;IAEjD,IAAI,IAAI,IAAI,OAAO,CAElB;IAEQ,iBAAiB,IAAI,IAAI;IA8BzB,oBAAoB,IAAI,IAAI;IAkC5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAoC/C,OAAO,CAAC,EAAE;IAIV,IAAI,wBAAwB,IAAI,MAAM,CAErC;IAID,IAAI,IAAI,IAAI;IAUZ,OAAO,CAAC,mBAAmB;IAQ3B,IAAI,IAAI,IAAI;IAKZ,MAAM,IAAI,IAAI;IAKd;;;;;;OAMG;IACH,OAAO,CAAC,kBAAkB;IAK1B,mFAAmF;IAC7E,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IA+FjC,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,iBAAiB;IA+CzB,OAAO,CAAC,qBAAqB,CAa3B;IAEF;;;;;;;;OAQG;IACH,OAAO,CAAC,iBAAiB,CAAS;IAElC,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,0BAA0B,CAiBhC;IAEF;8EAC0E;IAC1E,OAAO,CAAC,oBAAoB,CAE1B;IAEF;uCACmC;IACnC,OAAO,CAAC,2BAA2B,CAKjC;IAEF,OAAO,CAAC,oBAAoB,CA+B1B;IAOF,OAAO,CAAC,mBAAmB,CAEzB;IAEF,OAAO,CAAC,aAAa,CA+BnB;IAEF,OAAO,CAAC,cAAc,CA0CpB;IAIF,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,cAAc;IA0Db,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD"}

package/dist/components/layout/popover/popover.js

@@ -249,14 +249,27 @@ let NLDDPopover = class NLDDPopover extends LitElement {
                 this.hide();
                 return;
             }
-            // Moving focus ourselves instead of letting the browser do it. Safari does
-            // not tab into the contents of a top-layer element: with the container
-            // focused it skips the whole popover and lands on whatever follows it in
-            // the document, while the popover stays open. Verified there that our own
-            // list is right (2 focusables, both programmatically focusable, tabIndex 0),
-            // so the list is not the problem and the browser is.
-            event.preventDefault();
-            focusables[event.shiftKey ? idx - 1 : idx + 1]?.focus();
+            // The container itself holds focus: where it lands on open, and where a
+            // click on the popover's dead chrome puts it (tabindex="-1" makes the
+            // host mouse-focusable). This is the one hop we move ourselves, because
+            // Safari does not tab into the contents of a top-layer element — with the
+            // container focused it skips the whole popover and lands on whatever
+            // follows it in the document, while the popover stays open. Entering at
+            // the first focusable also serves the chrome-click case: after clicking
+            // somewhere in the popover you expect Tab to start at its top, not to
+            // resume from wherever focus happened to be.
+            if (idx === -1) {
+                event.preventDefault();
+                // focusVisible is advisory (ignored where unsupported), but where it
+                // works it gives this scripted hop the ring a keyboard hop deserves.
+                focusables[0]?.focus({ focusVisible: true });
+                return;
+            }
+            // Between elements the browser moves focus itself. A focus the browser
+            // moves on a key press matches :focus-visible unconditionally; a focus WE
+            // move only inherits the ring state of the element we left. Intercepting
+            // every Tab therefore meant one mouse click anywhere started a chain in
+            // which no Tab stop ever showed a focus ring again.
         };
     }
     get open() {